Changeset 2554 for trunk/admin

Timestamp:

Sep 20, 2008, 3:04:01 AM (16 years ago)

Author:

patdenice

Message:

• Add drag&drop to cat_list.

Location:

trunk/admin/template/goto

Files:

• cat_list.tpl (modified) (3 diffs)
• default-layout.css (modified) (1 diff)
• theme/roma/theme.css (modified) (1 diff)

trunk/admin/template/goto/cat_list.tpl

@@ -1 +1 @@
 {* $Id$ *}
+{known_script id="jquery" src=$ROOT_URL|@cat:"template-common/lib/jquery.packed.js"}
+{known_script id="jquery.ui" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.core.packed.js" }
+{known_script id="jquery.ui.sortable" src=$ROOT_URL|@cat:"template-common/lib/ui/ui.sortable.packed.js" }
+
+<script type="text/javascript">
+  jQuery().ready(function(){ldelim}
+    jQuery(".catPos").hide();
+    jQuery('.categoryUl').sortable({ldelim}
+      axis: "y",
+      cursor: "move",
+      opacity: 0.8
+    });
+    jQuery("#categoryOrdering").submit(function(){ldelim}
+      ar = jQuery('.categoryUl').sortable('toArray');
+      for(i=0;i<ar.length;i++) {ldelim}
+        cat = ar[i].split('cat_');
+        document.getElementsByName('catOrd[' + cat[1] + ']')[0].value = i;
+      }
+    });
+  });
+</script>
+
 <h2>{'title_categories'|@translate}</h2>
 
@@ -23 +45 @@
 
     {foreach from=$categories item=category}
-    <li class="categoryLi{if $category.IS_VIRTUAL} virtual_cat{/if}">
+    <li class="categoryLi{if $category.IS_VIRTUAL} virtual_cat{/if}" id="cat_{$category.ID}">
       <!-- category {$category.ID} -->
       <ul class="categoryActions">
@@ -47 +69 @@
       </p>
 
-      <p>
+      <p class="catPos">
         <label>
           {'Position'|@translate} :

trunk/admin/template/goto/default-layout.css

@@ -61 +61 @@
 
 LI.categoryLi {
+  width: 100%;
   border: 1px solid gray;
   padding: 0px 5px;

trunk/admin/template/goto/theme/roma/theme.css

@@ -68 +68 @@
 .throw  { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; }
 label { cursor:pointer }
-.virtual_cat { background: #222 !important; }
+.categoryLi { background: #222 }
+.virtual_cat { background: #333 !important; }
 a.Piwigo {
   font-family: verdana, arial, helvetica, sans-serif !important;