Changeset 3105619

Timestamp:

06/21/2024 10:48:33 AM (7 weeks ago)

Author:

whiteshadow

Message:

Make the "drag items to the top level" feature available in the free version.

This was previously limited to the Pro version, now it also works in the free version. Basically, a user can move a submenu item to the top menu level by dragging it to the bottom of the top level menu list.

Location:

admin-menu-editor/trunk

Files:

• includes/editor-page.php (modified) (1 diff)
• js/menu-editor.js (modified) (1 diff)

admin-menu-editor/trunk/includes/editor-page.php

@@ -234 +234 @@
         </div>
 
+
         <?php do_action('admin_menu_editor-container', 'menu'); ?>
     </div>

admin-menu-editor/trunk/js/menu-editor.js

@@ -5068 +5068 @@
      *************************************************************************/
 
-    if (wsEditorData.wsMenuEditorPro) {
-        //Allow the user to drag sub-menu items to the top level.
-        $('#ws_top_menu_dropzone').droppable({
-            'hoverClass' : 'ws_dropzone_hover',
-            'activeClass' : 'ws_dropzone_active',
-
-            'accept' : (function(thing){
-                return thing.hasClass('ws_item');
-            }),
-
-            'drop' : (function(event, ui){
-                const firstColumn = menuPresenter.getColumnImmediate(1);
-                if (!firstColumn) {
-                    return;
-                }
-                const nextColumn = menuPresenter.getColumnImmediate(firstColumn.level + 1);
-
-                const droppedItemData = readItemState(ui.draggable);
-                const newItemNodes = firstColumn.pasteItem(droppedItemData, null);
-
-                //If the item was originally a top level menu, also move its original submenu items.
-                if ((getFieldValue(droppedItemData, 'parent') === null) && (newItemNodes.submenu)) {
-                    const droppedItemFile = getFieldValue(droppedItemData, 'file');
-                    const nearbyItems = $(ui.draggable).siblings('.ws_item');
-                    nearbyItems.each(function() {
-                        const containerNode = $(this),
-                            submenuItem = containerNode.data('menu_item');
-
-                        //Was this item originally a child of the dragged menu?
-                        if (getFieldValue(submenuItem, 'parent') === droppedItemFile) {
-                            nextColumn.pasteItem(submenuItem, null, newItemNodes.submenu);
-                            if ( !event.ctrlKey ) {
-                                menuPresenter.destroyItem(containerNode);
-                            }
+    //Allow the user to drag sub-menu items to the top level.
+    $('#ws_top_menu_dropzone').droppable({
+        'hoverClass' : 'ws_dropzone_hover',
+        'activeClass' : 'ws_dropzone_active',
+
+        'accept' : (function(thing){
+            return thing.hasClass('ws_item');
+        }),
+
+        'drop' : (function(event, ui){
+            const firstColumn = menuPresenter.getColumnImmediate(1);
+            if (!firstColumn) {
+                return;
+            }
+            const nextColumn = menuPresenter.getColumnImmediate(firstColumn.level + 1);
+
+            const droppedItemData = readItemState(ui.draggable);
+            const newItemNodes = firstColumn.pasteItem(droppedItemData, null);
+
+            //If the item was originally a top level menu, also move its original submenu items.
+            if ((getFieldValue(droppedItemData, 'parent') === null) && (newItemNodes.submenu)) {
+                const droppedItemFile = getFieldValue(droppedItemData, 'file');
+                const nearbyItems = $(ui.draggable).siblings('.ws_item');
+                nearbyItems.each(function() {
+                    const containerNode = $(this),
+                        submenuItem = containerNode.data('menu_item');
+
+                    //Was this item originally a child of the dragged menu?
+                    if (getFieldValue(submenuItem, 'parent') === droppedItemFile) {
+                        nextColumn.pasteItem(submenuItem, null, newItemNodes.submenu);
+                        if ( !event.ctrlKey ) {
+                            menuPresenter.destroyItem(containerNode);
                         }
-                    });
-                }
-
-                if ( !event.ctrlKey ) {
-                    menuPresenter.destroyItem(ui.draggable);
-                }
-            })
-        });
-    }
+                    }
+                }
+            }
+
+            
+                
+            }
+        })
+    }
 
     /******************************************************************