Changeset 27042 for extensions/linked_pages/template/admin_album.tpl

Timestamp:

Jan 29, 2014, 9:31:33 PM (10 years ago)

Author:

mistic100

Message:

update for Piwigo 2.6 + use underscore for admin

File:

• extensions/linked_pages/template/admin_album.tpl (modified) (3 diffs)

extensions/linked_pages/template/admin_album.tpl

@@ -1 @@
-{footer_script require='jquery.ui.sortable'}{literal}
-function init_handlers() {
-  jQuery(".menuPos").hide();
-  jQuery(".drag_button").show();
-  jQuery(".menuLi").css("cursor","move");
-  jQuery(".menuUl").sortable({
-    axis: "y",
-    opacity: 0.8
+{combine_script id='jquery.underscore' load='footer' path='themes/default/js/plugins/underscore.js'}
+
+{footer_script require='jquery.ui.sortable'}
+(function($){
+  $("#menuOrdering").submit(function() {
+    $('.menuUl li').each(function(i) {
+      $('.menuPos[name="position[' + $(this).data('id') + ']"]').val(i);
+    });
   });
-  
-  jQuery("#menuOrdering").submit(function() {
-    ar = jQuery('.menuUl').sortable('toArray');
-    for(i=0; i<ar.length; i++) {
-      men = ar[i].split('menu_');
-      document.getElementsByName('position[' + men[1] + ']')[0].value = i;
-    }
-  });
-  
-  $("a.deletePage").click(function() {
-    id = $(this).parents("li.menuLi").attr("id").split("menu_")[1];
+
+  $('.menuUl').on('click', 'a.deletePage', function() {
+    var id = $(this).parents("li.menuLi").data('id');
     $(this).parents("li.menuLi").remove();
     $("select[name='add_page'] option[value='"+ id +"']").removeAttr("disabled");
   });
-}
 
-$("select[name='add_page']").change(function() {
-  if ($(this).val() != -1) {
-    $option = $(this).children("option:selected");
-    
-  {/literal}
-    var html =
-      '<li class="menuLi" id="menu_'+ $(this).val() +'">'+
-        '<p>'+
-          '<span style="margin:2px 5px;">'+
-            '<a href="#" class="deletePage"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/category_delete.png" alt="{'delete'|@translate}" title="{'delete'|@translate}"></a>'+
-          '</span>'+
+  function init_sortable() {
+    $(".menuUl").sortable({
+      axis: "y",
+      opacity: 0.8
+    });
+  }
 
-          ' <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">'+
-          ' <b><a href="'+ $option.data('href') +'">'+ $option.html() +'</a></b>';
-    if ($option.data('standalone')) html+= ' - {'ap_standalone_page'|@translate}';
-    if ($option.data('language'))   html+= ' <i>('+ $option.data('language')+')</i>';
-    html+=
-        '</p>'+
-        '<p class="menuPos">'+
-          '<label>'+
-            '{'Position'|@translate} :'+
-            ' <input type="text" size="4" name="position['+ $(this).val() +']" maxlength="4" value="0">'+
-          '</label>'+
-        '</p>'+
-      '</li>';
-  {literal}
-      
-    $("ul.menuUl").append(html);
+  var template = _.template($('#lp_template').html());
 
-    $option.attr("disabled", "disabled");
-    $(this).val(-1);
-    init_handlers();
-  }
-});
+  $("select[name='add_page']").change(function() {
+    if ($(this).val() != -1) {
+      var $option = $(this).children("option:selected");
 
-init_handlers();
-{/literal}{/footer_script}
+      $("ul.menuUl").append(template({
+        id: $(this).val(),
+        name: $option.html(),
+        href: $option.data('href'),
+        standalone: $option.data('standalone'),
+        language: $option.data('language')
+      }));
 
-{html_style}{literal}
+      $option.attr("disabled", "disabled");
+      $(this).val(-1);
+      init_sortable();
+    }
+  });
+
+  init_sortable();
+  
+  {foreach from=$cat_pages item=page}
+  $("ul.menuUl").append(template({
+    id: {$page.page_id},
+    name: '{$page.title}',
+    href: '{$page.U_PAGE}',
+    standalone: {$page.standalone},
+    language: '{$page.language}'
+  }));
+  {/foreach}
+}(jQuery));
+{/footer_script}
+
+{html_style}
 #menuOrdering a:hover { border:none; }
-{/literal}{/html_style}
+.menuPos { display:none; }
+.menuLi { cursor:move; }
+{/html_style}
 
 
 <div class="titrePage">
-  <h2><span style="letter-spacing:0">{$CATEGORIES_NAV}</span> &#8250; {'Edit album'|@translate} {$TABSHEET_TITLE}</h2>
+  <h2><span style="letter-spacing:0">{$CATEGORIES_NAV}</span> &#8250; {'Edit album'|translate} {$TABSHEET_TITLE}</h2>
 </div>
 
@@ -74 +70 @@
 {if count($pages)}
   <p style="margin-bottom:15px;">
-    {'ap_add_page'|@translate}
+    {'ap_add_page'|translate}
     <select name="add_page">
       <option value="-1" selected="selected">------------</option>
@@ -85 +81 @@
   </p>
 
-  <ul class="menuUl">
-    {foreach from=$cat_pages item=page}
-    <li class="menuLi" id="menu_{$page.page_id}">
-      <p>
-        <span style="margin:2px 5px;">
-          <a href="#" class="deletePage"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/category_delete.png" alt="{'delete'|@translate}" title="{'delete'|@translate}"></a>
-        </span>
-
-        <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" style="display:none;" alt="{'Drag to re-order'|@translate}" title="{'Drag to re-order'|@translate}">
-        <b><a href="{$page.U_PAGE}">{$page.title}</a></b>
-        {if $page.standalone == 'true'} - {'ap_standalone_page'|@translate}{/if}
-        {if !empty($page.language)}<i>({$page.language})</i>{/if}
-      </p>
-
-      <p class="menuPos">
-        <label>
-          {'Position'|@translate} :
-          <input type="text" size="4" name="position[{$page.page_id}]" maxlength="4" value="{$page.pos}">
-        </label>
-      </p>
-    </li>
-    {/foreach}
-  </ul>
+  <ul class="menuUl"></ul>
   
   <p class="menuSubmit">
-    <input type="submit" name="save_pages" value="{'Submit'|@translate}">
-    <input type="submit" name="reset" value="{'Reset'|@translate}">
+    <input type="submit" name="save_pages" value="{'Submit'|translate}">
+    <input type="submit" name="reset" value="{'Reset'|translate}">
   </p>
 {/if}
 
 <p style="text-align:left;">
-  <a href="{$AP_ADMIN}">{'ap_add_page'|@translate}</a>
+  <a href="{$AP_ADMIN}">{'ap_add_page'|translate}</a>
 </p>
 
 </form>
+
+<script type="text/template" id="lp_template">
+  <li class="menuLi" data-id=<%= id %>>
+    <p>
+      <span style="margin:2px 5px;">
+        <a href="#" class="deletePage"><img src="{$ROOT_URL}{$themeconf.admin_icon_dir}/category_delete.png" alt="{'delete'|translate}" title="{'delete'|translate}"></a>
+      </span>
+
+      <img src="{$themeconf.admin_icon_dir}/cat_move.png" class="button drag_button" alt="{'Drag to re-order'|translate}" title="{'Drag to re-order'|translate}">
+      <b><a href="<%= href %>"><%= name %></a></b>
+    <% if (standalone) { %>
+      - {'ap_standalone_page'|translate}
+    <% } %>
+    <% if (language) { %>
+      <i>(<%= language %>)</i>
+    <% } %>
+    </p>
+    
+    <input class="menuPos" type="text" size="4" name="position[<%= id %>]" maxlength="4" value="0">
+  </li>
+</script>