replace the sortable jquery plugin with html5sortable

2021-11-05 20:19:08 +01:00
parent d978da2c72
commit db2220e745
4 changed files with 19 additions and 10 deletions
@@ -186,17 +186,17 @@ document.addEventListener('DOMContentLoaded', () => {
        })
    }

-    jQuery("#categories-list .side-menu-setting-list").sortable({
-        forcePlaceholderSize: true,
-        placeholder: 'placeholder',
-        stop: function (event, ui) {
-            let value = []
+    sortable('#categories-list .side-menu-setting-list', {
+        placeholderClass: 'side-menu-setting-list-drop'
+    })

-            for (let item of document.querySelectorAll('#categories-list .side-menu-setting-list-item')) {
-                value.push(item.getAttribute('data-id'))
-            }
+    sortable('#categories-list .side-menu-setting-list')[0].addEventListener('sortstop', (e) => {
+        let value = []

-            document.querySelector('input[name="categories-order"]').value = JSON.stringify(value)
+        for (let item of document.querySelectorAll('#categories-list .side-menu-setting-list-item')) {
+            value.push(item.getAttribute('data-id'))
        }
+
+        document.querySelector('input[name="categories-order"]').value = JSON.stringify(value)
    })
 })