+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+
+
+
+
+
+
+
+ 
+
+ + Menu Draggable
++ Used to change the position of menu items in navbar +
+ +
+
+
+
+ 
+
+
+ Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ Overview +
+
+
+
+
+
+
+ This application allows to change the position of menu items in navbar by drag and drop.
+
+
+
+
+ 
+
+
+ Features +
+
+
+
+
+
+
+
+
+ 
+ Community Support.
+
+
+ Community Support.
+
+
+
+ Can drag menu items according to priority needed
+
+
+
+
+ Can drag menu items according to priority needed
+
+
+
+
+ Order of menu item is saved
+
+
+
+
+ Order of menu item is saved
+
+
+
+
+ 
+
+
+ Screenshots +
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + In the Navbar of any module you can see a cross icon when it is able to drag +
+
+
+ 
+
+
+ + If the menu item have child items then you need to open the parent menu, then you can view the icon +
+
+
+ 
+
+
+ + Rearranged menu items can be viewed here
+
+
+
+
+ 
+
+
+ Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ Our Services +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo + Customization
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+
+
+ 
+
+
+ + Odoo + Support
+
+
+
+
+ 
+
+
+ + Hire + Odoo + Developer
+
+
+
+
+ 
+
+
+ + Odoo + Integration
+
+
+
+
+
+ 
+
+
+ + Odoo + Migration
+
+
+
+
+ 
+
+
+ + Odoo + Consultancy
+
+
+
+
+ 
+
+
+ + Odoo + Implementation
+
+
+
+ 
+
+
+ + Odoo + Licensing Consultancy
+
+
+
+
+ 
+
+
+ Our + Industries +
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading +
++ Easily procure + and + sell your products
+
+
+
+
+ 
+
+
+ + POS +
++ Easy + configuration + and convivial experience
+
+
+
+
+ 
+
+
+ + Education +
++ A platform for + educational management
+
+
+
+
+ 
+
+
+ + Manufacturing +
++ Plan, track and + schedule your operations
+
+
+
+
+ 
+
+
+ + E-commerce & Website +
++ Mobile + friendly, + awe-inspiring product pages
+
+
+
+
+ 
+
+
+ + Service Management +
++ Keep track of + services and invoice
+
+
+
+
+ 
+
+
+ + Restaurant +
++ Run your bar or + restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management +
++ An + all-inclusive + hotel management application
+
+
+
+ 
+
+
+ Support +
+
+
+
\ No newline at end of file
diff --git a/menu_draggable/static/src/js/draggable_menu.js b/menu_draggable/static/src/js/draggable_menu.js
new file mode 100644
index 000000000..6a239dc5d
--- /dev/null
+++ b/menu_draggable/static/src/js/draggable_menu.js
@@ -0,0 +1,35 @@
+/** @odoo-module **/
+import { NavBar } from "@web/webclient/navbar/navbar";
+import { patch } from "@web/core/utils/patch";
+import session from "web.session";
+import rpc from 'web.rpc';
+const { onWillStart, onMounted } = owl;
+// Patch the navbar to drag and change the positions of menus in each model
+patch(NavBar.prototype, 'menu_draggable/static/src/js/draggable_menu.js', {
+ setup(){
+ this._super.apply();
+ onMounted(this.mount);
+ onWillStart(this.willStart);
+ },
+ async willStart(){
+ $(".ui-sortable-handle").attr('style', 'cursor:all-scroll;');
+ },
+ mount(){
+ document.addEventListener('mousedown', this._dragMenu);
+ },
+ _dragMenu:async function(ev){
+ $(".ui-sortable-handle").attr('style', 'cursor:all-scroll;');
+ var menuItems = [] ;
+ var selected_menu_data = $(".o_menu_sections")
+ selected_menu_data.children().each(element => {
+ menuItems.push($(selected_menu_data.children()[element]).text())
+ })
+ $(".o_menu_sections").sortable(
+ );
+ await rpc.query({
+ model: 'menu.item.draggable',
+ method: 'get_menu_item',
+ args: [$(ev.target).data('section'), menuItems],
+ }).then(function(response){})
+ },
+})
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+