diff --git a/spiffy_theme_backend/static/src/js/menu.js b/spiffy_theme_backend/static/src/js/menu.js index 5ef80a2f..f63afc53 100644 --- a/spiffy_theme_backend/static/src/js/menu.js +++ b/spiffy_theme_backend/static/src/js/menu.js @@ -1,26 +1,28 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { 'use strict'; - var {fuzzyLookup} = require("@web/core/utils/search"); - var ajax = require('web.ajax'); - var core = require('web.core'); - var qweb = core.qweb; - var ColorPallet = require('spiffy_theme_backend.ColorPalletJS') - const config = require("web.config"); - - var { NavBar } = require("@web/webclient/navbar/navbar"); - var { patch } = require("web.utils"); - const { useListener } = require("@web/core/utils/hooks"); - var session = require("@web/session"); + var {fuzzyLookup} = require("@web/core/utils/search"); + var ajax = require('web.ajax'); + var core = require('web.core'); + var qweb = core.qweb; + var ColorPallet = require('spiffy_theme_backend.ColorPalletJS') + const config = require("web.config"); - var { browser } = require("@web/core/browser/browser"); - var { useService } = require("@web/core/utils/hooks"); + var {NavBar} = require("@web/webclient/navbar/navbar"); + var {patch} = require("web.utils"); + const {useListener} = require("@web/core/utils/hooks"); + var session = require("@web/session"); - var { loadCSS, loadJS } = require("@web/core/assets"); + var {browser} = require("@web/core/browser/browser"); + var {useService} = require("@web/core/utils/hooks"); - const {useExternalListener, onMounted } = owl; - - function findNames(memo, menu) { + var {loadCSS, loadJS} = require("@web/core/assets"); + var last_class = null + + const {useExternalListener, onMounted} = owl; + + + function findNames(memo, menu) { if (menu.actionID) { memo[menu.name.trim()] = menu; } @@ -33,7 +35,7 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { return memo; } - var session_dict = {'demo':'demo'} + var session_dict = {'demo': 'demo'} var methods = {} /** * Responsible for invoking native methods which called from JavaScript @@ -47,114 +49,170 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { methods['divertColor'] = function () { return divertColor('divert_color', session_dict); }; - - patch(NavBar.prototype, "theme_backend.MenuJs", { - async setup(parent, menuData) { - this._super(); + + patch(NavBar.prototype, "theme_backend.MenuJs", { + async setup(parent, menuData) { + this._super(); var self = this this.companyService = useService("company"); this.currentCompany = this.companyService.currentCompany; - $(document).on('click', '.bookmark_section .dropdown-toggle', function(ev){self._getCurrentPageName(ev)}); - $(document).on('click', '.bookmark_section .add_bookmark', function(ev){self._saveBookmarkPage(ev)}); - $(document).on('contextmenu', '.bookmark_list .bookmark_tag', function(ev){self._showbookmarkoptions(ev)}); - $(document).on('click', '.magnifier_section .minus', function(ev){self._magnifierZoomOut(ev)}); - $(document).on('click', '.magnifier_section .plus', function(ev){self._magnifierZoomIn(ev)}); - $(document).on('click', '.magnifier_section .reset', function(ev){self._magnifierZoomReset(ev)}); - $(document).on('click', '.fullscreen_section > a.full_screen', function(ev){self._FullScreenMode(ev)}); - $(document).on("click", ".theme_selector a", function(ev){self._openConfigModal(ev)}) - $(document).on('click', '#dark_mod', function(ev){self._ChangeThemeModeCLicked(ev)}); - $(document).on('click', '.pin_sidebar', function(ev){self._ChangeSidebarBehaviour(ev)}); + $(document).on('click', '.bookmark_section .dropdown-toggle', function (ev) { + self._getCurrentPageName(ev) + }); + $(document).on('click', '.bookmark_section .add_bookmark', function (ev) { + self._saveBookmarkPage(ev) + }); + $(document).on('contextmenu', '.bookmark_list .bookmark_tag', function (ev) { + self._showbookmarkoptions(ev) + }); + $(document).on('click', '.magnifier_section .minus', function (ev) { + self._magnifierZoomOut(ev) + }); + $(document).on('click', '.magnifier_section .plus', function (ev) { + self._magnifierZoomIn(ev) + }); + $(document).on('click', '.magnifier_section .reset', function (ev) { + self._magnifierZoomReset(ev) + }); + $(document).on('click', '.fullscreen_section > a.full_screen', function (ev) { + self._FullScreenMode(ev) + }); + $(document).on("click", ".theme_selector a", function (ev) { + self._openConfigModal(ev) + }) + $(document).on('click', '#dark_mod', function (ev) { + self._ChangeThemeModeCLicked(ev) + }); + $(document).on('click', '.pin_sidebar', function (ev) { + self._ChangeSidebarBehaviour(ev) + }); // $(document).on('click', '.lang_selector', function(ev){self._GetLanguages(ev)}); - - $(document).on('click', '.o_navbar_apps_menu .main_link', function(ev){self._ShowCurrentMenus(ev)}); - // SPIFFY MULTI TAB START - $(document).on('click', '.o_navbar_apps_menu .child_menus', function(ev){self._childMenuClick(ev)}); - $(document).on('click', '.o_menu_sections .o_menu_entry_lvl_2, .o_menu_sections .o_nav_entry', function(ev){self._childMenuClick(ev)}); - $(document).on('click', '.multi_tab_section .multi_tab_div a', function(ev){self._TabClicked(ev)}); - $(document).on('click', '.multi_tab_section .remove_tab', function(ev){self._RemoveTab(ev)}); - // SPIFFY MULTI TAB END + $(document).on('click', '.o_navbar_apps_menu .main_link', function (ev) { + self._ShowCurrentMenus(ev) + }); - $(document).on('click', '.search_bar, .close-search-bar', function(ev){self._showSearchbarModal(ev)}); - $(document).on('shown.bs.modal', '#search_bar_modal', function(ev){self._searchModalFocus(ev)}); - $(document).on('hidden.bs.modal', '#search_bar_modal', function(ev){self._searchModalReset(ev)}); - - $(document).on('keydown', '#searchPagesInput', function(ev){self._searchResultsNavigate(ev)}); - $(document).on('input', '#searchPagesInput', function(ev){self._searchMenuTimeout(ev)}); - $(document).on('click', '#searchPagesResults .autoComplete_highlighted', function(ev){self._searchResultChosen(ev)}); - - $(document).on('click', '.o_app_drawer a', function(ev){self._OpenAppdrawer(ev)}); - $(document).on('click', '.mobile-header-toggle #mobileMenuToggleBtn', function(ev){self._mobileHeaderToggle(ev)}); - $(document).on('click', '.o_menu_sections #mobileMenuclose', function(ev){self._mobileHeaderClose(ev)}); - $(document).on('click', '.fav_app_drawer .fav_app_drawer_btn', function(ev){self._OpenFavAppdrawer(ev)}); - $(document).on('click', '.appdrawer_section .close_fav_app_btn', function(ev){self._CloseAppdrawer(ev)}); - - $(document).on('click', '.debug_activator .activate_debug', function(ev){self._DebugToggler(ev)}); + // SPIFFY MULTI TAB START + $(document).on('click', '.o_navbar_apps_menu .child_menus', function (ev) { + self._childMenuClick(ev) + }); + $(document).on('click', '.o_menu_sections .o_menu_entry_lvl_2, .o_menu_sections .o_nav_entry', function (ev) { + self._childMenuClick(ev) + }); + $(document).on('click', '.multi_tab_section .multi_tab_div a', function (ev) { + self._TabClicked(ev) + }); + $(document).on('click', '.multi_tab_section .remove_tab', function (ev) { + self._RemoveTab(ev) + }); + // SPIFFY MULTI TAB END - $(document).on("click", ".header_to_do_list .to_do_list", function(ev){self._openToDoList(ev)}); - - this._searchableMenus = []; - var menu = this.menuService.getApps() + $(document).on('click', '.search_bar, .close-search-bar', function (ev) { + self._showSearchbarModal(ev) + }); + $(document).on('shown.bs.modal', '#search_bar_modal', function (ev) { + self._searchModalFocus(ev) + }); + $(document).on('hidden.bs.modal', '#search_bar_modal', function (ev) { + self._searchModalReset(ev) + }); + + $(document).on('keydown', '#searchPagesInput', function (ev) { + self._searchResultsNavigate(ev) + }); + $(document).on('input', '#searchPagesInput', function (ev) { + self._searchMenuTimeout(ev) + }); + $(document).on('click', '#searchPagesResults .autoComplete_highlighted', function (ev) { + self._searchResultChosen(ev) + }); + + $(document).on('click', '.o_app_drawer a', function (ev) { + self._OpenAppdrawer(ev) + }); + $(document).on('click', '.mobile-header-toggle #mobileMenuToggleBtn', function (ev) { + self._mobileHeaderToggle(ev) + }); + $(document).on('click', '.o_menu_sections #mobileMenuclose', function (ev) { + self._mobileHeaderClose(ev) + }); + $(document).on('click', '.fav_app_drawer .fav_app_drawer_btn', function (ev) { + self._OpenFavAppdrawer(ev) + }); + $(document).on('click', '.appdrawer_section .close_fav_app_btn', function (ev) { + self._CloseAppdrawer(ev) + }); + + $(document).on('click', '.debug_activator .activate_debug', function (ev) { + self._DebugToggler(ev) + }); + + $(document).on("click", ".header_to_do_list .to_do_list", function (ev) { + self._openToDoList(ev) + }); + + this._searchableMenus = []; + var menu = this.menuService.getApps() for (const menu of this.menuService.getApps()) { Object.assign( this._searchableMenus, _.reduce([this.menuService.getMenuAsTree(menu.id)], findNames, {}) ); } - this._search_def = false; - - // on reload get mode color - this._getModeData(); - // on reload add backend theme class - this.addconfiguratorclass() - // on reload add bookmark tags in menu - this.addbookmarktags() - - // get all apps menu data - this._all_apps_menu_data() - - // SPIFFY MULTI TAB START - on reload add multi tabs - this.addmultitabtags() - // SPIFFY MULTI TAB END - this._GetLanguages() + this._search_def = false; - // close magnifier when clicked outside the magnifer div - $(document).on("click", function(e) { - if (!$(e.target).closest('.magnifier_section').length) { - $('#magnifier').collapse("hide") - } - }); - - /* EVENTS FOR WINDOW FULLSCREEN WITH ESC BUTTON TRIGGER */ - document.addEventListener("fullscreenchange", function() { - if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ + // on reload get mode color + this._getModeData(); + // on reload add backend theme class + this.addconfiguratorclass() + // on reload add bookmark tags in menu + this.addbookmarktags() + + // get all apps menu data + this._all_apps_menu_data() + + // SPIFFY MULTI TAB START - on reload add multi tabs + this.addmultitabtags() + // SPIFFY MULTI TAB END + this._GetLanguages() + + // close magnifier when clicked outside the magnifer div + $(document).on("click", function (e) { + if (!$(e.target).closest('.magnifier_section').length) { + $('#magnifier').collapse("hide") + } + }); + + /* EVENTS FOR WINDOW FULLSCREEN WITH ESC BUTTON TRIGGER */ + document.addEventListener("fullscreenchange", function () { + if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) { var fullScreenBtn = $('.fullscreen_section .full_screen'); - if($(fullScreenBtn).hasClass('fullscreen-exit')){ + if ($(fullScreenBtn).hasClass('fullscreen-exit')) { $(fullScreenBtn).removeClass('fullscreen-exit') } } }); - document.addEventListener("mozfullscreenchange", function() { - if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ + document.addEventListener("mozfullscreenchange", function () { + if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) { var fullScreenBtn = $('.fullscreen_section .full_screen'); - if($(fullScreenBtn).hasClass('fullscreen-exit')){ + if ($(fullScreenBtn).hasClass('fullscreen-exit')) { $(fullScreenBtn).removeClass('fullscreen-exit') } } }); - document.addEventListener("webkitfullscreenchange", function() { - if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ + document.addEventListener("webkitfullscreenchange", function () { + if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) { var fullScreenBtn = $('.fullscreen_section .full_screen'); - if($(fullScreenBtn).hasClass('fullscreen-exit')){ + if ($(fullScreenBtn).hasClass('fullscreen-exit')) { $(fullScreenBtn).removeClass('fullscreen-exit') } } }); - document.addEventListener("msfullscreenchange", function() { - if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){ + document.addEventListener("msfullscreenchange", function () { + if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement) { var fullScreenBtn = $('.fullscreen_section .full_screen'); - if($(fullScreenBtn).hasClass('fullscreen-exit')){ + if ($(fullScreenBtn).hasClass('fullscreen-exit')) { $(fullScreenBtn).removeClass('fullscreen-exit') } } @@ -171,95 +229,139 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { this.$search_modal_Noresults = $(this.root.el).find("#search_bar_modal .searchNoResult"); var currentapp = this.menuService.getCurrentApp(); - }, + }, - _DebugToggler: function (ev) { - $(ev.currentTarget).toggleClass('toggle'); - if ($(ev.currentTarget).hasClass('toggle')) { - var current_href = window.location.href; - window.location.search = "?debug=1" - } else { - window.location.search = "?debug=" - } - }, - - _on_secondary_menu_click: function (menu_id, action_id) { - this._super.apply(this, arguments); - $('.o_menu_sections').removeClass('toggle'); - $('body').removeClass('backdrop'); - }, - - _mobileHeaderToggle: function (ev) { - var menu_brand = $('.o_main_navbar > a.o_menu_brand').clone() - $('.o_menu_sections > a.o_menu_brand').remove() - $('#mobileMenuclose').before(menu_brand) - $('.o_menu_sections').addClass('toggle'); - $('body').addClass('backdrop'); - }, - _mobileHeaderClose: function (ev) { - $('.o_menu_sections').removeClass('toggle'); - $('body').removeClass('backdrop'); - }, - _OpenAppdrawer: function (ev) { + _DebugToggler: function (ev) { + $(ev.currentTarget).toggleClass('toggle'); + if ($(ev.currentTarget).hasClass('toggle')) { + var current_href = window.location.href; + window.location.search = "?debug=1" + } else { + window.location.search = "?debug=" + } + }, + + _on_secondary_menu_click: function (menu_id, action_id) { + this._super.apply(this, arguments); + $('.o_menu_sections').removeClass('toggle'); + $('body').removeClass('backdrop'); + }, + + _mobileHeaderToggle: function (ev) { + var menu_brand = $('.o_main_navbar > a.o_menu_brand').clone() + $('.o_menu_sections > a.o_menu_brand').remove() + $('#mobileMenuclose').before(menu_brand) + $('.o_menu_sections').addClass('toggle'); + $('body').addClass('backdrop'); + }, + _mobileHeaderClose: function (ev) { + $('.o_menu_sections').removeClass('toggle'); + $('body').removeClass('backdrop'); + }, + _OpenAppdrawer: function (ev) { this._AppdrawerIcons() - $('.o_main_navbar').toggleClass('appdrawer-toggle') - // $(ev.currentTarget).toggleClass('toggle') - $('.appdrawer_section').toggleClass('toggle') - - if ($(".appdrawer_section").hasClass('toggle')) { - var size = $(window).width(); - if (size > 992){ - setTimeout(() => $(".appdrawer_section input").focus(), 100); - } - } else { - $(".appdrawer_section input").val(""); - $(".appdrawer_section #search_result").empty(); - $('#searched_main_apps').empty().addClass('d-none').removeClass('d-flex'); - $('.appdrawer_section .apps-list .row').removeClass('d-none'); - } - }, - _OpenFavAppdrawer: function (ev) { - this._OpenAppdrawer(ev) - $('.appdrawer_section').toggleClass('show_favourite_apps') - }, - - _CloseAppdrawer: function (ev) { - $('.o_main_navbar').removeClass('appdrawer-toggle') - $('.appdrawer_section').removeClass('show_favourite_apps') - $('.appdrawer_section').removeClass('toggle') - $(".appdrawer_section input").val(""); - $(".appdrawer_section #search_result").empty(); - $('#searched_main_apps').empty().addClass('d-none').removeClass('d-flex'); - $('.appdrawer_section .apps-list .row').removeClass('d-none'); - }, - - _ShowCurrentMenus: function (ev) { - $(ev.target).parent().parent().find('ul').removeClass('show') - $(ev.target).parent().parent().find('a.main_link').removeClass('active') - $(ev.target).parent().find('ul').addClass('show') - $(ev.target).addClass('active') + $('.o_main_navbar').toggleClass('appdrawer-toggle') + // $(ev.currentTarget).toggleClass('toggle') + $('.appdrawer_section').toggleClass('toggle') - // SPIFFY MULTI TAB START - if (ev.shiftKey) { + if ($(".appdrawer_section").hasClass('toggle')) { + var size = $(window).width(); + if (size > 992) { + setTimeout(() => $(".appdrawer_section input").focus(), 100); + } + } else { + $(".appdrawer_section input").val(""); + $(".appdrawer_section #search_result").empty(); + $('#searched_main_apps').empty().addClass('d-none').removeClass('d-flex'); + $('.appdrawer_section .apps-list .row').removeClass('d-none'); + } + }, + _OpenFavAppdrawer: function (ev) { + this._OpenAppdrawer(ev) + $('.appdrawer_section').toggleClass('show_favourite_apps') + }, + + _CloseAppdrawer: function (ev) { + $('.o_main_navbar').removeClass('appdrawer-toggle') + $('.appdrawer_section').removeClass('show_favourite_apps') + $('.appdrawer_section').removeClass('toggle') + $(".appdrawer_section input").val(""); + $(".appdrawer_section #search_result").empty(); + $('#searched_main_apps').empty().addClass('d-none').removeClass('d-flex'); + $('.appdrawer_section .apps-list .row').removeClass('d-none'); + }, + + _ShowCurrentMenus: function (ev) { + console.log($(ev.target).parent().find('ul').hasClass('show')) + // $(ev.target).parent().parent().find('ul').removeClass('show') + // $(ev.target).parent().parent().find('a.main_link').removeClass('active') + // if (last_class && ev.target != last_class) { + // console.log(1111) + // $(ev.target).parent().find('ul').addClass('show') + // $(ev.target).addClass('active') + // } else { + // + // var flag = $(ev.target).parent().find('ul').hasClass('show') + // console.log(flag) + // if (flag) { + // $(ev.target).parent().parent().find('ul').removeClass('show') + // $(ev.target).parent().parent().find('a.main_link').removeClass('active') + // } else { + // console.log(333) + // + // $(ev.target).parent().find('ul').addClass('show') + // $(ev.target).addClass('active') + // } + // } + if (last_class) { + if (ev.target != last_class) { + $(ev.target).parent().parent().find('ul').removeClass('show') + $(ev.target).parent().parent().find('a.main_link').removeClass('active') + $(ev.target).parent().find('ul').addClass('show') + $(ev.target).addClass('active') + } else { + var flag = $(ev.target).parent().find('ul').hasClass('show') + // console.log(flag) + if (flag) { + $(ev.target).parent().parent().find('ul').removeClass('show') + $(ev.target).parent().parent().find('a.main_link').removeClass('active') + } else { + // console.log(333) + $(ev.target).parent().parent().find('ul').removeClass('show') + $(ev.target).parent().parent().find('a.main_link').removeClass('active') + $(ev.target).parent().find('ul').addClass('show') + $(ev.target).addClass('active') + } + } + } else { + $(ev.target).parent().find('ul').addClass('show') + $(ev.target).addClass('active') + } + last_class = ev.target + console.log(ev.target) + + + // SPIFFY MULTI TAB START + if (ev.shiftKey) { this._createMultiTab(ev) ev.preventDefault() - } else { - } - // SPIFFY MULTI TAB END - }, + } else { + } + // SPIFFY MULTI TAB END + }, - _all_apps_menu_data: function () { + _all_apps_menu_data: function () { var menu_data = this.menuService.getApps() var self = this; var rec_ids = [] menu_data.map(app => rec_ids.push(app.id)) // menu_data.children.map(app => rec_ids.push(app.id)) - ajax.jsonRpc('/get/irmenu/icondata','call', { - 'menu_ids':rec_ids, - }).then(function(rec) { - $.each(menu_data, function( key, value ) { - var target_tag = '.o_navbar_apps_menu a.main_link[data-menu='+value.id+']' + ajax.jsonRpc('/get/irmenu/icondata', 'call', { + 'menu_ids': rec_ids, + }).then(function (rec) { + $.each(menu_data, function (key, value) { + var target_tag = '.o_navbar_apps_menu a.main_link[data-menu=' + value.id + ']' var $tagtarget = $(self.root.el).find(target_tag) $tagtarget.find('.app_icon').empty() @@ -271,33 +373,33 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { if (current_record.use_icon) { if (current_record.icon_class_name) { - var icon_image = "" + var icon_image = "" } else if (current_record.icon_img) { - var icon_image = "" + var icon_image = "" } else if (current_record.web_icon != false) { var icon_data = current_record.web_icon.split('/icon.') - if (icon_data[1] == 'svg'){ + if (icon_data[1] == 'svg') { var web_svg_icon = current_record.web_icon.replace(',', '/') - var icon_image = "" + var icon_image = "" } else { - var icon_image = "" + var icon_image = "" } - } else{ + } else { var icon_image = "" - } + } $tagtarget.find('.app_icon').append($(icon_image)) } else { if (current_record.icon_img) { - var icon_image = "" - } else if (current_record.web_icon != false){ + var icon_image = "" + } else if (current_record.web_icon != false) { var icon_data = current_record.web_icon.split('/icon.') - if (icon_data[1] == 'svg'){ + if (icon_data[1] == 'svg') { var web_svg_icon = current_record.web_icon.replace(',', '/') - var icon_image = "" + var icon_image = "" } else { - var icon_image = "" + var icon_image = "" } - } else{ + } else { var icon_image = "" } $tagtarget.find('.app_icon').append($(icon_image)) @@ -306,22 +408,22 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { }) }, - // SPIFFY MULTI TAB START - _childMenuClick: function (ev){ + // SPIFFY MULTI TAB START + _childMenuClick: function (ev) { ev.preventDefault(); var menu = this.menuService.getMenu($(ev.target).data('menu')) if (menu) { this.onNavBarDropdownItemSelection(menu) } - + if (ev.shiftKey) { this._createMultiTab(ev) ev.preventDefault() - } else { - } - }, + } else { + } + }, - _createMultiTab: function (ev) { + _createMultiTab: function (ev) { var tab_name = $(ev.target).find('.app_name').text() || $(ev.target).text() var url = $(ev.target).attr('href') var actionId = $(ev.target).data('action-id') @@ -329,35 +431,34 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { var menu_xmlid = $(ev.target).data('menu-xmlid') var menu_xmlid = menu_xmlid.split('.')[0] var self = this - localStorage.setItem('LastCreatedTab',actionId) + localStorage.setItem('LastCreatedTab', actionId) - ajax.jsonRpc('/add/mutli/tab','call', { - 'name':tab_name, - 'url':url, - 'actionId':actionId, - 'menuId':menuId, - 'menu_xmlid':menu_xmlid, - }).then(function(rec) { + ajax.jsonRpc('/add/mutli/tab', 'call', { + 'name': tab_name, + 'url': url, + 'actionId': actionId, + 'menuId': menuId, + 'menu_xmlid': menu_xmlid, + }).then(function (rec) { self.addmultitabtags(ev) }); - }, + }, - addmultitabtags: function (ev) { + addmultitabtags: function (ev) { var self = this - ajax.jsonRpc('/get/mutli/tab','call', { - }).then(function(rec) { - if (rec){ + ajax.jsonRpc('/get/mutli/tab', 'call', {}).then(function (rec) { + if (rec) { $('.multi_tab_section').empty() - $.each(rec, function( key, value ) { - var tab_tag = '
'+value.name+'X
' + $.each(rec, function (key, value) { + var tab_tag = '
' + value.name + 'X
' $('.multi_tab_section').append(tab_tag) }) var SpiffystoredActionId = sessionStorage.getItem("spiffy_current_action_id"); var SpiffystoredAction = sessionStorage.getItem("spiffy_current_action"); - if (SpiffystoredActionId){ + if (SpiffystoredActionId) { var TabDiv = $('.multi_tab_section .multi_tab_div'); - var ActiveMenu = TabDiv.find('a[data-action-id="'+ SpiffystoredActionId +'"]'); + var ActiveMenu = TabDiv.find('a[data-action-id="' + SpiffystoredActionId + '"]'); ActiveMenu.parent().addClass('tab_active') } @@ -366,13 +467,13 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { var menu_xmlid = $(ev.target).attr('data-menu-xmlid') var menu_xmlid = menu_xmlid.split('.')[0] - if(localStorage.getItem('LastCreatedTab')){ - var target = '.multi_tab_section .multi_tab_div a[data-action-id="'+ localStorage.getItem('LastCreatedTab') +'"]' + if (localStorage.getItem('LastCreatedTab')) { + var target = '.multi_tab_section .multi_tab_div a[data-action-id="' + localStorage.getItem('LastCreatedTab') + '"]' $(target).parent().addClass('tab_active') $(target)[0].click() localStorage.removeItem('LastCreatedTab') } else { - var target = '.multi_tab_section .multi_tab_div a[data-xml-id="'+ menu_xmlid +'"]' + var target = '.multi_tab_section .multi_tab_div a[data-xml-id="' + menu_xmlid + '"]' $(target).parent().addClass('tab_active') $(target)[0].click() } @@ -382,129 +483,129 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { $('body').removeClass("multi_tab_enabled"); } }); - }, + }, - _RemoveTab: function (ev) { + _RemoveTab: function (ev) { var self = this var multi_tab_id = $(ev.target).parent().find('a').attr('multi_tab_id') - ajax.jsonRpc('/remove/multi/tab','call', { - 'multi_tab_id':multi_tab_id, - }).then(function(rec) { - if (rec){ - if(rec['removeTab']){ + ajax.jsonRpc('/remove/multi/tab', 'call', { + 'multi_tab_id': multi_tab_id, + }).then(function (rec) { + if (rec) { + if (rec['removeTab']) { $(ev.target).parent().remove() var FirstTab = $('.multi_tab_section').find('.multi_tab_div:first-child') - if(FirstTab.length){ + if (FirstTab.length) { $(FirstTab).find('a')[0].click() $(FirstTab).addClass('tab_active') } } - if(rec['multi_tab_count'] == 0){ + if (rec['multi_tab_count'] == 0) { $('body').removeClass("multi_tab_enabled"); } } }); - }, - _TabClicked: function (ev){ - localStorage.setItem("TabClick", true); - localStorage.setItem("TabClickTilteUpdate", true); - if($(ev.target).data('action-id')){ + }, + _TabClicked: function (ev) { + localStorage.setItem("TabClick", true); + localStorage.setItem("TabClickTilteUpdate", true); + if ($(ev.target).data('action-id')) { $('.multi_tab_section').find('.tab_active').removeClass('tab_active'); $(ev.target).parent().addClass('tab_active') } - }, - // SPIFFY MULTI TAB END + }, + // SPIFFY MULTI TAB END - change_menu_section: function (primary_menu_id) { - this._super.apply(this, arguments); - var target_tag = '.o_navbar_apps_menu a.main_link[data-menu='+primary_menu_id+']' - var $tagtarget = $(target_tag) - $tagtarget.parent().find('ul').addClass('show') - $tagtarget.addClass('active') - }, - _getModeData: function() { + change_menu_section: function (primary_menu_id) { + this._super.apply(this, arguments); + var target_tag = '.o_navbar_apps_menu a.main_link[data-menu=' + primary_menu_id + ']' + var $tagtarget = $(target_tag) + $tagtarget.parent().find('ul').addClass('show') + $tagtarget.addClass('active') + }, + _getModeData: function () { var self = this - ajax.rpc('/get/dark/mode/data').then(function(rec) { - var dark_mode = rec - self._ChangeThemeMode(dark_mode) - }) - }, - addconfiguratorclass: function (){ - ajax.rpc('/get/model/record').then(function(rec) { - $("body").addClass(rec.record_dict[0].separator); - $("body").addClass(rec.record_dict[0].tab); - $("body").addClass(rec.record_dict[0].checkbox); - $("body").addClass(rec.record_dict[0].button); - $("body").addClass(rec.record_dict[0].radio); - $("body").addClass(rec.record_dict[0].popup); - $("body").addClass(rec.record_dict[0].font_size); - $("body").addClass(rec.record_dict[0].login_page_style); - $("body").addClass(rec.record_dict[0].chatter_position); - $("body").addClass(rec.record_dict[0].list_view_density); - - // Load Font size file based on selected option - if(rec.record_dict[0].font_size){ + ajax.rpc('/get/dark/mode/data').then(function (rec) { + var dark_mode = rec + self._ChangeThemeMode(dark_mode) + }) + }, + addconfiguratorclass: function () { + ajax.rpc('/get/model/record').then(function (rec) { + $("body").addClass(rec.record_dict[0].separator); + $("body").addClass(rec.record_dict[0].tab); + $("body").addClass(rec.record_dict[0].checkbox); + $("body").addClass(rec.record_dict[0].button); + $("body").addClass(rec.record_dict[0].radio); + $("body").addClass(rec.record_dict[0].popup); + $("body").addClass(rec.record_dict[0].font_size); + $("body").addClass(rec.record_dict[0].login_page_style); + $("body").addClass(rec.record_dict[0].chatter_position); + $("body").addClass(rec.record_dict[0].list_view_density); + + // Load Font size file based on selected option + if (rec.record_dict[0].font_size) { loadCSS(`/spiffy_theme_backend/static/src/scss/font_sizes/${rec.record_dict[0].font_size}.css`); - } - - var size = $(window).width(); - if (size <= 992){ - $("body").addClass('top_menu_horizontal'); - $("html").attr('data-menu-position','top_menu_horizontal') - $("html").attr('data-view-type','mobile') - } else { - $("body").addClass(rec.record_dict[0].top_menu_position); - $("html").attr('data-menu-position',rec.record_dict[0].top_menu_position) - $("html").attr('data-view-type','desktop') - } - - $("body").addClass(rec.record_dict[0].theme_style); - $("body").addClass(rec.record_dict[0].loader_style); - $("body").addClass('font_family_'+rec.record_dict[0].font_family); - - $("html").attr('data-font-size',rec.record_dict[0].font_size) - $("html").attr('data-theme-style',rec.record_dict[0].theme_style) - - if (rec.record_dict[0].use_custom_drawer_color) { - $("body").addClass('custom_drawer_color'); - } else { - $("body").addClass(rec.record_dict[0].drawer_color_pallet); - } - - if (rec.record_dict[0].attachment_in_tree_view) { - $("body").addClass("show_attachment"); - } - if (rec.darkmode) { - $("body").addClass(rec.darkmode); - } - if (rec.prevent_auto_save) { + } + + var size = $(window).width(); + if (size <= 992) { + $("body").addClass('top_menu_horizontal'); + $("html").attr('data-menu-position', 'top_menu_horizontal') + $("html").attr('data-view-type', 'mobile') + } else { + $("body").addClass(rec.record_dict[0].top_menu_position); + $("html").attr('data-menu-position', rec.record_dict[0].top_menu_position) + $("html").attr('data-view-type', 'desktop') + } + + $("body").addClass(rec.record_dict[0].theme_style); + $("body").addClass(rec.record_dict[0].loader_style); + $("body").addClass('font_family_' + rec.record_dict[0].font_family); + + $("html").attr('data-font-size', rec.record_dict[0].font_size) + $("html").attr('data-theme-style', rec.record_dict[0].theme_style) + + if (rec.record_dict[0].use_custom_drawer_color) { + $("body").addClass('custom_drawer_color'); + } else { + $("body").addClass(rec.record_dict[0].drawer_color_pallet); + } + + if (rec.record_dict[0].attachment_in_tree_view) { + $("body").addClass("show_attachment"); + } + if (rec.darkmode) { + $("body").addClass(rec.darkmode); + } + if (rec.prevent_auto_save) { $("body").addClass(rec.prevent_auto_save); - } - if (!rec.todo_list_enable) { + } + if (!rec.todo_list_enable) { // $("body").addClass(rec.todo_list_enable); $('.header_to_do_list').remove() - } - if (rec.pinned_sidebar) { - $("body").addClass(rec.pinned_sidebar); - $("header .pin_sidebar").addClass('pinned'); - } - if (rec.record_dict[0].tree_form_split_view) { - $("body").addClass("tree_form_split_view"); - } - if (rec.record_dict[0].list_view_sticky_header) { + } + if (rec.pinned_sidebar) { + $("body").addClass(rec.pinned_sidebar); + $("header .pin_sidebar").addClass('pinned'); + } + if (rec.record_dict[0].tree_form_split_view) { + $("body").addClass("tree_form_split_view"); + } + if (rec.record_dict[0].list_view_sticky_header) { $("body").addClass("list_view_sticky_header"); - } - if (rec.record_dict[0].apply_light_bg_img){ - if (rec.record_dict[0].light_bg_image){ - $(".appdrawer_section").attr("style", "background-image: url('/web/image/backend.config/"+rec.record_dict[0].id+"/light_bg_image')"); - } - } + } + if (rec.record_dict[0].apply_light_bg_img) { + if (rec.record_dict[0].light_bg_image) { + $(".appdrawer_section").attr("style", "background-image: url('/web/image/backend.config/" + rec.record_dict[0].id + "/light_bg_image')"); + } + } - if (!rec.show_edit_mode){ + if (!rec.show_edit_mode) { $('.theme_selector').remove() } if (!rec.is_admin) { - $('.debug_activator').remove() + $('.debug_activator').remove() } var pallet_name = rec.record_dict[0].color_pallet var apply_color = new ColorPallet(this) @@ -522,474 +623,470 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { $('body').attr('headerMode', 'visible'); // $('.o_main_navbar').removeClass('d-none'); - }) - }, - addbookmarktags: function(){ - ajax.jsonRpc('/get/bookmark/link','call', { - }).then(function(rec) { - $('.bookmark_list').empty() - $.each(rec, function( key, value ) { - var anchor_tag = '
'+value.title+'
' - $('.bookmark_list').append(anchor_tag) - }) - }); - }, - _getCurrentPageName: function(){ - var breadcrumbs = $('.o_control_panel ol.breadcrumb li') - var bookmark_name = "" - $(breadcrumbs).each(function( index ) { - if (index > 0) { - bookmark_name = bookmark_name + ' | ' + $(this).text() - } else { - bookmark_name = $(this).text() - } - }); - - $('input#bookmark_page_name').val(bookmark_name) - }, - _saveBookmarkPage: function(){ - var self = this - var pathname = window.location.pathname - var hash = window.location.hash - var url = pathname + '?' + hash - var name = $('input#bookmark_page_name').val() - var title = $('input#bookmark_page_name').val().substr(0, 2) - ajax.jsonRpc('/add/bookmark/link','call', { - 'name':name, - 'url':url, - 'title':title, - }).then(function(rec) { - self.addbookmarktags() - }); - }, - _showbookmarkoptions: function(ev) { - var self = this - ev.preventDefault(); - var bookmark_id = $(ev.target).attr('bookmark-id') - var bookmark_name = $(ev.target).attr('bookmark-name') - $('.bookmark_list .bookmark_options').remove() - $('.bookmark_list .bookmark_rename_section').remove() - var bookmark_options = $(qweb.render("BookmarkOptions", { - bookmark_id:bookmark_id, - })) - $(ev.target).parent().append(bookmark_options) - $('.bookmark_list .rename_bookmark').on("click", function(e) { - self._RenameBookmark(ev.target,bookmark_id,bookmark_name); - }); - - $('.bookmark_list .remove_bookmark').on("click", function(e) { - self._RemoveBookmark(bookmark_id); - }); + }) + }, + addbookmarktags: function () { + ajax.jsonRpc('/get/bookmark/link', 'call', {}).then(function (rec) { + $('.bookmark_list').empty() + $.each(rec, function (key, value) { + var anchor_tag = '
' + value.title + '
' + $('.bookmark_list').append(anchor_tag) + }) + }); + }, + _getCurrentPageName: function () { + var breadcrumbs = $('.o_control_panel ol.breadcrumb li') + var bookmark_name = "" + $(breadcrumbs).each(function (index) { + if (index > 0) { + bookmark_name = bookmark_name + ' | ' + $(this).text() + } else { + bookmark_name = $(this).text() + } + }); + + $('input#bookmark_page_name').val(bookmark_name) + }, + _saveBookmarkPage: function () { + var self = this + var pathname = window.location.pathname + var hash = window.location.hash + var url = pathname + '?' + hash + var name = $('input#bookmark_page_name').val() + var title = $('input#bookmark_page_name').val().substr(0, 2) + ajax.jsonRpc('/add/bookmark/link', 'call', { + 'name': name, + 'url': url, + 'title': title, + }).then(function (rec) { + self.addbookmarktags() + }); + }, + _showbookmarkoptions: function (ev) { + var self = this + ev.preventDefault(); + var bookmark_id = $(ev.target).attr('bookmark-id') + var bookmark_name = $(ev.target).attr('bookmark-name') + $('.bookmark_list .bookmark_options').remove() + $('.bookmark_list .bookmark_rename_section').remove() + var bookmark_options = $(qweb.render("BookmarkOptions", { + bookmark_id: bookmark_id, + })) + $(ev.target).parent().append(bookmark_options) + $('.bookmark_list .rename_bookmark').on("click", function (e) { + self._RenameBookmark(ev.target, bookmark_id, bookmark_name); + }); + + $('.bookmark_list .remove_bookmark').on("click", function (e) { + self._RemoveBookmark(bookmark_id); + }); // document.addEventListener("click", function(){ // $('.bookmark_list .bookmark_options').remove() // }); // useExternalListener(document, "click", () => { // $('.bookmark_list .bookmark_options').remove() // }); - ev.preventDefault(); - }, - _RenameBookmark: function(elem,bookmark_id,bookmark_name) { - var self = this - var bookmark_rename = $(qweb.render("BookmarkRename", { - bookmark_id:bookmark_id, - bookmark_name:bookmark_name, - })) - $(elem).parent().append(bookmark_rename) - - $('.bookmark_list .bookmark_rename_cancel').on("click", function(e) { - $('.bookmark_list .bookmark_rename_section').remove() - }); - $('.bookmark_list .bookmark_rename').on("click", function(e) { - var new_bookmark_name = $('input#bookmark_rename').val() - self._UpdateBookmark(bookmark_id,new_bookmark_name); - }); - }, - _RemoveBookmark: function(bookmark_id) { - var self = this - ajax.jsonRpc('/remove/bookmark/link','call', { - 'bookmark_id':bookmark_id, - }).then(function(rec) { - self.addbookmarktags() - }); - }, - _UpdateBookmark: function(bookmark_id,bookmark_name) { - var self = this - var title = bookmark_name.substr(0, 2) - ajax.jsonRpc('/update/bookmark/link','call', { - 'bookmark_id':bookmark_id, - 'bookmark_name':bookmark_name, - 'bookmark_title':title, - }).then(function(rec) { - self.addbookmarktags() - }); - }, - _magnifierZoomOut: function(){ - var current_zoom = parseInt($('.zoom_value').text()) - var current_zoom = current_zoom - 10 - if (current_zoom > 20) { - $('.zoom_value').text(current_zoom) - var scale_value = current_zoom/100 - var width_value = ((100/current_zoom)*100).toFixed(4) - if ($('.o_content > div').length > 1) { - var target = $('.o_action_manager > .o_view_controller > .o_content') - } else { - var target = $('.o_content > div') - } - $(target).css({ - 'width': width_value+'%', - 'transform-origin': 'left top', - 'transform': 'scale('+scale_value+')', - }) - } - }, - _magnifierZoomIn: function(){ - var current_zoom = parseInt($('.zoom_value').text()) - var current_zoom = current_zoom + 10 - if (current_zoom < 210) { - $('.zoom_value').text(current_zoom) - var scale_value = current_zoom/100 - var width_value = ((100/current_zoom)*100).toFixed(4) - if ($('.o_content > div').length > 1) { - var target = $('.o_action_manager > .o_view_controller > .o_content') - } else { - var target = $('.o_content > div') - } - $(target).css({ - 'width': width_value+'%', - 'transform-origin': 'left top', - 'transform': 'scale('+scale_value+')', - }) - } - }, - _magnifierZoomReset: function(){ - $('.zoom_value').text('100') - if ($('.o_content > div').length > 1) { - var target = $('.o_action_manager > .o_view_controller > .o_content') - } else { - var target = $('.o_content > div') - } - $(target).css({ - 'width': '100%', - 'transform-origin': 'left top', - 'transform': 'scale(1)', - }) - }, - _FullScreenMode: function(ev) { - var elem = document.documentElement; - if ($(ev.currentTarget).hasClass('fullscreen-exit')) { - if (document.exitFullscreen) { - document.exitFullscreen(); - $(ev.currentTarget).removeClass('fullscreen-exit') - } else if (document.webkitExitFullscreen) { /* Safari */ - document.webkitExitFullscreen(); - $(ev.currentTarget).removeClass('fullscreen-exit') - } else if (document.msExitFullscreen) { /* IE11 */ - document.msExitFullscreen(); - $(ev.currentTarget).removeClass('fullscreen-exit') - } - } else { - if (elem.requestFullscreen) { - elem.requestFullscreen(); - $(ev.currentTarget).addClass('fullscreen-exit') - } else if (elem.webkitRequestFullscreen) { /* Safari */ - elem.webkitRequestFullscreen(); - $(ev.currentTarget).addClass('fullscreen-exit') - } else if (elem.msRequestFullscreen) { /* IE11 */ - elem.msRequestFullscreen(); - $(ev.currentTarget).addClass('fullscreen-exit') - } - } - }, - _openConfigModal: function() { - var self = this - self.showeditmodal(); - $('.dynamic_data').toggleClass('visible') - $('body.o_web_client').toggleClass('backdrop') - }, - showeditmodal: function (ev) { - $.get('/color/pallet/data/', 'call', {}).then(function(data) { - - $(".dynamic_data").empty() - $(".dynamic_data").append(data) - - $('#theme_color_pallets #use_custom_color_config').unbind().on('change', function(e) { - if($(this).prop("checked") == true){ - $('#theme_color_pallets .custom_color_config').removeClass('d-none') - $('#theme_color_pallets .predefined_color_pallets').addClass('d-none') - } else { - $('#theme_color_pallets .custom_color_config').addClass('d-none') - $('#theme_color_pallets .predefined_color_pallets').removeClass('d-none') - } - }); - - - $('#app_drawer #use_custom_drawer_color').unbind().on('change', function(e) { - if($(this).prop("checked") == true){ - $('#app_drawer .custom_color_config').removeClass('d-none') - $('#app_drawer .predefined_color_pallets').addClass('d-none') - } else { - $('#app_drawer .custom_color_config').addClass('d-none') - $('#app_drawer .predefined_color_pallets').removeClass('d-none') - } - }); - - $('#app_drawer #apply_light_bg').unbind().on('change', function(e) { - if($(this).prop("checked") == true){ - $('#app_drawer .app-drawer-bg-image-content').removeClass('d-none') - } else { - $('#app_drawer .app-drawer-bg-image-content').addClass('d-none') - } - }); - - $('.app_bg_img_light').unbind().on('change', function(e) { - var upload_image = document.querySelector('#light_bg_image').files[0]; - var reader1 = new FileReader(); - var bg_data = reader1.readAsDataURL(upload_image); - reader1.onload = function(e){ - var selected_bg_image = e.target.result; - window.app_light_bg_image = selected_bg_image - } - var fileName = $(this).val().split("\\").pop(); - $(this).siblings(".custom-file-label").addClass("selected").html(fileName); - }); - - $('.app_bg_img_dark').unbind().on('change', function(e) { - var upload_image = document.querySelector('#dark_bg_image').files[0]; - var reader1 = new FileReader(); - var bg_data = reader1.readAsDataURL(upload_image); - reader1.onload = function(e){ - var selected_bg_image = e.target.result; - window.app_dark_bg_image = selected_bg_image - } - }); - - $('#separator').unbind().on('change', function(){ - $("#theme_separator_style .preview").removeClass("separator_style_4 separator_style_3 separator_style_2 separator_style_1"); - var current_separator_style = $('#separator').val() - $("#theme_separator_style .preview").addClass(current_separator_style); - }); - - $('#tab').unbind().on('change', function(){ - $("#theme_tab_style .preview").removeClass("tab_style_4 tab_style_3 tab_style_2 tab_style_1"); - var current_tab_style = $('#tab').val() - $("#theme_tab_style .preview").addClass(current_tab_style); - }); - - $('#checkbox').unbind().on('change', function(){ - $("#theme_checkbox_style .preview").removeClass("checkbox_style_4 checkbox_style_3 checkbox_style_2 checkbox_style_1"); - var current_checkbox_style = $('#checkbox').val() - $("#theme_checkbox_style .preview").addClass(current_checkbox_style); - }); - - $('#radio').unbind().on('change', function(){ - $("#theme_radio_style .preview").removeClass("radio_style_4 radio_style_3 radio_style_2 radio_style_1"); - var current_radio_style = $('#radio').val() - $("#theme_radio_style .preview").addClass(current_radio_style); - }); - $('#button').unbind().on('change', function(){ - $("#theme_buttons_style .preview").removeClass("button_style_4 button_style_3 button_style_2 button_style_1"); - var current_button_style = $('#button').val() - $("#theme_buttons_style .preview").addClass(current_button_style); - }); - - $('#popup').unbind().on('change', function(){ - $("#theme_popup_style .preview").removeClass("popup_style_4 popup_style_3 popup_style_2 popup_style_1"); - var current_popup_style = $('#popup').val() - $("#theme_popup_style .preview").addClass(current_popup_style); - }); - - $(".selected_value").on('click', function(){ - var light_primary_bg_color = $("input[id='primary_bg']").val() - var light_primary_text_color = $("input[id='primary_text']").val() - var light_secondry_bg_color = $("input[id='secondry_bg']").val() - var light_secondry_text_color = $("input[id='secondry_text']").val() - - var custom_color_pallet = $("input[id='use_custom_color_config']").is(':checked') - var selected_color_pallet = $("input[name='color_pallets']:checked").val() - - var custom_drawer_bg = $("input[id='custom_drawer_bg']").val() - var custom_drawer_text = $("input[id='custom_drawer_text']").val() - - var custom_drawer_color_pallet = $("input[id='use_custom_drawer_color']").is(':checked') - var selected_drawer_color_pallet = $("input[name='drawer_color_pallets']:checked").val() - - var apply_light_bg_img = $("input[id='apply_light_bg']").is(':checked') - - var tree_form_split_view = $("input[id='tree_form_split_view']").is(':checked') - var attachment_in_tree_view = $("input[id='attachment_in_tree_view']").is(':checked') - - if (window.app_light_bg_image) { - var app_light_bg_img = window.app_light_bg_image - } else if ($("input[id='light_bg_image']").attr('value')){ - var app_light_bg_img = $("input[id='light_bg_image']").attr('value') - } - else { - var app_light_bg_img = false - } - var light_body_bg_color = $("input[id='body_bg']").val() - var light_body_text_color = $("input[id='body_text']").val() - - var dark_primary_bg_color = $("input[id='dark_primary_bg']").val() - var dark_primary_text_color = $("input[id='dark_primary_text']").val() - var dark_secondry_bg_color = $("input[id='dark_secondry_bg']").val() - var dark_secondry_text_color = $("input[id='dark_secondry_text']").val() - - if (window.app_dark_bg_image) { - var app_dark_bg_img = window.app_dark_bg_image - } else if ($("input[id='dark_bg_image']").attr('value')){ - var app_dark_bg_img = $("input[id='dark_bg_image']").attr('value') - } - else { - var app_dark_bg_img = false - } - var dark_body_bg_color = $("input[id='dark_body_bg']").val() - var dark_body_text_color = $("input[id='dark_body_text']").val() - - var selected_separator = $("input[name='separator']:checked").val() - var selected_tab = $("input[name='tab']:checked").val() - var selected_checkbox = $("input[name='checkbox']:checked").val() - var selected_radio = $("input[name='radio']:checked").val() - var selected_popup = $("input[name='popup']:checked").val() - var selected_loader = $("input[name='loader_style']:checked").val() - var selected_login = $("input[name='login_page_style']:checked").val() - var selected_fonts = $("input[name='font_family']:checked").val() - var selected_fontsize = $("input[name='font_size']:checked").val() - var selected_chatter_position = $("input[name='chatter_position']:checked").val() - var selected_top_menu_position = $("input[name='top_menu_position']:checked").val() - var selected_theme_style = $("input[name='theme_style']:checked").val() - var selected_list_view_density = $("input[name='list_view_density']:checked").val() - var selected_list_view_sticky_header = $("input[id='list_view_sticky_header']:checked").val() - - ajax.rpc('/color/pallet/', { - 'light_primary_bg_color': light_primary_bg_color, - 'light_primary_text_color': light_primary_text_color, - 'light_secondry_bg_color': light_secondry_bg_color, - 'light_secondry_text_color': light_secondry_text_color, - 'light_body_bg_color':light_body_bg_color, - 'light_body_text_color': light_body_text_color, - - 'apply_light_bg_img': apply_light_bg_img, - 'app_light_bg_image': app_light_bg_img, - - 'dark_primary_bg_color': dark_primary_bg_color, - 'dark_primary_text_color': dark_primary_text_color, - 'dark_secondry_bg_color': dark_secondry_bg_color, - 'dark_secondry_text_color': dark_secondry_text_color, - 'dark_body_bg_color':dark_body_bg_color, - 'dark_body_text_color': dark_body_text_color, - - 'app_dark_bg_image': app_dark_bg_img, - - 'tree_form_split_view': tree_form_split_view, - 'attachment_in_tree_view': attachment_in_tree_view, - - 'selected_separator':selected_separator, - 'selected_tab':selected_tab, - 'selected_checkbox':selected_checkbox, - 'selected_radio': selected_radio, - 'selected_popup': selected_popup, - 'custom_color_pallet': custom_color_pallet, - 'selected_color_pallet': selected_color_pallet, - - 'custom_drawer_bg': custom_drawer_bg, - 'custom_drawer_text': custom_drawer_text, - 'custom_drawer_color_pallet': custom_drawer_color_pallet, - 'selected_drawer_color_pallet': selected_drawer_color_pallet, - - 'selected_loader': selected_loader, - 'selected_login': selected_login, - 'selected_fonts': selected_fonts, - 'selected_fontsize': selected_fontsize, - 'selected_chatter_position': selected_chatter_position, - 'selected_top_menu_position': selected_top_menu_position, - 'selected_theme_style': selected_theme_style, - 'selected_list_view_density': selected_list_view_density, - 'selected_list_view_sticky_header': selected_list_view_sticky_header, - }).then(function (data) { - window.location.reload() - }) - }); - $('.backend_configurator_close').unbind().click(function(e) { - $('.dynamic_data').toggleClass('visible') - $('body.o_web_client').toggleClass('backdrop') - }); - - - }) - $('#myModal').modal("show") - }, - _ChangeThemeModeCLicked :function (ev) { + ev.preventDefault(); + }, + _RenameBookmark: function (elem, bookmark_id, bookmark_name) { + var self = this + var bookmark_rename = $(qweb.render("BookmarkRename", { + bookmark_id: bookmark_id, + bookmark_name: bookmark_name, + })) + $(elem).parent().append(bookmark_rename) + + $('.bookmark_list .bookmark_rename_cancel').on("click", function (e) { + $('.bookmark_list .bookmark_rename_section').remove() + }); + $('.bookmark_list .bookmark_rename').on("click", function (e) { + var new_bookmark_name = $('input#bookmark_rename').val() + self._UpdateBookmark(bookmark_id, new_bookmark_name); + }); + }, + _RemoveBookmark: function (bookmark_id) { + var self = this + ajax.jsonRpc('/remove/bookmark/link', 'call', { + 'bookmark_id': bookmark_id, + }).then(function (rec) { + self.addbookmarktags() + }); + }, + _UpdateBookmark: function (bookmark_id, bookmark_name) { + var self = this + var title = bookmark_name.substr(0, 2) + ajax.jsonRpc('/update/bookmark/link', 'call', { + 'bookmark_id': bookmark_id, + 'bookmark_name': bookmark_name, + 'bookmark_title': title, + }).then(function (rec) { + self.addbookmarktags() + }); + }, + _magnifierZoomOut: function () { + var current_zoom = parseInt($('.zoom_value').text()) + var current_zoom = current_zoom - 10 + if (current_zoom > 20) { + $('.zoom_value').text(current_zoom) + var scale_value = current_zoom / 100 + var width_value = ((100 / current_zoom) * 100).toFixed(4) + if ($('.o_content > div').length > 1) { + var target = $('.o_action_manager > .o_view_controller > .o_content') + } else { + var target = $('.o_content > div') + } + $(target).css({ + 'width': width_value + '%', + 'transform-origin': 'left top', + 'transform': 'scale(' + scale_value + ')', + }) + } + }, + _magnifierZoomIn: function () { + var current_zoom = parseInt($('.zoom_value').text()) + var current_zoom = current_zoom + 10 + if (current_zoom < 210) { + $('.zoom_value').text(current_zoom) + var scale_value = current_zoom / 100 + var width_value = ((100 / current_zoom) * 100).toFixed(4) + if ($('.o_content > div').length > 1) { + var target = $('.o_action_manager > .o_view_controller > .o_content') + } else { + var target = $('.o_content > div') + } + $(target).css({ + 'width': width_value + '%', + 'transform-origin': 'left top', + 'transform': 'scale(' + scale_value + ')', + }) + } + }, + _magnifierZoomReset: function () { + $('.zoom_value').text('100') + if ($('.o_content > div').length > 1) { + var target = $('.o_action_manager > .o_view_controller > .o_content') + } else { + var target = $('.o_content > div') + } + $(target).css({ + 'width': '100%', + 'transform-origin': 'left top', + 'transform': 'scale(1)', + }) + }, + _FullScreenMode: function (ev) { + var elem = document.documentElement; + if ($(ev.currentTarget).hasClass('fullscreen-exit')) { + if (document.exitFullscreen) { + document.exitFullscreen(); + $(ev.currentTarget).removeClass('fullscreen-exit') + } else if (document.webkitExitFullscreen) { /* Safari */ + document.webkitExitFullscreen(); + $(ev.currentTarget).removeClass('fullscreen-exit') + } else if (document.msExitFullscreen) { /* IE11 */ + document.msExitFullscreen(); + $(ev.currentTarget).removeClass('fullscreen-exit') + } + } else { + if (elem.requestFullscreen) { + elem.requestFullscreen(); + $(ev.currentTarget).addClass('fullscreen-exit') + } else if (elem.webkitRequestFullscreen) { /* Safari */ + elem.webkitRequestFullscreen(); + $(ev.currentTarget).addClass('fullscreen-exit') + } else if (elem.msRequestFullscreen) { /* IE11 */ + elem.msRequestFullscreen(); + $(ev.currentTarget).addClass('fullscreen-exit') + } + } + }, + _openConfigModal: function () { + var self = this + self.showeditmodal(); + $('.dynamic_data').toggleClass('visible') + $('body.o_web_client').toggleClass('backdrop') + }, + showeditmodal: function (ev) { + $.get('/color/pallet/data/', 'call', {}).then(function (data) { + + $(".dynamic_data").empty() + $(".dynamic_data").append(data) + + $('#theme_color_pallets #use_custom_color_config').unbind().on('change', function (e) { + if ($(this).prop("checked") == true) { + $('#theme_color_pallets .custom_color_config').removeClass('d-none') + $('#theme_color_pallets .predefined_color_pallets').addClass('d-none') + } else { + $('#theme_color_pallets .custom_color_config').addClass('d-none') + $('#theme_color_pallets .predefined_color_pallets').removeClass('d-none') + } + }); + + + $('#app_drawer #use_custom_drawer_color').unbind().on('change', function (e) { + if ($(this).prop("checked") == true) { + $('#app_drawer .custom_color_config').removeClass('d-none') + $('#app_drawer .predefined_color_pallets').addClass('d-none') + } else { + $('#app_drawer .custom_color_config').addClass('d-none') + $('#app_drawer .predefined_color_pallets').removeClass('d-none') + } + }); + + $('#app_drawer #apply_light_bg').unbind().on('change', function (e) { + if ($(this).prop("checked") == true) { + $('#app_drawer .app-drawer-bg-image-content').removeClass('d-none') + } else { + $('#app_drawer .app-drawer-bg-image-content').addClass('d-none') + } + }); + + $('.app_bg_img_light').unbind().on('change', function (e) { + var upload_image = document.querySelector('#light_bg_image').files[0]; + var reader1 = new FileReader(); + var bg_data = reader1.readAsDataURL(upload_image); + reader1.onload = function (e) { + var selected_bg_image = e.target.result; + window.app_light_bg_image = selected_bg_image + } + var fileName = $(this).val().split("\\").pop(); + $(this).siblings(".custom-file-label").addClass("selected").html(fileName); + }); + + $('.app_bg_img_dark').unbind().on('change', function (e) { + var upload_image = document.querySelector('#dark_bg_image').files[0]; + var reader1 = new FileReader(); + var bg_data = reader1.readAsDataURL(upload_image); + reader1.onload = function (e) { + var selected_bg_image = e.target.result; + window.app_dark_bg_image = selected_bg_image + } + }); + + $('#separator').unbind().on('change', function () { + $("#theme_separator_style .preview").removeClass("separator_style_4 separator_style_3 separator_style_2 separator_style_1"); + var current_separator_style = $('#separator').val() + $("#theme_separator_style .preview").addClass(current_separator_style); + }); + + $('#tab').unbind().on('change', function () { + $("#theme_tab_style .preview").removeClass("tab_style_4 tab_style_3 tab_style_2 tab_style_1"); + var current_tab_style = $('#tab').val() + $("#theme_tab_style .preview").addClass(current_tab_style); + }); + + $('#checkbox').unbind().on('change', function () { + $("#theme_checkbox_style .preview").removeClass("checkbox_style_4 checkbox_style_3 checkbox_style_2 checkbox_style_1"); + var current_checkbox_style = $('#checkbox').val() + $("#theme_checkbox_style .preview").addClass(current_checkbox_style); + }); + + $('#radio').unbind().on('change', function () { + $("#theme_radio_style .preview").removeClass("radio_style_4 radio_style_3 radio_style_2 radio_style_1"); + var current_radio_style = $('#radio').val() + $("#theme_radio_style .preview").addClass(current_radio_style); + }); + $('#button').unbind().on('change', function () { + $("#theme_buttons_style .preview").removeClass("button_style_4 button_style_3 button_style_2 button_style_1"); + var current_button_style = $('#button').val() + $("#theme_buttons_style .preview").addClass(current_button_style); + }); + + $('#popup').unbind().on('change', function () { + $("#theme_popup_style .preview").removeClass("popup_style_4 popup_style_3 popup_style_2 popup_style_1"); + var current_popup_style = $('#popup').val() + $("#theme_popup_style .preview").addClass(current_popup_style); + }); + + $(".selected_value").on('click', function () { + var light_primary_bg_color = $("input[id='primary_bg']").val() + var light_primary_text_color = $("input[id='primary_text']").val() + var light_secondry_bg_color = $("input[id='secondry_bg']").val() + var light_secondry_text_color = $("input[id='secondry_text']").val() + + var custom_color_pallet = $("input[id='use_custom_color_config']").is(':checked') + var selected_color_pallet = $("input[name='color_pallets']:checked").val() + + var custom_drawer_bg = $("input[id='custom_drawer_bg']").val() + var custom_drawer_text = $("input[id='custom_drawer_text']").val() + + var custom_drawer_color_pallet = $("input[id='use_custom_drawer_color']").is(':checked') + var selected_drawer_color_pallet = $("input[name='drawer_color_pallets']:checked").val() + + var apply_light_bg_img = $("input[id='apply_light_bg']").is(':checked') + + var tree_form_split_view = $("input[id='tree_form_split_view']").is(':checked') + var attachment_in_tree_view = $("input[id='attachment_in_tree_view']").is(':checked') + + if (window.app_light_bg_image) { + var app_light_bg_img = window.app_light_bg_image + } else if ($("input[id='light_bg_image']").attr('value')) { + var app_light_bg_img = $("input[id='light_bg_image']").attr('value') + } else { + var app_light_bg_img = false + } + var light_body_bg_color = $("input[id='body_bg']").val() + var light_body_text_color = $("input[id='body_text']").val() + + var dark_primary_bg_color = $("input[id='dark_primary_bg']").val() + var dark_primary_text_color = $("input[id='dark_primary_text']").val() + var dark_secondry_bg_color = $("input[id='dark_secondry_bg']").val() + var dark_secondry_text_color = $("input[id='dark_secondry_text']").val() + + if (window.app_dark_bg_image) { + var app_dark_bg_img = window.app_dark_bg_image + } else if ($("input[id='dark_bg_image']").attr('value')) { + var app_dark_bg_img = $("input[id='dark_bg_image']").attr('value') + } else { + var app_dark_bg_img = false + } + var dark_body_bg_color = $("input[id='dark_body_bg']").val() + var dark_body_text_color = $("input[id='dark_body_text']").val() + + var selected_separator = $("input[name='separator']:checked").val() + var selected_tab = $("input[name='tab']:checked").val() + var selected_checkbox = $("input[name='checkbox']:checked").val() + var selected_radio = $("input[name='radio']:checked").val() + var selected_popup = $("input[name='popup']:checked").val() + var selected_loader = $("input[name='loader_style']:checked").val() + var selected_login = $("input[name='login_page_style']:checked").val() + var selected_fonts = $("input[name='font_family']:checked").val() + var selected_fontsize = $("input[name='font_size']:checked").val() + var selected_chatter_position = $("input[name='chatter_position']:checked").val() + var selected_top_menu_position = $("input[name='top_menu_position']:checked").val() + var selected_theme_style = $("input[name='theme_style']:checked").val() + var selected_list_view_density = $("input[name='list_view_density']:checked").val() + var selected_list_view_sticky_header = $("input[id='list_view_sticky_header']:checked").val() + + ajax.rpc('/color/pallet/', { + 'light_primary_bg_color': light_primary_bg_color, + 'light_primary_text_color': light_primary_text_color, + 'light_secondry_bg_color': light_secondry_bg_color, + 'light_secondry_text_color': light_secondry_text_color, + 'light_body_bg_color': light_body_bg_color, + 'light_body_text_color': light_body_text_color, + + 'apply_light_bg_img': apply_light_bg_img, + 'app_light_bg_image': app_light_bg_img, + + 'dark_primary_bg_color': dark_primary_bg_color, + 'dark_primary_text_color': dark_primary_text_color, + 'dark_secondry_bg_color': dark_secondry_bg_color, + 'dark_secondry_text_color': dark_secondry_text_color, + 'dark_body_bg_color': dark_body_bg_color, + 'dark_body_text_color': dark_body_text_color, + + 'app_dark_bg_image': app_dark_bg_img, + + 'tree_form_split_view': tree_form_split_view, + 'attachment_in_tree_view': attachment_in_tree_view, + + 'selected_separator': selected_separator, + 'selected_tab': selected_tab, + 'selected_checkbox': selected_checkbox, + 'selected_radio': selected_radio, + 'selected_popup': selected_popup, + 'custom_color_pallet': custom_color_pallet, + 'selected_color_pallet': selected_color_pallet, + + 'custom_drawer_bg': custom_drawer_bg, + 'custom_drawer_text': custom_drawer_text, + 'custom_drawer_color_pallet': custom_drawer_color_pallet, + 'selected_drawer_color_pallet': selected_drawer_color_pallet, + + 'selected_loader': selected_loader, + 'selected_login': selected_login, + 'selected_fonts': selected_fonts, + 'selected_fontsize': selected_fontsize, + 'selected_chatter_position': selected_chatter_position, + 'selected_top_menu_position': selected_top_menu_position, + 'selected_theme_style': selected_theme_style, + 'selected_list_view_density': selected_list_view_density, + 'selected_list_view_sticky_header': selected_list_view_sticky_header, + }).then(function (data) { + window.location.reload() + }) + }); + $('.backend_configurator_close').unbind().click(function (e) { + $('.dynamic_data').toggleClass('visible') + $('body.o_web_client').toggleClass('backdrop') + }); + + + }) + $('#myModal').modal("show") + }, + _ChangeThemeModeCLicked: function (ev) { $('body').toggleClass('dark_mode') if ($('body').hasClass('dark_mode')) { - var darkmode = true + var darkmode = true } else { - var darkmode = false + var darkmode = false } this._ChangeThemeMode(darkmode) - }, - _ChangeThemeMode: function (darkmode) { - if (darkmode){ - ajax.rpc('/active/dark/mode', {'dark_mode': 'on'}) - .then(function(data){ - if (data){ - } - }) - $('body').addClass('dark_mode') - $(':root').css('--biz-theme-primary-color','var(--dark-theme-primary-color)'); - $(':root').css('--biz-theme-primary-text-color','var(--dark-theme-primary-text-color)'); - $(':root').css('--biz-theme-secondary-color','var(--dark-theme-secondary-color)'); - $(':root').css('--biz-theme-secondary-text-color','var(--dark-theme-secondary-text-color)'); - $(':root').css('--biz-theme-body-color','var(--dark-theme-body-color)'); - $(':root').css('--biz-theme-body-text-color','var(--dark-theme-body-text-color)'); - $(':root').css('--biz-theme-primary-rgba','var(--primary-rgba)'); - } - else{ - ajax.rpc('/active/dark/mode', {'dark_mode': 'off'}) - .then(function(data){ - if (data){ - } - }) - $('body').removeClass('dark_mode') - $(':root').css('--biz-theme-primary-color','var(--light-theme-primary-color)'); - $(':root').css('--biz-theme-primary-text-color','var(--light-theme-primary-text-color)'); - $(':root').css('--biz-theme-secondary-color','var(--light-theme-secondary-color)'); - $(':root').css('--biz-theme-secondary-text-color','var(--light-theme-secondary-text-color)'); - $(':root').css('--biz-theme-body-color','var(--light-theme-body-color)'); - $(':root').css('--biz-theme-body-text-color','var(--light-theme-body-text-color)'); - $(':root').css('--biz-theme-primary-rgba','var(--primary-rgba)'); - } - }, - _ChangeSidebarBehaviour: function (ev) { - $(ev.target).toggleClass('pinned') - $('body').toggleClass('pinned') - if ($(ev.target).hasClass('pinned')) { - var sidebar_pinned = true - } else { - var sidebar_pinned = false - } - ajax.rpc('/sidebar/behavior/update', { - 'sidebar_pinned': sidebar_pinned, - }).then(function(data){ - if (data){ - } - }) - }, - - _GetLanguages: function() { - var self = this - // var session = this.getSession(); - ajax.rpc('/get/active/lang').then(function(data){ - var lang_list = data - if (data && data.length > 1){ + }, + _ChangeThemeMode: function (darkmode) { + if (darkmode) { + ajax.rpc('/active/dark/mode', {'dark_mode': 'on'}) + .then(function (data) { + if (data) { + } + }) + $('body').addClass('dark_mode') + $(':root').css('--biz-theme-primary-color', 'var(--dark-theme-primary-color)'); + $(':root').css('--biz-theme-primary-text-color', 'var(--dark-theme-primary-text-color)'); + $(':root').css('--biz-theme-secondary-color', 'var(--dark-theme-secondary-color)'); + $(':root').css('--biz-theme-secondary-text-color', 'var(--dark-theme-secondary-text-color)'); + $(':root').css('--biz-theme-body-color', 'var(--dark-theme-body-color)'); + $(':root').css('--biz-theme-body-text-color', 'var(--dark-theme-body-text-color)'); + $(':root').css('--biz-theme-primary-rgba', 'var(--primary-rgba)'); + } else { + ajax.rpc('/active/dark/mode', {'dark_mode': 'off'}) + .then(function (data) { + if (data) { + } + }) + $('body').removeClass('dark_mode') + $(':root').css('--biz-theme-primary-color', 'var(--light-theme-primary-color)'); + $(':root').css('--biz-theme-primary-text-color', 'var(--light-theme-primary-text-color)'); + $(':root').css('--biz-theme-secondary-color', 'var(--light-theme-secondary-color)'); + $(':root').css('--biz-theme-secondary-text-color', 'var(--light-theme-secondary-text-color)'); + $(':root').css('--biz-theme-body-color', 'var(--light-theme-body-color)'); + $(':root').css('--biz-theme-body-text-color', 'var(--light-theme-body-text-color)'); + $(':root').css('--biz-theme-primary-rgba', 'var(--primary-rgba)'); + } + }, + _ChangeSidebarBehaviour: function (ev) { + $(ev.target).toggleClass('pinned') + $('body').toggleClass('pinned') + if ($(ev.target).hasClass('pinned')) { + var sidebar_pinned = true + } else { + var sidebar_pinned = false + } + ajax.rpc('/sidebar/behavior/update', { + 'sidebar_pinned': sidebar_pinned, + }).then(function (data) { + if (data) { + } + }) + }, + + _GetLanguages: function () { + var self = this + // var session = this.getSession(); + ajax.rpc('/get/active/lang').then(function (data) { + var lang_list = data + if (data && data.length > 1) { $('.active_lang').empty() - $.each(lang_list, function( index, value ) { + $.each(lang_list, function (index, value) { var searchedlang = $(qweb.render("Searchedlang", { - lang_name:value['lang_name'], - lang_code:value['lang_code'], + lang_name: value['lang_name'], + lang_code: value['lang_code'], active_lang: session.session.user_context.lang })) $('.active_lang').append(searchedlang) - $('.biz_lang_btn').unbind().on('click', function(ev){ + $('.biz_lang_btn').unbind().on('click', function (ev) { var lang = $(ev.currentTarget)[0].lang self.LangSelect(lang) }) @@ -998,192 +1095,198 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { } else { $('.o_user_lang').addClass('d-none') } - }) - }, - - LangSelect: function (lang) { + }) + }, + + LangSelect: function (lang) { var self = this; ajax.rpc('/change/active/lang', { 'lang': lang, - }).then(function(data){ + }).then(function (data) { self.actionService.doAction("reload_context"); }); - }, - - _menuInfo: function (key) { + }, + + _menuInfo: function (key) { return this._drawersearchableMenus[key]; - }, - - _searchModalFocus: function () { - if (!config.device.isMobile) { - // This timeout is necessary since the menu has a 100ms fading animation - setTimeout(() => this.$search_modal_input.focus(), 100); - } - }, - _searchModalReset: function () { - this.$search_modal_results.empty(); - this.$search_modal_input.val(""); - this.$search_modal_select.val("all"); - }, - - _showSearchbarModal: function(ev){ + }, + + _searchModalFocus: function () { + if (!config.device.isMobile) { + // This timeout is necessary since the menu has a 100ms fading animation + setTimeout(() => this.$search_modal_input.focus(), 100); + } + }, + _searchModalReset: function () { + this.$search_modal_results.empty(); + this.$search_modal_input.val(""); + this.$search_modal_select.val("all"); + }, + + _showSearchbarModal: function (ev) { this.$search_modal_popup = $(this.root.el).find("#search_bar_modal"); this.$search_modal_input = $(this.root.el).find("#search_bar_modal input"); this.$search_modal_select = $(this.root.el).find("#search_bar_modal select"); this.$search_modal_results = $(this.root.el).find("#search_bar_modal #searchPagesResults"); this.$search_modal_Noresults = $(this.root.el).find("#search_bar_modal .searchNoResult"); - if (!this.$search_modal_popup.hasClass('show')){ + if (!this.$search_modal_popup.hasClass('show')) { this.$search_modal_popup.modal({keyboard: false}); this.$search_modal_popup.modal('show'); } else { this.$search_modal_popup.modal('hide'); } - }, - - _searchResultChosen: function (ev) { - ev.preventDefault(); - ev.stopPropagation(); - const $result = $(ev.target), - text = $result.text().trim(), - data = $result.data(), - suffix = ~text.indexOf("/") ? "/" : ""; - + }, + + _searchResultChosen: function (ev) { + ev.preventDefault(); + ev.stopPropagation(); + const $result = $(ev.target), + text = $result.text().trim(), + data = $result.data(), + suffix = ~text.indexOf("/") ? "/" : ""; + window.location.href = $(ev.target)[0].href - // Find app that owns the chosen menu - const app = _.find(this._apps, function (_app) { - return text.indexOf(_app.name + suffix) === 0; - }); - - this.$search_modal_popup.modal('hide'); - // NOTE: Need to check below trigger_up because app.menuId is not found! - // Update navbar menus - // core.bus.trigger("change_menu_section", app.menuID); - }, - - _searchResultsNavigate: function(ev) { - const all = this.$search_modal_results.find(".search_list_content"); - if (all.filter(".navigate_active").length){ + // Find app that owns the chosen menu + const app = _.find(this._apps, function (_app) { + return text.indexOf(_app.name + suffix) === 0; + }); + + this.$search_modal_popup.modal('hide'); + // NOTE: Need to check below trigger_up because app.menuId is not found! + // Update navbar menus + // core.bus.trigger("change_menu_section", app.menuID); + }, + + _searchResultsNavigate: function (ev) { + const all = this.$search_modal_results.find(".search_list_content"); + if (all.filter(".navigate_active").length) { var pre_focused = all.filter(".navigate_active") - } else{ + } else { var pre_focused = $(all[0]); - } - let offset = all.index(pre_focused), - key = ev.key; - if (!all.length) { - return; - } - if (key === "Tab") { - ev.preventDefault(); - key = ev.shiftKey ? "ArrowUp" : "ArrowDown"; - } - switch (key) { - case "Enter": - if($(pre_focused).length){ + } + let offset = all.index(pre_focused), + key = ev.key; + if (!all.length) { + return; + } + if (key === "Tab") { + ev.preventDefault(); + key = ev.shiftKey ? "ArrowUp" : "ArrowDown"; + } + switch (key) { + case "Enter": + if ($(pre_focused).length) { $(pre_focused).find('.autoComplete_highlighted')[0].click(); this.$search_modal_popup.modal('hide'); } break; - case "ArrowUp": - offset--; - break; - case "ArrowDown": - offset++; - break; - default: - return; - } - if (offset < 0) { - offset = all.length + offset; - } else if (offset >= all.length) { - offset -= all.length; - } - const new_focused = $(all[offset]); - pre_focused.removeClass("navigate_active"); - new_focused.addClass("navigate_active"); - this.$search_modal_results.scrollTo(new_focused, { - offset: { - top: this.$search_modal_results.height() * -0.5, - }, - }); - }, - - _searchMenuTimeout: function (ev) { - this._search_def = new Promise((resolve) => { - setTimeout(resolve, 50); - }); - this._search_def.then(this._searchPages.bind(this)); - }, - - _searchPages: function(){ - const searchvals = this.$search_modal_input.val(); - if (searchvals === "") { - this.$search_modal_results.empty(); - this.$search_modal_Noresults.toggleClass('d-none', true); - return; - } - var $selected_search_mainmenu_name = this.$search_modal_select.children(":selected").attr("id").toLowerCase(); - var self = this; - for (const menu of this.menuService.getApps()) { + case "ArrowUp": + offset--; + break; + case "ArrowDown": + offset++; + break; + default: + return; + } + if (offset < 0) { + offset = all.length + offset; + } else if (offset >= all.length) { + offset -= all.length; + } + const new_focused = $(all[offset]); + pre_focused.removeClass("navigate_active"); + new_focused.addClass("navigate_active"); + this.$search_modal_results.scrollTo(new_focused, { + offset: { + top: this.$search_modal_results.height() * -0.5, + }, + }); + }, + + _searchMenuTimeout: function (ev) { + this._search_def = new Promise((resolve) => { + setTimeout(resolve, 50); + }); + this._search_def.then(this._searchPages.bind(this)); + }, + + _searchPages: function () { + const searchvals = this.$search_modal_input.val(); + if (searchvals === "") { + this.$search_modal_results.empty(); + this.$search_modal_Noresults.toggleClass('d-none', true); + return; + } + var $selected_search_mainmenu_name = this.$search_modal_select.children(":selected").attr("id").toLowerCase(); + var self = this; + for (const menu of this.menuService.getApps()) { Object.assign( this._searchableMenus, _.reduce([this.menuService.getMenuAsTree(menu.id)], findNames, {}) ); } - if ($selected_search_mainmenu_name != '0'){ + if ($selected_search_mainmenu_name != '0') { if (self._searchableMenus) { - Object.keys(self._searchableMenus).forEach(key=>{ + Object.keys(self._searchableMenus).forEach(key => { var appid = `${self._searchableMenus[key].appID}` - if (appid != $selected_search_mainmenu_name){ + if (appid != $selected_search_mainmenu_name) { delete self._searchableMenus[key] } - }); + }); } - + } - - var results = searchvals + + var results = searchvals ? fuzzyLookup(searchvals, _.keys(this._searchableMenus), (k) => k) : []; - this.$search_modal_Noresults.toggleClass('d-none', Boolean(results.length)); - this.$search_modal_results.html( - core.qweb.render("spiffy_theme_backend.MenuSearchResults", { - results: results, - widget: this, - }) - ); - }, + this.$search_modal_Noresults.toggleClass('d-none', Boolean(results.length)); + this.$search_modal_results.html( + core.qweb.render("spiffy_theme_backend.MenuSearchResults", { + results: results, + widget: this, + }) + ); + }, // TO DO LIST FUNCTIONS - biz_TodoList_events: function() { + biz_TodoList_events: function () { var self = this; - $('#close_to_do_sidebar').unbind().on('click', function(ev) {self._closeToDoSidebar(ev);}) - $('.note-options .note-delete a').unbind().on('click', function(ev) {self._deleteNote(ev);}) - $('.note-options .note-edit a').unbind().on('click', function(ev) {self._editNote(ev);}) - }, + $('#close_to_do_sidebar').unbind().on('click', function (ev) { + self._closeToDoSidebar(ev); + }) + $('.note-options .note-delete a').unbind().on('click', function (ev) { + self._deleteNote(ev); + }) + $('.note-options .note-edit a').unbind().on('click', function (ev) { + self._editNote(ev); + }) + }, - _closeToDoSidebar: function(ev) { + _closeToDoSidebar: function (ev) { $('.navbar_to_do_list_data').toggleClass('visible') $('body.o_web_client').toggleClass('backdrop') - }, + }, - _deleteNote: function(ev) { + _deleteNote: function (ev) { var deleteButton = $(ev.currentTarget); var noteID = deleteButton.data('note-id'); var noteSection = deleteButton.parents(".note_content") - ajax.jsonRpc('/delete/todo','call', { + ajax.jsonRpc('/delete/todo', 'call', { 'noteID': noteID, - }).then(function(rec) { - if (rec){ + }).then(function (rec) { + if (rec) { noteSection.remove(); } else { // TODO: we can put some alert for issue in deleting the note here } }); - }, + }, - _editNote: function(ev){ + _editNote: function (ev) { var editButton = $(ev.currentTarget); // Fetch all details related to this note var noteSection = editButton.parents(".note_content") @@ -1199,8 +1302,8 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { var edit_list_outer = $('.to-do-sidebar-body .add-list .add-list-outer'); edit_list.find('input[name="note_id"]').attr('value', note_id); edit_list.find('input[name="note_id"]').val(note_id); - edit_list_outer.find('.note-colors-option label[color-pallet="'+ note_color_pallet +'"]').click(); - + edit_list_outer.find('.note-colors-option label[color-pallet="' + note_color_pallet + '"]').click(); + edit_list_outer.find('.note-title input').val(note_title); edit_list_outer.find('.note-description .note-description-input').html(note_description); edit_list_outer.find('.note-save-update #note-create').addClass('d-none'); @@ -1208,27 +1311,26 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { // Open the edit dialog after adding all the note details $('.to-do-sidebar-body').find('.add-new-list-btn').click(); - }, + }, - - _openToDoList: function() { + _openToDoList: function () { var self = this self.showToDoSidebar(); $('.navbar_to_do_list_data').toggleClass('visible'); $('body.o_web_client').toggleClass('backdrop'); - }, - - showToDoSidebar: function() { + }, + + showToDoSidebar: function () { var self = this; - $.get('/show/user/todo/list', 'call', {}).then(function(data) { + $.get('/show/user/todo/list', 'call', {}).then(function (data) { $(".navbar_to_do_list_data").empty() $(".navbar_to_do_list_data").append(data) self.biz_TodoList_events(); var showListSelf = self; - $(".add-new-list-btn").on('click', function(ev){ - if($('.add-list').hasClass('d-none')){ + $(".add-new-list-btn").on('click', function (ev) { + if ($('.add-list').hasClass('d-none')) { $(ev.currentTarget).addClass('close'); $('.add-list').removeClass('d-none'); $('.users-to-do-list').addClass('backdrop'); @@ -1252,7 +1354,7 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { }); // create to do list task on 'Add' btn click - $(".note-save-update .note-add").on('click', function(ev){ + $(".note-save-update .note-add").on('click', function (ev) { var self = this var to_do_body = $(".navbar_to_do_list_data").find('.to-do-sidebar-body'); var note_id = $(to_do_body).find('input[name="note_id"]').val(); @@ -1263,12 +1365,12 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { var note_color_pallet = $(to_do_body).find('.note-colors-option input[name="noteColorPallet"]:checked').val(); var is_update = $(ev.currentTarget).data('update'); - if(!user_id){ + if (!user_id) { return } var user_id = $(user_id).val(); - if(note_title === '' || note_description === ''){ + if (note_title === '' || note_description === '') { return } @@ -1280,13 +1382,13 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { 'note_pallet': note_color_pallet, } - if(is_update){ + if (is_update) { jsonDict['note_id'] = note_id } - ajax.jsonRpc('/create/todo','call', jsonDict).then(function(rec) { - if(is_update){ - var existing_note = $('.users-to-do-list .note_content[data-note-id="'+ note_id +'"]'); + ajax.jsonRpc('/create/todo', 'call', jsonDict).then(function (rec) { + if (is_update) { + var existing_note = $('.users-to-do-list .note_content[data-note-id="' + note_id + '"]'); existing_note.remove(); } $('.users-to-do-list').prepend(rec); @@ -1294,24 +1396,24 @@ odoo.define('spiffy_theme_backend.MenuJs', function (require) { // close note edit dialog $('.to-do-sidebar-body').find('.add-new-list-btn').click(); - $('.users-to-do-list').animate({ scrollTop: 0 }, "slow"); + $('.users-to-do-list').animate({scrollTop: 0}, "slow"); }); }); }) - }, - }); + }, + }); - function divertColor(name, session_dict){ + function divertColor(name, session_dict) { ajax.jsonRpc('/divert_color/get_session_id', 'call', {}) - .then(function (result) { - window.flutter_inappwebview.callHandler('blobToBase64Handler', 'Hello from WebView!',result); - }) + .then(function (result) { + window.flutter_inappwebview.callHandler('blobToBase64Handler', 'Hello from WebView!', result); + }) var is_body_color = session.bg_color - return is_body_color + return is_body_color } - + return { - session_dict,methods + session_dict, methods } - }); \ No newline at end of file +}); \ No newline at end of file diff --git a/spiffy_theme_backend/static/src/js/menu_service.js b/spiffy_theme_backend/static/src/js/menu_service.js index 6745b6f1..f5213ae7 100644 --- a/spiffy_theme_backend/static/src/js/menu_service.js +++ b/spiffy_theme_backend/static/src/js/menu_service.js @@ -62,16 +62,16 @@ function makeMenus(env, menusData, fetchLoadMenus) { return menusData[menuID]; }, getCurrentApp() { - if (!currentAppId) { - return; - } - var target_tag = '.o_navbar_apps_menu a.main_link[data-menu='+currentAppId+']' - $(target_tag).addClass('active'); - if($(target_tag).hasClass('dropdown-btn')){ - var ultag = $(target_tag).parent().find('.header-sub-menus') - $(ultag).addClass('show'); - } - return this.getMenu(currentAppId); + // if (!currentAppId) { + // return; + // } + // var target_tag = '.o_navbar_apps_menu a.main_link[data-menu='+currentAppId+']' + // $(target_tag).addClass('active'); + // if($(target_tag).hasClass('dropdown-btn')){ + // var ultag = $(target_tag).parent().find('.header-sub-menus') + // $(ultag).addClass('show'); + // } + // return this.getMenu(currentAppId); }, getMenuAsTree(menuID) { const menu = this.getMenu(menuID);