Changeset 3839:783854ebd4ce for admin/js/_index.js

Timestamp:

08/31/18 11:42:03 (7 years ago)

Author:

franck <carnet.franck.paul@…>

Branch:

default

Message:

Some refinements for sortable area on dashboard, and some code refactoring

File:

• admin/js/_index.js (modified) (1 diff)

admin/js/_index.js

@@ -220 +220 @@
     $.post('services.php', params, function() {});
   };
-  // Wait 5 seconds before activating ordering capabilities on dashboard
-  setTimeout(function() {
-    $('#dashboard-main').sortable({
+  var init_positions = function(sel, id) {
+    $(sel).sortable({
       cursor: 'move',
       opacity: 0.5,
       tolerance: "pointer",
       update: function() {
-        set_positions(this, 'main_order');
-      }
-    });
-    $('#dashboard-boxes').sortable({
-      cursor: 'move',
-      opacity: 0.5,
-      tolerance: "pointer",
-      update: function() {
-        set_positions(this, 'boxes_order');
-      }
-    });
-    $('#db-items').sortable({
-      cursor: 'move',
-      opacity: 0.5,
-      tolerance: "pointer",
-      update: function() {
-        set_positions(this, 'boxes_items_order');
-      }
-    });
-    $('#db-contents').sortable({
-      cursor: 'move',
-      opacity: 0.5,
-      tolerance: "pointer",
-      update: function() {
-        set_positions(this, 'boxes_contents_order');
-      }
-    });
+        set_positions(sel, id);
+      },
+      start: function() {
+        $(sel).addClass('sortable-area');
+      },
+      stop: function() {
+        $(sel).removeClass('sortable-area');
+      }
+    });
+  };
+  // Wait 5 seconds before activating ordering capabilities on dashboard
+  setTimeout(function() {
+    init_positions('#dashboard-main', 'main_order');
+    init_positions('#dashboard-boxes', 'boxes_order');
+    init_positions('#db-items', 'boxes_items_order');
+    init_positions('#db-contents', 'boxes_contents_order');
   }, 5000);