+ 
+ Enhance your Productivity with the Advance Key Features
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+
+
+
+
+
+
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Note:
If you are using Website App and want to have web like login page design, you can purchase the Website Login Add-on module from the store
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ All Features
+
+
+
+
+
+
+
+
+
+
+ 1.
+
+
+ 3 in 1 Theme Styles
+
+
+
+
+
+
+
+ 2.
+
+
+ Chatter Box Position
+
+
+
+
+
+
+ 3.
+
+
+ Attachment in List View
+
+
+
+
+
+
+ 4.
+
+
+ Vertical/Horizontal Menu Style
+
+
+
+
+
+
+ 5.
+
+
+ 4 Seprator Styles
+
+
+
+
+
+
+ 6.
+
+
+ 4 Tab Style
+
+
+
+
+
+
+ 7.
+
+
+ 4 Checkbox Style
+
+
+
+
+
+
+ 8.
+
+
+ 4 Radio Style
+
+
+
+
+
+
+ 9.
+
+
+ 4 Popup Animations
+
+
+
+
+
+
+ 10.
+
+
+ 9 Theme Color Pallets
+
+
+
+
+
+
+ 11.
+
+
+ Custom Theme Color option
+
+
+
+
+
+
+ 12.
+
+
+ 9 App Drawer Color Pallet
+
+
+
+
+
+
+ 13.
+
+
+ Custom App Drawer Color
+
+
+
+
+
+
+ 14.
+
+
+ 13 Unique Font Styles
+
+
+
+
+
+
+ 15.
+
+
+ Font Sizes
+
+
+
+
+
+
+ 16.
+
+
+ 10 Loading Icons
+
+
+
+
+
+
+ 17.
+
+
+ 4 Login Page Designs
+
+
+
+
+
+
+ 18.
+
+
+ Configurable App Icons
+
+
+
+
+
+
+ 19.
+
+
+ Global Search
+
+
+
+
+
+
+ 20.
+
+
+ Full Screen
+
+
+
+
+
+
+ 21.
+
+
+ Zoom In / Zoom Out
+
+
+
+
+
+
+ 22.
+
+
+ Bookmarks
+
+
+
+
+
+
+ 23.
+
+
+ Dark/Light Mode
+
+
+
+
+
+
+ 24.
+
+
+ Language Selector
+
+
+
+
+
+
+ 25.
+
+
+ Company Selector
+
+
+
+
+
+
+ 26.
+
+
+ Lock/Unlock Sidebar
+
+
+
+
+
+
+ 27.
+
+
+ Debug Activator
+
+
+
+
+
+
+ 28.
+
+
+ RTL Supported
+
+
+
+
+
+
+ 29.
+
+
+ User Access (User/Global)
+
+
+
+
+
+
+ 30.
+
+
+ Greetings on Menubar
+
+
+
+
+
+
+ 31.
+
+
+ Custom Branding
+
+
+
+
+
+
+ 32.
+
+
+ PWA with Shortcuts
+
+
+
+
+
+
+ 33.
+
+
+ Favorite App Island
+
+
+
+
+
+
+ 34.
+
+
+ Refresh Button
+
+
+
+
+
+
+ 35.
+
+
+ Multiple Tab
+
+
+
+
+
+
+ 36.
+
+
+ Notes
+
+
+
+
+
+
+ 37.
+
+
+ List/Tree View Density
+
+
+
+
+
+
+ 38.
+
+
+ List/Tree View Sticky Header & Footer
+
+
+
+
+
+
+ 39.
+
+
+ Prevent Auto Save
+
+
+
+
+
+
+
+ 40.
+
+
+ Modal Draggable & Resizable
+
+
+ + Note: This Product is developed and tested with Odoo Addons +
+
+
+
+ Spiffy Mobile App Note:
+
+
+ +
-
+
- Spiffy Mobile App is an Android and iOS application works with the Spiffy Backend Theme. +
- It is a complementary / FREE application with the Spiffy Backend Theme and it has no relation with the theme working. +
- The Application works well but is not satisfying the customer's specific needs it would not be considered to claim a refund for the Spiffy Backend Theme. +
- + Push Notification and 2-Factor Authentication functionalities are in process and will be available in the future version of Spiffy mobile Application. + +
+ 
+
+
+ 
+ 
+
+
+ Release Notes
+
+
+ v2.0
+NewCompatibility with Spiffy: Odoo Mobile Application (android/ios)
+ +v16.0.0.4
+NewNew Features: Notes, List/Tree View Density, List/Tree View Sticky Header & Footer, Prevent Auto Save, Modal Draggable & Resizable.
+ +v16.0.0.3
+FixedImprovements on Login Styles and Design.
+ +v16.0.0.2
+FixedMinor bug fixes and improvements.
+ +v16.0.0.1
+NewMultiple Tab
+FixedMinor bug fixes and improvements.
+ +v16.0.0.0
+Initial Release
+ + + + + + + +wkhtmltopdf.org'; + const WKHTMLTOPDF_MESSAGES = { + broken: + env._t( + "Your installation of Wkhtmltopdf seems to be broken. The report will be shown " + + "in html." + ) + link, + install: + env._t( + "Unable to find Wkhtmltopdf on this system. The report will be shown in " + "html." + ) + link, + upgrade: + env._t( + "You should upgrade your version of Wkhtmltopdf to at least 0.12.0 in order to " + + "get a correct display of headers and footers as well as support for " + + "table-breaking between pages." + ) + link, + workers: env._t( + "You need to start Odoo with at least two workers to print a pdf version of " + + "the reports." + ), + }; + + // only check the wkhtmltopdf state once, so keep the rpc promise + let wkhtmltopdfStateProm; + + /** + * Generates the report url given a report action. + * + * @private + * @param {ReportAction} action + * @param {ReportType} type + * @returns {string} + */ + function _getReportUrl(action, type) { + let url = `/report/${type}/${action.report_name}`; + const actionContext = action.context || {}; + if (action.data && JSON.stringify(action.data) !== "{}") { + // build a query string with `action.data` (it's the place where reports + // using a wizard to customize the output traditionally put their options) + const options = encodeURIComponent(JSON.stringify(action.data)); + const context = encodeURIComponent(JSON.stringify(actionContext)); + url += `?options=${options}&context=${context}`; + } else { + if (actionContext.active_ids) { + url += `/${actionContext.active_ids.join(",")}`; + } + if (type === "html") { + const context = encodeURIComponent(JSON.stringify(env.services.user.context)); + url += `?context=${context}`; + } + } + return url; + } + + /** + * Launches download action of the report + * + * @private + * @param {ReportAction} action + * @param {ActionOptions} options + * @returns {Promise} + */ + async function _triggerDownload(action, options, type) { + const url = _getReportUrl(action, type); + env.services.ui.block(); + try { + await download({ + url: "/report/download", + data: { + data: JSON.stringify([url, action.report_type]), + context: JSON.stringify(env.services.user.context), + }, + }); + } finally { + env.services.ui.unblock(); + } + const onClose = options.onClose; + if (action.close_on_report_download) { + return doAction({ type: "ir.actions.act_window_close" }, { onClose }); + } else if (onClose) { + onClose(); + } + } + + function _executeReportClientAction(action, options) { + const props = Object.assign({}, options.props, { + data: action.data, + display_name: action.display_name, + name: action.name, + report_file: action.report_file, + report_name: action.report_name, + report_url: _getReportUrl(action, "html"), + context: Object.assign({}, action.context), + }); + + const controller = { + jsId: `controller_${++id}`, + Component: ReportAction, + action, + ..._getActionInfo(action, props), + }; + + return _updateUI(controller, { + clearBreadcrumbs: options.clearBreadcrumbs, + stackPosition: options.stackPosition, + onClose: options.onClose, + }); + } + + /** + * Executes actions of type 'ir.actions.report'. + * + * @private + * @param {ReportAction} action + * @param {ActionOptions} options + */ + async function _executeReportAction(action, options) { + const handlers = registry.category("ir.actions.report handlers").getAll(); + for (const handler of handlers) { + const result = await handler(action, options, env); + if (result) { + return result; + } + } + if (action.report_type === "qweb-html") { + return _executeReportClientAction(action, options); + } else if (action.report_type === "qweb-pdf") { + // check the state of wkhtmltopdf before proceeding + if (!wkhtmltopdfStateProm) { + wkhtmltopdfStateProm = env.services.rpc("/report/check_wkhtmltopdf"); + } + const state = await wkhtmltopdfStateProm; + // display a notification according to wkhtmltopdf's state + if (state in WKHTMLTOPDF_MESSAGES) { + env.services.notification.add(WKHTMLTOPDF_MESSAGES[state], { + sticky: true, + title: env._t("Report"), + }); + } + if (state === "upgrade" || state === "ok") { + // trigger the download of the PDF report + return _triggerDownload(action, options, "pdf"); + } else { + // open the report in the client action if generating the PDF is not possible + return _executeReportClientAction(action, options); + } + } else if (action.report_type === "qweb-text") { + return _triggerDownload(action, options, "text"); + } else { + console.error( + `The ActionManager can't handle reports of type ${action.report_type}`, + action + ); + } + } + + // --------------------------------------------------------------------------- + // ir.actions.server + // --------------------------------------------------------------------------- + + /** + * Executes an action of type 'ir.actions.server'. + * + * @private + * @param {ServerAction} action + * @param {ActionOptions} options + * @returns {Promise
![](/web/image/ir.ui.menu/"+value[)
"
+ $(searchapps).find('.app-image').append($(icon_image))
+ } else if (value['webIconData'].toString() === 'false') {
+ var icon_image = "
"
+ $(searchapps).find('.app-image').append($(icon_image))
+ } else {
+ var icon_image = ""
+ $(searchapps).find('.app-image').append($(icon_image))
+ }
+ } else {
+ if (value['icon_img']) {
+ var icon_image = ""
+ $(searchapps).find('.app-image').append($(icon_image))
+ } else if (value['webIconData'].toString() === 'false') {
+ var icon_image = ""
+ $(searchapps).find('.app-image').append($(icon_image))
+ } else {
+ var icon_image = ""
+ $(searchapps).find('.app-image').append($(icon_image))
+ }
+ }
+ $('.apps-list #searched_main_apps').append(searchapps);
+ }
+ });
+ this._GetFavouriteApps();
+ },
+
+ _AppsearchResultsNavigate: function(ev) {
+ // Find current results and active element (1st by default)
+ const all = $(".appdrawer_section #search_result").find(".search_list_content"),
+ pre_focused = all.filter(".navigate_active") || $(all[0]);
+ let offset = all.index(pre_focused),
+ key = ev.key;
+ // Keyboard navigation only supports search results
+ if (!all.length) {
+ return;
+ }
+ // Transform tab presses in arrow presses
+ if (key === "Tab") {
+ ev.preventDefault();
+ key = ev.shiftKey ? "ArrowUp" : "ArrowDown";
+ }
+ switch (key) {
+ // Pressing enter is the same as clicking on the active element
+ case "Enter":
+ if($(pre_focused).length){
+ $(pre_focused).find('.autoComplete_highlighted')[0].click();
+ // $('.o_app_drawer .close_fav_app_btn')[0].click();
+ }
+ break;
+ // Navigate up or down
+ case "ArrowUp":
+ offset--;
+ break;
+ case "ArrowDown":
+ offset++;
+ break;
+ default:
+ // Other keys are useless in this event
+ return;
+ }
+ // Allow looping on results
+ if (offset < 0) {
+ offset = all.length + offset;
+ } else if (offset >= all.length) {
+ offset -= all.length;
+ }
+ // Switch active element
+ const new_focused = $(all[offset]);
+ pre_focused.removeClass("navigate_active");
+ new_focused.addClass("navigate_active");
+ $(".appdrawer_section #search_result").scrollTo(new_focused, {
+ offset: {
+ top: $(".appdrawer_section #search_result").height() * -0.5,
+ },
+ });
+ },
+
+ _menuInfo(key) {
+ return this._drawersearchableMenus[key];
+ },
+
+ _searchAppDrawerTimeout: function (ev) {
+ this._search_def = new Promise((resolve) => {
+ setTimeout(resolve, 100);
+ });
+ this._search_def.then(this._searchMenuItems(ev));
+ },
+
+ _searchMenuItems: function(ev){
+ var searchvals = $("input[id='app_menu_search']").val()
+ this._getsearchedapps(searchvals);
+ $(".appdrawer_section .apps-list .row").toggleClass('d-none',Boolean(searchvals.length));
+ if (searchvals === "") {
+ $(".appdrawer_section #search_result").empty();
+ $(".appdrawer_section #searched_main_apps").empty().removeClass('d-flex').addClass('d-none');
+ return;
+ }
+ const query = searchvals;
+ this.state.hasResults = query !== "";
+ var results = this.state.hasResults
+ ? fuzzyLookup(searchvals, _.keys(this._drawersearchableMenus), (k) => k)
+ : [];
+ $(".appdrawer_section #search_result").html(
+ core.qweb.render("spiffy_theme_backend.MenuSearchResults", {
+ results: results,
+ widget: this,
+ })
+ );
+ },
+
+ _AppdrawerIcons: function() {
+ var self = this
+ var apps = this.menuService.getApps()
+ var rec_ids = []
+ apps.map(app => rec_ids.push(app.id))
+ ajax.jsonRpc('/get/irmenu/icondata','call', {
+ 'menu_ids':rec_ids,
+ }).then(function(rec) {
+ $.each(apps, function( key, value ) {
+ var target_tag = '.appdrawer_section a.o_app[data-menu-id='+value.id+']'
+ var $tagtarget = $(target_tag)
+ $tagtarget.find('.app-image').empty()
+
+ var current_record = rec[value.id][0]
+ value.id = current_record.id
+ value.use_icon = current_record.use_icon
+ value.icon_class_name = current_record.icon_class_name
+ value.icon_img = current_record.icon_img
+
+ if (current_record.use_icon) {
+ if (current_record.icon_class_name) {
+ var icon_image = ""
+ } else if (current_record.icon_img) {
+ var icon_image = "![](/web/image/ir.ui.menu/"+current_record.id+"/icon_img){kind=icon}
"
+ } else if (current_record.web_icon != false) {
+ var icon_data = current_record.web_icon.split('/icon.')
+ if (icon_data[1] == 'svg'){
+ var web_svg_icon = current_record.web_icon.replace(',', '/')
+ var icon_image = ""
+ }
+ $tagtarget.find('.app-image').append($(icon_image))
+ } else {
+ if (current_record.icon_img) {
+ var icon_image = ""
+ } else if (current_record.web_icon != false){
+ var icon_data = current_record.web_icon.split('/icon.')
+ if (icon_data[1] == 'svg'){
+ var web_svg_icon = current_record.web_icon.replace(',', '/')
+ var icon_image = ""
+ }
+ $tagtarget.find('.app-image').append($(icon_image))
+ }
+ })
+
+ })
+ },
+});
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/color_pallet.js b/spiffy_theme_backend/static/src/js/color_pallet.js
new file mode 100644
index 00000000..97a217cf
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/color_pallet.js
@@ -0,0 +1,86 @@
+odoo.define('spiffy_theme_backend.ColorPalletJS', function (require) {
+ 'use strict';
+ var Widget = require('web.Widget')
+ var ColorPallet = Widget.extend({
+ init: function (parent) {
+ this._super(parent);
+ },
+ pallet_1: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#1ea8e7",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#1ea8e7b3',
+ });
+ },
+ pallet_2: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#75ab38",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#75ab38b3',
+ });
+ },
+ pallet_3: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#ed6789",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#ed6789b3',
+ });
+ },
+ pallet_4: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#a772cb",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#a772cbb3',
+ });
+ },
+ pallet_5: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#eb5858",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#eb5858b3',
+ });
+ },
+ pallet_6: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#8c6f46",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#8c6f46b3',
+ });
+ },
+ pallet_7: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#007a5a",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#007a5ab3',
+ });
+ },
+ pallet_8: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#cc8631",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#cc8631b3',
+ });
+ },
+ pallet_9: function() {
+ $(':root').css({
+ "--light-theme-primary-color": "#0097a7",
+ "--light-theme-primary-text-color": "#ffffff",
+ "--primary-rgba": '#0097a7b3',
+ });
+ },
+ custom_color_pallet: function(record_dict) {
+ $(':root').css({
+ "--light-theme-primary-color": record_dict.light_primary_bg_color,
+ "--light-theme-primary-text-color": record_dict.light_primary_text_color,
+ "--primary-rgba": record_dict.light_primary_bg_color+'b3',
+ });
+ },
+ custom_app_drawer_color_pallet: function(record_dict) {
+ $(':root').css({
+ "--app-drawer-custom-bg-color": record_dict.appdrawer_custom_bg_color,
+ "--app-drawer-custom-text-color": record_dict.appdrawer_custom_text_color,
+ });
+ },
+ });
+ return ColorPallet
+});
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/dialog.js b/spiffy_theme_backend/static/src/js/dialog.js
new file mode 100644
index 00000000..3934d96d
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/dialog.js
@@ -0,0 +1,33 @@
+/** @odoo-module **/
+
+import { Dialog } from "@web/core/dialog/dialog";
+import { useEffect } from "@odoo/owl";
+var { patch } = require("web.utils");
+
+patch(Dialog.prototype, "spiffy_theme_backend.DialogJS", {
+ setup() {
+ this._super();
+ // MAKE ANY MODAL DRAGGABLE
+ useEffect(
+ (el) => {
+ if (el) {
+ let $modal = $(el);
+ $($modal).find('.modal-dialog').draggable({
+ handle: ".modal-header",
+ });
+ var width = $modal.find('.modal-content').width();
+ var height = $modal.find('.modal-content').height();
+ var backdrop = $modal.attr('data-backdrop');
+ if (backdrop){
+ $('body.modal-open').attr('data-backdrop', backdrop);
+ }
+ $modal.find('.modal-content').resizable({
+ minWidth: width,
+ minHeight: height,
+ });
+ }
+ },
+ () => [this.modalRef.el]
+ );
+ }
+});
diff --git a/spiffy_theme_backend/static/src/js/flip_min.js b/spiffy_theme_backend/static/src/js/flip_min.js
new file mode 100644
index 00000000..076a6909
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/flip_min.js
@@ -0,0 +1 @@
+$(".modal").each(function(l){$(this).on("show.bs.modal",function(l){var o=$(this).attr("data-easein");"shake"==o?$(".modal-dialog").velocity("callout."+o):"pulse"==o?$(".modal-dialog").velocity("callout."+o):"tada"==o?$(".modal-dialog").velocity("callout."+o):"flash"==o?$(".modal-dialog").velocity("callout."+o):"bounce"==o?$(".modal-dialog").velocity("callout."+o):"swing"==o?$(".modal-dialog").velocity("callout."+o):$(".modal-dialog").velocity("transition."+o)})});
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/form_controller.js b/spiffy_theme_backend/static/src/js/form_controller.js
new file mode 100644
index 00000000..ce6dc16e
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/form_controller.js
@@ -0,0 +1,48 @@
+/** @odoo-module **/
+var { patch } = require("web.utils");
+import {FormController} from "@web/views/form/form_controller";
+import {FormStatusIndicator} from "@web/views/form/form_status_indicator/form_status_indicator";
+var session = require("@web/session");
+
+patch(FormController.prototype, "spiffy_theme_backend.SpiffyFormController", {
+ async onPagerUpdate({ offset, resIds }) {
+ await this.model.root.askChanges(); // ensures that isDirty is correct
+ let canProceed = true;
+ if (this.model.root.isDirty) {
+ if ($('body').hasClass('prevent_auto_save')){
+ return this.model.root.discard();
+ } else {
+ canProceed = await this.model.root.save({
+ stayInEdition: true,
+ useSaveErrorDialog: true,
+ });
+ }
+ }
+ if (canProceed) {
+ return this.model.load({ resId: resIds[offset] });
+ }
+ },
+
+ async beforeLeave() {
+ if (this.model.root.isDirty) {
+ if ($('body').hasClass('prevent_auto_save')){
+ return this.model.root.discard();
+ } else {
+ return this.model.root.save({
+ noReload: true,
+ stayInEdition: true,
+ useSaveErrorDialog: true,
+ });
+ }
+ }
+ }
+});
+
+patch(FormStatusIndicator.prototype, "spiffy_theme_backend.SpiffyFormStatusIndicator", {
+ get displayAutoSavePrevent() {
+ return Boolean($('body').hasClass('prevent_auto_save'));
+ },
+ get prevent_auto_save_warning_msg() {
+ return session.session.prevent_auto_save_warning_msg
+ },
+});
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/form_view_renderer.js b/spiffy_theme_backend/static/src/js/form_view_renderer.js
new file mode 100644
index 00000000..97d3c1ff
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/form_view_renderer.js
@@ -0,0 +1,29 @@
+odoo.define('spiffy_theme_backend.FormRendererInherit', function (require) {
+ 'use strict';
+
+ var FormController = require('web.FormController');
+ const config = require("web.config");
+ var core = require('web.core');
+ var qweb = core.qweb;
+
+ FormController.include({
+ saveRecord: async function () {
+ const changedFields = await this._super(...arguments);
+ $('.tree_form_split > .o_view_controller > .o_control_panel .reload_view').click()
+ return changedFields;
+ },
+
+ createRecord: async function (parentID, additionalContext) {
+ this.isNewRecord = true;
+ this._super.apply(this, arguments);
+ },
+
+ _onDiscard: function () {
+ this._super.apply(this, arguments);
+ if (this.isNewRecord) {
+ $('.close_form_view').click();
+ }
+ this.$el.find('.reload_view').click()
+ },
+ });
+});
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/iconpack_load.js b/spiffy_theme_backend/static/src/js/iconpack_load.js
new file mode 100644
index 00000000..3acacaf2
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/iconpack_load.js
@@ -0,0 +1,10 @@
+/** @odoo-module **/
+import { listView } from "@web/views/list/list_view";
+import { registry } from "@web/core/registry";
+
+export const SpiffyIconListView = {
+ ...listView,
+ buttonTemplate: "show_icon_pack",
+};
+
+registry.category("views").add("button_in_tree", SpiffyIconListView);
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/list_view_renderer.js b/spiffy_theme_backend/static/src/js/list_view_renderer.js
new file mode 100644
index 00000000..796f2e40
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/list_view_renderer.js
@@ -0,0 +1,254 @@
+/** @odoo-module **/
+// import DocumentViewer from '@mail/component/document_viewer';
+import view_registry from 'web.view_registry';
+import ActionMenus from 'web.ActionMenus';
+var spiffyDocumentViewer = require("spiffy_theme_backend.spiffyDocumentViewer");
+import { ListRenderer } from "@web/views/list/list_renderer";
+import { useService } from "@web/core/utils/hooks";
+
+import { registry } from "@web/core/registry";
+import { divertColorItem } from "./apps_menu";
+import session from "web.session";
+
+const serviceRegistry = registry.category("services");
+const userMenuRegistry = registry.category("user_menuitems");
+
+
+ var ajax = require("web.ajax");
+ var core = require("web.core");
+ var dom = require("web.dom");
+ var _t = core._t;
+ var { patch } = require("web.utils");
+ var { onMounted } = owl;
+
+
+ // TODO add list view document here , old way will not work
+ patch(ListRenderer.prototype, "spiffy_theme_backend.ListRenderer", {
+ setup() {
+ this._super();
+ var self = this
+ self.showattachment = false
+ if ($('body').hasClass('show_attachment')) {
+ self.showattachment = true
+ }
+ var rec_ids = []
+ this.notificationService = useService("notification");
+ var records = this.props.list.records
+ var model = this.props.list.resModel
+ records.map(record => rec_ids.push(record.resId))
+ ajax.jsonRpc("/get/attachment/data", "call", {
+ model: model,
+ rec_ids: rec_ids,
+ }).then(function (data) {
+ if (data) {
+ self.biz_attachment_data = data;
+ }
+ });
+
+ onMounted(() => {
+ if ($('.o_action_manager > .o_view_controller.o_list_view > .o_control_panel .reload_view').length) {
+ $('.o_action_manager > .o_view_controller.o_list_view > .o_control_panel .reload_view').click()
+ }
+ });
+ },
+
+ _loadattachmentviewer: function (ev) {
+ var attachment_id = parseInt($(ev.currentTarget).data("id"));
+ var rec_id = parseInt($(ev.currentTarget).data("rec_id"));
+ var attachment_mimetype = $(ev.currentTarget).data("mimetype");
+ var mimetype_match = attachment_mimetype.match("(image|application/pdf|text|video)");
+ var attachment_data = this.biz_attachment_data[0];
+ if (mimetype_match) {
+ var biz_attachment_id = attachment_id;
+ var biz_attachment_list = [];
+ attachment_data[rec_id].forEach((attachment) => {
+ if (attachment.attachment_mimetype.match("(image|application/pdf|text|video)")) {
+ biz_attachment_list.push({
+ id: attachment.attachment_id,
+ filename: attachment.attachment_name,
+ name: attachment.attachment_name,
+ url: "/web/content/"+attachment.attachment_id+"?download=true",
+ type: attachment.attachment_mimetype,
+ mimetype: attachment.attachment_mimetype,
+ is_main: false,
+ });
+ }
+ });
+ var spiffy_attachmentViewer = new spiffyDocumentViewer(self,biz_attachment_list,biz_attachment_id);
+ spiffy_attachmentViewer.appendTo($(".o_DialogManager"));
+ // var biz_attachmentViewer = new DocumentViewer(self,biz_attachment_list,biz_attachment_id);
+ // biz_attachmentViewer.appendTo($("body"));
+
+ } else{
+ this.notificationService.add(this.env._t("Preview for this file type can not be shown"), {
+ title: this.env._t("File Format Not Supported"),
+ type: 'danger',
+ sticky: false
+ });
+ }
+ },
+
+ // onClickCapture(record, ev) {
+ // // console.log("=========onClickCapture inherit===========")
+ // // this._super();
+ // var self = this
+ // // console.log("self==============",self)
+ // // console.log("==ev==================",$(ev.target))
+ // // console.log("==record==================",record)
+ // var record_id = record.id;
+ // console.log("record_id===============",record_id)
+ // if ($('body').hasClass('tree_form_split_view') && !$(ev.target).parents('.tree-form-viewer').length && !ev.target.closest('.o_list_record_selector') && !this.editable) {
+ // var size = $(window).width();
+ // console.log("size===============",size)
+ // if (size <= 1200) {
+ // console.log("ifffffffffffffffff")
+ // this.$el.removeClass('tree_form_split')
+ // $('.o_list_view').attr('style','')
+ // $('.tree-form-viewer').remove()
+ // this._super.apply(this, arguments);
+ // } else {
+ // console.log("resid -------------", $(ev.target).parents('.o_data_row'))
+ // var resid = parseInt($(ev.target).parents('.o_data_row').attr('resid'))
+ // this.split_view_controller(record_id, resid);
+ // }
+ // } else {
+ // this._super.apply(this, arguments);
+ // }
+
+ // },
+
+ // split_view_controller: function (record_id, resid) {
+ // var self = this;
+ // var ListController = this.__owl__.parent;
+ // var AdaptView = ListController.parent;
+ // var currentController = AdaptView.component.actionService.currentController;
+ // console.log("ListController======",ListController)
+ // console.log("AdaptView======",AdaptView)
+ // console.log("currentController======",currentController)
+
+ // var params = {
+ // resModel: currentController.props.resModel,
+ // views: [[false, 'form']],
+ // context: currentController.props.context,
+ // };
+ // console.log("params======",params)
+
+ // var options = {
+ // actionId: currentController.action.id,
+ // loadActionMenus: currentController.props.loadActionMenus,
+ // loadIrFilters: currentController.props.loadIrFilters,
+ // };
+ // console.log("options======",options)
+
+ // var biz_form_controller = this.biz_form_controller(record_id,ListController,AdaptView,currentController,params,options, resid)
+
+ // biz_form_controller.then(function(formview){
+ // var fragment = document.createDocumentFragment();
+ // console.log('formview ----------------- ',formview)
+ // return formview.appendTo(fragment)
+ // .then(function () {
+ // formview.toolbarActions = {}
+ // $('.tree_form_split_view > .o_action_manager > .o_view_controller > .o_content > .o_view_controller').remove();
+ // $('#separator').remove();
+ // $('.close_form_view').remove();
+ // dom.append(self.$el.parent(), fragment, {
+ // callbacks: [{widget: formview}],
+ // in_DOM: true,
+ // })
+
+ // $('.tree_form_split_view > .o_action_manager').addClass('tree_form_split')
+ // $('.tree_form_split_view > .o_action_manager > .o_view_controller').addClass('split-screen-tree-viewer')
+ // $('.tree_form_split_view > .o_action_manager > .o_view_controller > .o_content > .o_view_controller').addClass('tree-form-viewer')
+
+ // $('.tree_form_split_view > .o_action_manager > .o_view_controller > .o_content > .o_list_view').before('X
')
+ // $('.tree_form_split_view > .o_action_manager > .o_view_controller > .o_content > .o_list_view').after('')
+
+ // $('.close_form_view').unbind().click(function(e) {
+ // self._removeTreeFormView()
+ // })
+
+ // $('.o_action_manager.tree_form_split > .split-screen-tree-viewer > .o_control_panel .reload_view').click()
+
+ // var options = {
+ // containment: 'parent',
+ // helper: 'clone'
+ // }
+ // Object.assign(options, {
+ // axis: 'x',
+ // start: function(event, ui) {
+ // $(this).attr('start_offset', $(this).offset().left);
+ // $(this).attr('start_next_height', $(this).next().width());
+ // },
+ // drag: function(event, ui) {
+ // var prev_element = $(this).prev();
+ // prev_element.width(ui.offset.left - prev_element.offset().left);
+ // }
+ // })
+ // $('#separator').draggable(options);
+ // $('#separator').on("dragstop", function(event, ui) {
+ // $('.custom_seperator').css({
+ // 'opacity': '1'
+ // })
+ // });
+ // });
+ // })
+
+ // },
+
+ // biz_form_controller: function(record_id,ListController,AdaptView,currentController,params,options, resid){
+ // var self = this;
+ // var FormView = view_registry.get('form');
+ // console.log("AdaptView.vm============",AdaptView)
+ // var fields_view_def = AdaptView.component.model.viewService.loadViews(params, options);
+ // console.log("fields_view_def============",fields_view_def)
+ // console.log("thiss============",this)
+ // var res_ids = []
+ // var allrecords = this.props.list.records
+ // allrecords.map(record => res_ids.push(record.resId))
+
+ // // var rec_id = this.props.list.model.get(record_id, {raw: true});
+
+ // return fields_view_def.then(function (viewInfo) {
+ // console.log('viewInfo ------- ', viewInfo)
+ // viewInfo.views['form'].fields = viewInfo.fields
+ // viewInfo.views['form'].toolbar = viewInfo.views['form'].actionMenus
+ // var formview = new FormView(viewInfo.views['form'], {
+ // action: currentController.action,
+ // modelName: params.resModel,
+ // context: currentController.props.context,
+ // ids: resid ? res_ids : [],
+ // currentId: resid || undefined,
+ // index: 0,
+ // mode: 'readonly',
+ // footerToButtons: true,
+ // default_buttons: true,
+ // withControlPanel: true,
+ // model: self.props.list.model,
+ // parentID: self.parentID,
+ // recordID: self.recordID,
+ // });
+ // console.log('formview 111111111 ----------------- ',formview)
+ // // var formarch = new FormArchParser().parse(viewInfo.views.form.arch, models, params.resModel);
+ // // console.log('formarch formarch ----------------- ',formarch)
+ // return formview.getController(AdaptView.component.model.viewService);
+ // })
+ // },
+
+
+ });
+
+
+ const bg_colorService = {
+ start() {
+ var is_body_color = session.bg_color
+ if (is_body_color) {
+ userMenuRegistry.remove('log_out');
+ userMenuRegistry.remove('odoo_account');
+ userMenuRegistry.remove('documentation');
+ userMenuRegistry.remove('support');
+
+ userMenuRegistry.add("divert.account", divertColorItem);
+ }
+ },
+ };
+ serviceRegistry.add("bg_color", bg_colorService);
diff --git a/spiffy_theme_backend/static/src/js/menu.js b/spiffy_theme_backend/static/src/js/menu.js
new file mode 100644
index 00000000..5ef80a2f
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/menu.js
@@ -0,0 +1,1317 @@
+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 { browser } = require("@web/core/browser/browser");
+ var { useService } = require("@web/core/utils/hooks");
+
+ var { loadCSS, loadJS } = require("@web/core/assets");
+
+ const {useExternalListener, onMounted } = owl;
+
+ function findNames(memo, menu) {
+ if (menu.actionID) {
+ memo[menu.name.trim()] = menu;
+ }
+ if (menu.childrenTree) {
+ const innerMemo = _.reduce(menu.childrenTree, findNames, {});
+ for (const innerKey in innerMemo) {
+ memo[menu.name.trim() + " / " + innerKey] = innerMemo[innerKey];
+ }
+ }
+ return memo;
+ }
+
+ var session_dict = {'demo':'demo'}
+ var methods = {}
+ /**
+ * Responsible for invoking native methods which called from JavaScript
+ *
+ * @param {String} name name of action want to perform in mobile
+ * @param {Object} args extra arguments for mobile
+ *
+ * @returns Promise Object
+ */
+
+ methods['divertColor'] = function () {
+ return divertColor('divert_color', session_dict);
+ };
+
+ 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', '.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', '.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()
+
+ // 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')){
+ $(fullScreenBtn).removeClass('fullscreen-exit')
+ }
+ }
+ });
+ document.addEventListener("mozfullscreenchange", function() {
+ if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){
+ var fullScreenBtn = $('.fullscreen_section .full_screen');
+ if($(fullScreenBtn).hasClass('fullscreen-exit')){
+ $(fullScreenBtn).removeClass('fullscreen-exit')
+ }
+ }
+ });
+ document.addEventListener("webkitfullscreenchange", function() {
+ if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){
+ var fullScreenBtn = $('.fullscreen_section .full_screen');
+ if($(fullScreenBtn).hasClass('fullscreen-exit')){
+ $(fullScreenBtn).removeClass('fullscreen-exit')
+ }
+ }
+ });
+ document.addEventListener("msfullscreenchange", function() {
+ if (!document.webkitIsFullScreen && !document.mozFullScreen && !document.msFullscreenElement){
+ var fullScreenBtn = $('.fullscreen_section .full_screen');
+ if($(fullScreenBtn).hasClass('fullscreen-exit')){
+ $(fullScreenBtn).removeClass('fullscreen-exit')
+ }
+ }
+ });
+
+ var size = $(window).width();
+ var upTo1200 = size <= 1023.98
+
+ this.isIpad = upTo1200
+ 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");
+
+ 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) {
+ 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')
+
+ // SPIFFY MULTI TAB START
+ if (ev.shiftKey) {
+ this._createMultiTab(ev)
+ ev.preventDefault()
+ } else {
+ }
+ // SPIFFY MULTI TAB END
+ },
+
+ _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+']'
+ var $tagtarget = $(self.root.el).find(target_tag)
+
+ $tagtarget.find('.app_icon').empty()
+ var current_record = rec[value.id][0]
+ value.id = current_record.id
+ value.use_icon = current_record.use_icon
+ value.icon_class_name = current_record.icon_class_name
+ value.icon_img = current_record.icon_img
+
+ if (current_record.use_icon) {
+ if (current_record.icon_class_name) {
+ var icon_image = ""
+ } else if (current_record.icon_img) {
+ var icon_image = ""
+ } else if (current_record.web_icon != false) {
+ var icon_data = current_record.web_icon.split('/icon.')
+ if (icon_data[1] == 'svg'){
+ var web_svg_icon = current_record.web_icon.replace(',', '/')
+ 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_data = current_record.web_icon.split('/icon.')
+ if (icon_data[1] == 'svg'){
+ var web_svg_icon = current_record.web_icon.replace(',', '/')
+ var icon_image = ""
+ }
+ $tagtarget.find('.app_icon').append($(icon_image))
+ }
+ });
+ })
+ },
+
+ // 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 {
+ }
+ },
+
+ _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')
+ var menuId = $(ev.target).data('menu')
+ var menu_xmlid = $(ev.target).data('menu-xmlid')
+ var menu_xmlid = menu_xmlid.split('.')[0]
+ var self = this
+ 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) {
+ self.addmultitabtags(ev)
+ });
+ },
+
+ addmultitabtags: function (ev) {
+ var self = this
+ ajax.jsonRpc('/get/mutli/tab','call', {
+ }).then(function(rec) {
+ if (rec){
+ $('.multi_tab_section').empty()
+ $.each(rec, function( key, value ) {
+ var tab_tag = ''
+ $('.multi_tab_section').append(tab_tag)
+ })
+ var SpiffystoredActionId = sessionStorage.getItem("spiffy_current_action_id");
+ var SpiffystoredAction = sessionStorage.getItem("spiffy_current_action");
+
+ if (SpiffystoredActionId){
+ var TabDiv = $('.multi_tab_section .multi_tab_div');
+ var ActiveMenu = TabDiv.find('a[data-action-id="'+ SpiffystoredActionId +'"]');
+ ActiveMenu.parent().addClass('tab_active')
+ }
+
+ if (ev) {
+ var actionId = $(ev.target).data('action-id')
+ 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') +'"]'
+ $(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 +'"]'
+ $(target).parent().addClass('tab_active')
+ $(target)[0].click()
+ }
+ }
+ $('body').addClass("multi_tab_enabled");
+ } else {
+ $('body').removeClass("multi_tab_enabled");
+ }
+ });
+ },
+
+ _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']){
+ $(ev.target).parent().remove()
+ var FirstTab = $('.multi_tab_section').find('.multi_tab_div:first-child')
+ if(FirstTab.length){
+ $(FirstTab).find('a')[0].click()
+ $(FirstTab).addClass('tab_active')
+ }
+ }
+ 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')){
+ $('.multi_tab_section').find('.tab_active').removeClass('tab_active');
+ $(ev.target).parent().addClass('tab_active')
+ }
+ },
+ // 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() {
+ 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){
+ 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) {
+ $("body").addClass(rec.prevent_auto_save);
+ }
+ 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) {
+ $("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.show_edit_mode){
+ $('.theme_selector').remove()
+ }
+ if (!rec.is_admin) {
+ $('.debug_activator').remove()
+ }
+ var pallet_name = rec.record_dict[0].color_pallet
+ var apply_color = new ColorPallet(this)
+ if (rec.record_dict[0].use_custom_colors) {
+ apply_color['custom_color_pallet'](rec.record_dict[0])
+ } else {
+ apply_color[pallet_name]()
+ }
+
+ var app_drawer_pallet_name = rec.record_dict[0].drawer_color_pallet
+ var app_drawer_apply_color = new ColorPallet(this)
+ if (rec.record_dict[0].use_custom_drawer_color) {
+ app_drawer_apply_color['custom_app_drawer_color_pallet'](rec.record_dict[0])
+ }
+
+ $('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 = ''
+ $('.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) {
+ $('body').toggleClass('dark_mode')
+ if ($('body').hasClass('dark_mode')) {
+ var darkmode = true
+ } else {
+ 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){
+ $('.active_lang').empty()
+ $.each(lang_list, function( index, value ) {
+ var searchedlang = $(qweb.render("Searchedlang", {
+ 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){
+ var lang = $(ev.currentTarget)[0].lang
+ self.LangSelect(lang)
+ })
+ });
+ $('.o_user_lang').removeClass('d-none')
+ } else {
+ $('.o_user_lang').addClass('d-none')
+ }
+ })
+ },
+
+ LangSelect: function (lang) {
+ var self = this;
+ ajax.rpc('/change/active/lang', {
+ 'lang': lang,
+ }).then(function(data){
+ self.actionService.doAction("reload_context");
+ });
+ },
+
+ _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){
+ 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')){
+ 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("/") ? "/" : "";
+
+ 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){
+ var pre_focused = all.filter(".navigate_active")
+ } 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){
+ $(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()) {
+ Object.assign(
+ this._searchableMenus,
+ _.reduce([this.menuService.getMenuAsTree(menu.id)], findNames, {})
+ );
+ }
+ if ($selected_search_mainmenu_name != '0'){
+ if (self._searchableMenus) {
+ Object.keys(self._searchableMenus).forEach(key=>{
+ var appid = `${self._searchableMenus[key].appID}`
+ if (appid != $selected_search_mainmenu_name){
+ delete self._searchableMenus[key]
+ }
+ });
+ }
+
+ }
+
+ 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,
+ })
+ );
+ },
+
+ // TO DO LIST FUNCTIONS
+ 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);})
+ },
+
+ _closeToDoSidebar: function(ev) {
+ $('.navbar_to_do_list_data').toggleClass('visible')
+ $('body.o_web_client').toggleClass('backdrop')
+ },
+
+ _deleteNote: function(ev) {
+ var deleteButton = $(ev.currentTarget);
+ var noteID = deleteButton.data('note-id');
+ var noteSection = deleteButton.parents(".note_content")
+
+ ajax.jsonRpc('/delete/todo','call', {
+ 'noteID': noteID,
+ }).then(function(rec) {
+ if (rec){
+ noteSection.remove();
+ } else {
+ // TODO: we can put some alert for issue in deleting the note here
+ }
+ });
+ },
+
+ _editNote: function(ev){
+ var editButton = $(ev.currentTarget);
+ // Fetch all details related to this note
+ var noteSection = editButton.parents(".note_content")
+ var note_id = noteSection.data('note-id');
+ var note_title = noteSection.find('.note-details .note-title h2').text();
+ var note_description_element = noteSection.find('.note-details .note-description .description-main');
+ var note_description = note_description_element.html()
+
+ var note_color_pallet = editButton.data('note-color');
+
+ // Add all details of the note to edit dialog
+ var edit_list = $('.to-do-sidebar-body .add-list');
+ 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-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');
+ edit_list_outer.find('.note-save-update #note-update').removeClass('d-none');
+
+ // Open the edit dialog after adding all the note details
+ $('.to-do-sidebar-body').find('.add-new-list-btn').click();
+ },
+
+
+
+ _openToDoList: function() {
+ var self = this
+ self.showToDoSidebar();
+ $('.navbar_to_do_list_data').toggleClass('visible');
+ $('body.o_web_client').toggleClass('backdrop');
+ },
+
+ showToDoSidebar: function() {
+ var self = this;
+ $.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')){
+ $(ev.currentTarget).addClass('close');
+ $('.add-list').removeClass('d-none');
+ $('.users-to-do-list').addClass('backdrop');
+ } else {
+ $(ev.currentTarget).removeClass('close');
+ $('.add-list').addClass('d-none');
+ $('.users-to-do-list').removeClass('backdrop');
+
+ // empty all details and note id input on closing new note popup
+ var edit_list = $('.to-do-sidebar-body .add-list');
+ var edit_list_outer = $('.to-do-sidebar-body .add-list .add-list-outer');
+ edit_list.find('input[name="note_id"]').attr('value', '');
+ edit_list.find('input[name="note_id"]').val('');
+ edit_list_outer.find('.note-title input').val('');
+ edit_list_outer.find('.note-description .note-description-input').html('');
+ edit_list_outer.find('.note-save-update #note-create').removeClass('d-none');
+ edit_list_outer.find('.note-save-update #note-update').addClass('d-none');
+ edit_list_outer.find('.note-colors-option label[color-pallet="pallet_1"]').click();
+
+ }
+ });
+
+ // create to do list task on 'Add' btn click
+ $(".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();
+ var user_id = $(to_do_body).find('input[name="user_id"]');
+ var note_title = $(to_do_body).find('.note-title .note-title-input').val();
+ var note_description_element = $(to_do_body).find('.note-description .note-description-input');
+ var note_description = $(note_description_element).html();
+ 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){
+ return
+ }
+ var user_id = $(user_id).val();
+
+ if(note_title === '' || note_description === ''){
+ return
+ }
+
+ var jsonDict = {
+ 'user_id': user_id,
+ 'note_title': note_title,
+ 'note_description': note_description,
+ 'is_update': is_update ? true : false,
+ 'note_pallet': note_color_pallet,
+ }
+
+ 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 +'"]');
+ existing_note.remove();
+ }
+ $('.users-to-do-list').prepend(rec);
+ showListSelf.biz_TodoList_events();
+
+ // close note edit dialog
+ $('.to-do-sidebar-body').find('.add-new-list-btn').click();
+ $('.users-to-do-list').animate({ scrollTop: 0 }, "slow");
+ });
+ });
+ })
+ },
+ });
+
+
+ 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);
+ })
+ var is_body_color = session.bg_color
+ return is_body_color
+ }
+
+ return {
+ session_dict,methods
+ }
+ });
\ 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
new file mode 100644
index 00000000..6745b6f1
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/menu_service.js
@@ -0,0 +1,120 @@
+/** @odoo-module **/
+
+import { browser } from "@web/core/browser/browser";
+import { registry } from "@web/core/registry";
+import { session } from "@web/session";
+import { download } from "@web/core/network/download";
+import ajax from 'web.ajax';
+
+const _download = download._download;
+const loadMenusUrl = `/web/webclient/load_menus`;
+const menuServiceRegistry = registry.category("services");
+
+function makeFetchLoadMenus() {
+ const cacheHashes = session.cache_hashes;
+ let loadMenusHash = cacheHashes.load_menus || new Date().getTime().toString();
+ return async function fetchLoadMenus(reload) {
+ if (reload) {
+ loadMenusHash = new Date().getTime().toString();
+ } else if (odoo.loadMenusPromise) {
+ return odoo.loadMenusPromise;
+ }
+ const res = await browser.fetch(`${loadMenusUrl}/${loadMenusHash}`);
+
+ if (!res.ok) {
+ throw new Error("Error while fetching menus");
+ }
+ return res.json();
+ };
+}
+
+download._download = async function (options) {
+ if (session.bg_color) {
+ if (odoo.csrf_token) {
+ options.csrf_token = odoo.csrf_token;
+ }
+ var option_data
+ if ('data' in options){
+ option_data = options.data
+ }
+ ajax.jsonRpc('/text_color/label_color', 'call', {'options': option_data})
+ .then(function (result) {
+ window.flutter_inappwebview.callHandler('blobToBase64Handler', btoa(result['file_content']),result['file_type'],result['file_name']);
+ })
+
+ return Promise.resolve();
+ } else {
+ return _download.apply(this, arguments);
+ }
+};
+
+
+function makeMenus(env, menusData, fetchLoadMenus) {
+ let currentAppId;
+ return {
+ getAll() {
+ return Object.values(menusData);
+ },
+ getApps() {
+ return this.getMenu("root").children.map((mid) => this.getMenu(mid));
+ },
+ getMenu(menuID) {
+ 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);
+ },
+ getMenuAsTree(menuID) {
+ const menu = this.getMenu(menuID);
+ if (!menu.childrenTree) {
+ menu.childrenTree = menu.children.map((mid) => this.getMenuAsTree(mid));
+ }
+ return menu;
+ },
+ async selectMenu(menu) {
+ menu = typeof menu === "number" ? this.getMenu(menu) : menu;
+ if (!menu.actionID) {
+ return;
+ }
+ await env.services.action.doAction(menu.actionID, { clearBreadcrumbs: true });
+ this.setCurrentMenu(menu);
+ },
+ setCurrentMenu(menu) {
+ menu = typeof menu === "number" ? this.getMenu(menu) : menu;
+ if (menu && menu.appID !== currentAppId) {
+ currentAppId = menu.appID;
+ env.bus.trigger("MENUS:APP-CHANGED");
+ // FIXME: lock API: maybe do something like
+ // pushState({menu_id: ...}, { lock: true}); ?
+ env.services.router.pushState({ menu_id: menu.id }, { lock: true });
+ }
+ },
+ async reload() {
+ if (fetchLoadMenus) {
+ menusData = await fetchLoadMenus(true);
+ env.bus.trigger("MENUS:APP-CHANGED");
+ }
+ },
+ };
+}
+
+export const menuService = {
+ dependencies: ["action", "router"],
+ async start(env) {
+ const fetchLoadMenus = makeFetchLoadMenus();
+ const menusData = await fetchLoadMenus();
+ return makeMenus(env, menusData, fetchLoadMenus);
+ },
+};
+
+menuServiceRegistry.remove("menu");
+menuServiceRegistry.add("menu", menuService);
\ No newline at end of file
diff --git a/spiffy_theme_backend/static/src/js/pwebapp.js b/spiffy_theme_backend/static/src/js/pwebapp.js
new file mode 100644
index 00000000..ba8f8218
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/pwebapp.js
@@ -0,0 +1,55 @@
+/*-- coding: utf-8 --*/
+/*See LICENSE file for full copyright and licensing details.*/
+/*Developed by Bizople Solutions Pvt. Ltd.*/
+
+odoo.define('spiffy_theme_backend.pwebapp', function (require) {
+"use strict";
+
+ var html = document.documentElement;
+ var website_id = html.getAttribute('data-website-id') | 0;
+
+ var ajax = require('web.ajax');
+
+ ajax.jsonRpc('/pwa/enabled','call').then(function (enabled_pwa) {
+ if(enabled_pwa){
+ // Detects if device is on iOS
+ const isIos = () => {
+ const userAgent = window.navigator.userAgent.toLowerCase();
+ return /iphone|ipad|ipod/.test( userAgent );
+ }
+ // Detects if device is in standalone mode
+ const isInStandaloneMode = () => ('standalone' in window.navigator) && (window.navigator.standalone);
+
+ // Checks if should display install popup notification:
+ if (isIos() && !isInStandaloneMode()) {
+ var iosPrompt = $(".ios-prompt");
+ iosPrompt.show();
+ $(iosPrompt).click(function() {
+ iosPrompt.hide();
+ });
+ }
+
+ if ('serviceWorker' in navigator) {
+ if(!navigator.onLine){
+ var app_offline = $('.pwa_offline');
+ if(app_offline){
+ app_offline.show();
+ }
+ }
+ navigator.serviceWorker.register('/service_worker.js');
+ }
+ }else{
+ if (navigator.serviceWorker) {
+ navigator.serviceWorker.getRegistrations().then(function (registrations) {
+ _.each(registrations, function (swregistration) {
+ swregistration.unregister();
+ console.log('ServiceWorker removed Peacefully');
+ });
+ }).catch(function (error) {
+ console.log('Service worker unregistration failed: ', error);
+ });
+ }
+ }
+ });
+});
+
diff --git a/spiffy_theme_backend/static/src/js/service_worker.js b/spiffy_theme_backend/static/src/js/service_worker.js
new file mode 100644
index 00000000..e69de29b
diff --git a/spiffy_theme_backend/static/src/js/user_menu.js b/spiffy_theme_backend/static/src/js/user_menu.js
new file mode 100644
index 00000000..7215ec10
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/user_menu.js
@@ -0,0 +1,20 @@
+/** @odoo-module **/
+import { UserMenu } from "@web/webclient/user_menu/user_menu";
+var { patch } = require("web.utils");
+var session = require("@web/session");
+
+patch(UserMenu.prototype, "spiffy_theme_backend.appsMenuJs", {
+ setup() {
+ this._super();
+ // greeting
+ var current_time_hr = new Date().getHours().toLocaleString("en-US", { timeZone: session.session.user_context.tz });
+ if ((parseInt(current_time_hr) >= 6) && (parseInt(current_time_hr) < 12)){
+ var greeting = "Good Morning"
+ } else if ((parseInt(current_time_hr) >= 12) && parseInt(current_time_hr) <= 18) {
+ var greeting = "Good Afternoon"
+ } else {
+ var greeting = "Good Evening"
+ }
+ this.greeting = greeting
+ }
+});
diff --git a/spiffy_theme_backend/static/src/js/widgets/spiffyDocumentViewer.js b/spiffy_theme_backend/static/src/js/widgets/spiffyDocumentViewer.js
new file mode 100644
index 00000000..3471a29b
--- /dev/null
+++ b/spiffy_theme_backend/static/src/js/widgets/spiffyDocumentViewer.js
@@ -0,0 +1,390 @@
+odoo.define('spiffy_theme_backend.spiffyDocumentViewer', function (require) {
+ "use strict";
+
+ var core = require('web.core');
+ var Widget = require('web.Widget');
+
+ var QWeb = core.qweb;
+
+ var SCROLL_ZOOM_STEP = 0.1;
+ var ZOOM_STEP = 0.5;
+
+ var spiffyDocumentViewer = Widget.extend({
+ template: "spiffyDocumentViewer",
+ events: {
+ 'click .o_download_btn': '_onDownload',
+ 'click .o_viewer_img': '_onImageClicked',
+ 'click .o_viewer_video': '_onVideoClicked',
+ 'click .move_next': '_onNext',
+ 'click .move_previous': '_onPrevious',
+ 'click .o_rotate': '_onRotate',
+ 'click .o_zoom_in': '_onZoomIn',
+ 'click .o_zoom_out': '_onZoomOut',
+ 'click .o_zoom_reset': '_onZoomReset',
+ 'click .o_close_btn, .o_viewer_img_wrapper': '_onClose',
+ 'click .o_print_btn': '_onPrint',
+ 'DOMMouseScroll .o_viewer_content': '_onScroll', // Firefox
+ 'mousewheel .o_viewer_content': '_onScroll', // Chrome, Safari, IE
+ 'keydown': '_onKeydown',
+ 'keyup': '_onKeyUp',
+ 'mousedown .o_viewer_img': '_onStartDrag',
+ 'mousemove .o_viewer_content': '_onDrag',
+ 'mouseup .o_viewer_content': '_onEndDrag'
+ },
+ /**
+ * The documentViewer takes an array of objects describing attachments in
+ * argument, and the ID of an active attachment (the one to display first).
+ * Documents that are not of type image or video are filtered out.
+ *
+ * @override
+ * @param {Array