adding files of assets

2022-01-10 22:32:53 -08:00
parent f2779a0c2e
commit 91a01f7b7c
1582 changed files with 424006 additions and 0 deletions
@@ -0,0 +1,35 @@
+"use strict";
+
+// Class definition
+var KTDraggableCards = function() {
+    // Private functions
+    var exampleCards = function() {
+        var containers = document.querySelectorAll('.draggable-zone');
+
+        if (containers.length === 0) {
+            return false;
+        }
+
+        var swappable = new Sortable.default(containers, {
+            draggable: '.draggable',
+            handle: '.draggable .draggable-handle',
+            mirror: {
+                //appendTo: selector,
+                appendTo: 'body',
+                constrainDimensions: true
+            }
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function() {
+            exampleCards();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTDraggableCards.init();
+});
@@ -0,0 +1,35 @@
+"use strict";
+
+// Class definition
+var KTDraggableMultiple = function() {
+    // Private functions
+    var exampleMultiple = function() {
+        var containers = document.querySelectorAll('.draggable-zone');
+
+        if (containers.length === 0) {
+            return false;
+        }
+
+        var swappable = new Sortable.default(containers, {
+            draggable: '.draggable',
+            handle: '.draggable .draggable-handle',
+            mirror: {
+                //appendTo: selector,
+                appendTo: 'body',
+                constrainDimensions: true
+            }
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function() {
+            exampleMultiple();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTDraggableMultiple.init();
+});
@@ -0,0 +1,83 @@
+"use strict";
+
+// Class definition
+var KTDraggableRestricted = function () {
+    // Private functions
+    var exampleRestricted = function () {
+        var containers = document.querySelectorAll('.draggable-zone');
+        const restrcitedWrapper = document.querySelector('[data-kt-draggable-level="restricted"]');
+
+        if (containers.length === 0) {
+            return false;
+        }
+
+        var droppable = new Droppable.default(containers, {
+            draggable: '.draggable',
+            dropzone: '.draggable-zone',
+            handle: '.draggable .draggable-handle',
+            mirror: {
+                //appendTo: selector,
+                appendTo: 'body',
+                constrainDimensions: true
+            }
+        });
+
+        // Define draggable element variable for permissions level
+        let droppableOrigin;
+
+        // Handle drag start event -- more info: https://shopify.github.io/draggable/docs/class/src/Draggable/DragEvent/DragEvent.js~DragEvent.html
+        droppable.on('drag:start', (e) => {
+            droppableOrigin = e.originalSource.getAttribute('data-kt-draggable-level');
+        });
+
+        // Handle drag over event -- more info: https://shopify.github.io/draggable/docs/class/src/Draggable/DragEvent/DragEvent.js~DragOverEvent.html
+        droppable.on('drag:over', (e) => {
+            const isRestricted = e.overContainer.closest('[data-kt-draggable-level="restricted"]');
+            if (isRestricted) {
+                if (droppableOrigin !== 'admin') {
+                    restrcitedWrapper.classList.add('bg-light-danger');
+                } else {
+                    restrcitedWrapper.classList.remove('bg-light-danger');
+                }
+            } else {
+                restrcitedWrapper.classList.remove('bg-light-danger');
+            }
+        });
+
+        // Handle drag stop event -- more info: https://shopify.github.io/draggable/docs/class/src/Draggable/DragEvent/DragEvent.js~DragStopEvent.html
+        droppable.on('drag:stop', (e) => {
+            // remove all draggable occupied limit
+            containers.forEach(c => {
+                c.classList.remove('draggable-dropzone--occupied');
+            });
+
+            // Remove restricted alert
+            restrcitedWrapper.classList.remove('bg-light-danger');
+        });
+
+        // Handle drop event -- https://shopify.github.io/draggable/docs/class/src/Droppable/DroppableEvent/DroppableEvent.js~DroppableDroppedEvent.html
+        droppable.on('droppable:dropped', (e) => {
+            const isRestricted = e.dropzone.closest('[data-kt-draggable-level="restricted"]');
+            // Detect if drop container is restricted
+            if (isRestricted) {
+                // Check if dragged element has permission level
+                if (droppableOrigin !== 'admin') {
+                    restrcitedWrapper.classList.add('bg-light-danger');
+                    e.cancel();
+                }
+            }
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function () {
+            exampleRestricted();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function () {
+    KTDraggableRestricted.init();
+});
@@ -0,0 +1,35 @@
+"use strict";
+
+// Class definition
+var KTDraggableSwappable = function() {
+    // Private functions
+    var exampleSwappable = function() {
+        var containers = document.querySelectorAll('.draggable-zone');
+
+        if (containers.length === 0) {
+            return false;
+        }
+
+        var swappable = new Swappable.default(containers, {
+            draggable: '.draggable',
+            handle: '.draggable .draggable-handle',
+            mirror: {
+                //appendTo: selector,
+                appendTo: 'body',
+                constrainDimensions: true
+            }
+        });
+    }
+
+    return {
+        // Public Functions
+        init: function() {
+            exampleSwappable();
+        }
+    };
+}();
+
+// On document ready
+KTUtil.onDOMContentLoaded(function() {
+    KTDraggableSwappable.init();
+});