You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
101 lines
3.8 KiB
101 lines
3.8 KiB
/**********************************************************************************
|
|
*
|
|
* Copyright (c) 2017-today MuK IT GmbH.
|
|
*
|
|
* This file is part of MuK Grid Snippets
|
|
* (see https://mukit.at).
|
|
*
|
|
* This program is free software: you can redistribute it and/or modify
|
|
* it under the terms of the GNU Lesser General Public License as published by
|
|
* the Free Software Foundation, either version 3 of the License, or
|
|
* (at your option) any later version.
|
|
*
|
|
* This program is distributed in the hope that it will be useful,
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
* GNU Lesser General Public License for more details.
|
|
*
|
|
* You should have received a copy of the GNU Lesser General Public License
|
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*
|
|
**********************************************************************************/
|
|
|
|
odoo.define('muk_web_theme.Menu', function (require) {
|
|
"use strict";
|
|
|
|
const config = require("web.config");
|
|
|
|
const Menu = require("web.Menu");
|
|
const AppsBar = require("muk_web_theme.AppsBar");
|
|
|
|
Menu.include({
|
|
events: _.extend({}, Menu.prototype.events, {
|
|
"click .o_menu_apps a[data-toggle=dropdown]": "_onAppsMenuClick",
|
|
"click .mk_menu_mobile_section": "_onMobileSectionClick",
|
|
"click .o_menu_sections [role=menuitem]": "_hideMobileSubmenus",
|
|
"show.bs.dropdown .o_menu_systray, .o_menu_apps": "_hideMobileSubmenus",
|
|
}),
|
|
menusTemplate: config.device.isMobile ?
|
|
'muk_web_theme.MobileMenu.sections' : Menu.prototype.menusTemplate,
|
|
start() {
|
|
const res = this._super(...arguments);
|
|
this.$menu_toggle = this.$(".mk_menu_sections_toggle");
|
|
this.$menu_apps_sidebar = this.$('.mk_apps_sidebar_panel');
|
|
this._appsBar = new AppsBar(this, this.menu_data);
|
|
const appsBarProm = this._appsBar.appendTo(this.$menu_apps_sidebar);
|
|
appsBarProm.then(() => {
|
|
this.$menu_apps_sidebar.renderScrollBar();
|
|
});
|
|
if (config.device.isMobile) {
|
|
const menu_ids = _.keys(this.$menu_sections);
|
|
for (let i = 0; i < menu_ids.length; i++) {
|
|
const $section = this.$menu_sections[menu_ids[i]];
|
|
$section.on('click', 'a[data-menu]', this, (ev) => {
|
|
ev.stopPropagation();
|
|
});
|
|
}
|
|
}
|
|
return Promise.all([
|
|
res, appsBarProm
|
|
]);
|
|
},
|
|
_hideMobileSubmenus() {
|
|
if (this.$menu_toggle.is(":visible") && $('.oe_wait').length === 0 &&
|
|
this.$section_placeholder.is(":visible")) {
|
|
this.$section_placeholder.collapse("hide");
|
|
}
|
|
},
|
|
_updateMenuBrand() {
|
|
return !config.device.isMobile ? this._super(...arguments) : null;
|
|
},
|
|
_onAppsMenuClick(event, checkedCanBeRemoved) {
|
|
const action_manager = this.getParent().action_manager;
|
|
const controller = action_manager.getCurrentController();
|
|
if (controller && !checkedCanBeRemoved) {
|
|
controller.widget.canBeRemoved().then(() => {
|
|
$(event.currentTarget).trigger('click', [true]);
|
|
$(event.currentTarget).off('.bs.dropdown');
|
|
});
|
|
event.stopPropagation();
|
|
event.preventDefault();
|
|
}
|
|
},
|
|
_onMobileSectionClick(event) {
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
const $section = $(event.currentTarget);
|
|
if ($section.hasClass('show')) {
|
|
$section.removeClass('show');
|
|
$section.find('.show').removeClass('show');
|
|
$section.find('.fa-chevron-down').hide();
|
|
$section.find('.fa-chevron-right').show();
|
|
} else {
|
|
$section.addClass('show');
|
|
$section.find('ul:first').addClass('show');
|
|
$section.find('.fa-chevron-down:first').show();
|
|
$section.find('.fa-chevron-right:first').hide();
|
|
}
|
|
},
|
|
});
|
|
|
|
});
|