admin/Odoo-Modules
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
gsinghpal
2026-02-22 01:22:18 -05:00
commit 5200d5baf0
2394 changed files with 386834 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
Fusion Backend Theme/fusion_backend_theme/static/src/chatter/chatter.js Normal file
View File

@@ -0,0 +1,24 @@
import { patch } from "@web/core/utils/patch";
import { browser } from "@web/core/browser/browser";
import { Chatter } from "@mail/chatter/web_portal/chatter";
patch(Chatter.prototype, {
setup() {
super.setup();
const showNotificationMessages = browser.localStorage.getItem(
'fusion_backend_theme.notifications'
);
this.state.showNotificationMessages = (
showNotificationMessages != null ?
JSON.parse(showNotificationMessages) : true
);
},
onClickNotificationsToggle() {
const showNotificationMessages = !this.state.showNotificationMessages;
browser.localStorage.setItem(
'fusion_backend_theme.notifications', showNotificationMessages
);
this.state.showNotificationMessages = showNotificationMessages;
},
});

25
Fusion Backend Theme/fusion_backend_theme/static/src/chatter/chatter.scss Normal file
View File

@@ -0,0 +1,25 @@
// = Chatter Variables
// ============================================================================
$o-form-renderer-max-width: 3840px;
$o-form-view-sheet-max-width: 2560px;
// = Chatter
// ============================================================================
.o-mail-Chatter-top:has(.o-mail-Chatter-sendMessage.active) .o-mail-Composer-send {
@extend .btn-danger
}
.o-mail-Form-chatter.o-aside {
.o_fusion_chatter_handle {
top: 0;
bottom: 0;
width: 5px;
height: 100%;
cursor: col-resize;
position: absolute;
z-index: $o-mail-NavigableList-zIndex + 1;
border-left: var(--ControlPanel-border-bottom, 1px solid $o-gray-300);
}
}

74
Fusion Backend Theme/fusion_backend_theme/static/src/chatter/chatter.xml Normal file
View File

@@ -0,0 +1,74 @@
<?xml version="1.0" encoding="utf-8" ?>
<templates xml:space="preserve">
<t
t-name="fusion_backend_theme.Chatter"
t-inherit="mail.Chatter"
t-inherit-mode="extension"
>
<xpath expr="//button[hasclass('o-mail-Chatter-sendMessage')]" position="replace">
<button
class="o-mail-Chatter-sendMessage btn text-nowrap me-1"
t-att-class="{
'btn-danger': !state.composerType,
'btn-primary': state.composerType === 'message',
'btn-secondary': state.composerType !== 'message',
'active': state.composerType === 'message',
'my-2': !props.compactHeight
}"
t-att-disabled="!state.thread.hasWriteAccess and !(state.thread.hasReadAccess and state.thread.canPostOnReadonly) and props.threadId"
data-hotkey="m"
t-on-click="() => this.toggleComposer('message')"
>
<i t-if="env.isSmall" class="fa fa-envelope me-sm-1" />
<span class="d-none d-sm-inline">Message</span>
</button>
</xpath>
<xpath expr="//button[hasclass('o-mail-Chatter-logNote')]" position="replace">
<button
class="o-mail-Chatter-logNote btn text-nowrap me-1"
t-att-class="{
'btn-primary': state.composerType === 'note',
'btn-secondary': state.composerType !== 'note',
'active': state.composerType === 'note',
'my-2': !props.compactHeight
}"
t-att-disabled="!state.thread.hasWriteAccess and !(state.thread.hasReadAccess and state.thread.canPostOnReadonly) and props.threadId"
data-hotkey="shift+m"
t-on-click="() => this.toggleComposer('note')"
>
<i t-if="env.isSmall" class="fa fa-sticky-note me-sm-1" />
<span class="d-none d-sm-inline">Note</span>
</button>
</xpath>
<xpath expr="//button[hasclass('o-mail-Chatter-activity')]/span" position="before">
<i t-if="env.isSmall" class="fa fa-clock-o me-sm-1"/>
</xpath>
<xpath expr="//button[hasclass('o-mail-Chatter-activity')]/span" position="attributes">
<attribute name="class" add="d-none d-sm-inline" separator=" " />
</xpath>
<xpath expr="//button[@t-if='props.hasAttachmentPreview and state.thread.attachmentsInWebClientView.length']" position="attributes">
<attribute name="t-if">props.isChatterAside and props.hasAttachmentPreview and state.thread.attachmentsInWebClientView.length</attribute>
</xpath>
<xpath expr="//button[@t-on-click='onClickSearch']" position="after">
<button
class="btn btn-link text-action px-1"
aria-label="Show/Hide Notifications"
title="Show/Hide Notifications"
t-on-click="onClickNotificationsToggle"
t-att-disabled="state.isSearchOpen"
>
<i
class="fa fa-lg"
t-att-class="{
'fa-eye': state.showNotificationMessages,
'fa-eye-slash': !state.showNotificationMessages,
}"
/>
</button>
</xpath>
<xpath expr="//Thread" position="attributes">
<attribute name="showNotificationMessages">state.showNotificationMessages</attribute>
</xpath>
</t>
</templates>

52
Fusion Backend Theme/fusion_backend_theme/static/src/core/color_scheme/color_scheme_service.js Normal file
View File

@@ -0,0 +1,52 @@
/** @odoo-module **/
import { registry } from "@web/core/registry";
import { browser } from "@web/core/browser/browser";
import { cookie } from "@web/core/browser/cookie";
import { user } from "@web/core/user";
const serviceRegistry = registry.category("services");
export function systemColorScheme() {
return browser.matchMedia("(prefers-color-scheme:dark)").matches
? "dark"
: "light";
}
export function currentColorScheme() {
return cookie.get("color_scheme");
}
export const colorSchemeService = {
async start() {
let newColorScheme = systemColorScheme();
if (["light", "dark"].includes(user.settings.color_scheme)) {
newColorScheme = user.settings.color_scheme;
}
const current = currentColorScheme();
if (newColorScheme !== current) {
cookie.set("color_scheme", newColorScheme);
if (current || (!current && newColorScheme === "dark")) {
this.reload();
// Block rendering to prevent flash of wrong theme
await new Promise(() => {});
}
}
return {
get systemColorScheme() {
return systemColorScheme();
},
get currentColorScheme() {
return currentColorScheme();
},
get userColorScheme() {
return user.settings.color_scheme;
},
};
},
reload() {
browser.location.reload();
},
};
serviceRegistry.add("color_scheme", colorSchemeService);

17
Fusion Backend Theme/fusion_backend_theme/static/src/core/dialog/dialog.js Normal file
View File

@@ -0,0 +1,17 @@
import { session } from '@web/session';
import { patch } from '@web/core/utils/patch';
import { Dialog } from '@web/core/dialog/dialog';
patch(Dialog.prototype, {
setup() {
super.setup();
this.data.size = (
session.dialog_size !== 'maximize' ? this.props.size : 'fs'
);
this.data.initalSize = this.props?.size || 'lg';
},
onClickDialogSizeToggle() {
this.data.size = this.data.size === 'fs' ? this.data.initalSize : 'fs';
}
});

16
Fusion Backend Theme/fusion_backend_theme/static/src/core/dialog/dialog.scss Normal file
View File

@@ -0,0 +1,16 @@
// = Dialog Variables
// ============================================================================
$o-form-renderer-max-width: 3840px;
$o-form-view-sheet-max-width: 2560px;
// = Dialog Toggle
// ============================================================================
.o_fusion_dialog_toggle {
color: $btn-close-color;
opacity: $btn-close-opacity;
&:hover {
opacity: $btn-close-hover-opacity;
}
}

39
Fusion Backend Theme/fusion_backend_theme/static/src/core/dialog/dialog.xml Normal file
View File

@@ -0,0 +1,39 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<t
t-name="fusion_backend_theme.Dialog"
t-inherit="web.Dialog"
t-inherit-mode="extension"
>
<xpath expr="//div[@t-attf-class='modal-{{props.size}}']" position="attributes">
<attribute name="t-attf-class">modal-{{ this.data?.size || 'lg' }}</attribute>
</xpath>
</t>
<t
t-name="fusion_backend_theme.Dialog.header"
t-inherit="web.Dialog.header"
t-inherit-mode="extension"
>
<xpath expr="//h4[hasclass('modal-title')]" position="attributes">
<attribute name="class" add="flex-shrink-0 w-75" separator=" " />
</xpath>
<xpath expr="//button[@t-on-click='onExpand']" position="attributes">
<attribute name="class">fa fa-lg fa-external-link btn o_expand_button</attribute>
<attribute name="style">margin-top: 2px !important;</attribute>
</xpath>
<xpath expr="//t[@t-if='!fullscreen']" position="before">
<button
t-if="!fullscreen"
type="button"
class="btn float-end me-1 o_fusion_dialog_toggle"
t-on-click="() => this.onClickDialogSizeToggle()"
>
<i t-attf-class="fa fa-lg {{ this.data?.size === 'fs' ? 'fa-compress' : 'fa-expand' }}" />
</button>
</xpath>
</t>
</templates>

11
Fusion Backend Theme/fusion_backend_theme/static/src/core/dialog/select_create_dialog.js Normal file
View File

@@ -0,0 +1,11 @@
import { patch } from '@web/core/utils/patch';
import { SelectCreateDialog } from '@web/views/view_dialogs/select_create_dialog';
patch(SelectCreateDialog.prototype, {
onClickDialogSizeToggle() {
this.env.dialogData.size = (
this.env.dialogData.size === 'fs' ? this.env.dialogData.initalSize : 'fs'
);
}
});

30
Fusion Backend Theme/fusion_backend_theme/static/src/core/thread/thread.js Normal file
View File

@@ -0,0 +1,30 @@
import { patch } from "@web/core/utils/patch";
import { Thread } from '@mail/core/common/thread';
patch(Thread.prototype, {
get displayMessages() {
let messages = (
this.props.order === 'asc' ?
this.props.thread.nonEmptyMessages :
[...this.props.thread.nonEmptyMessages].reverse()
);
if (!this.props.showNotificationMessages) {
messages = messages.filter(
(msg) => !['user_notification', 'notification'].includes(
msg.message_type
)
);
}
return messages;
},
});
Thread.props = [
...Thread.props,
'showNotificationMessages?',
];
Thread.defaultProps = {
...Thread.defaultProps,
showNotificationMessages: true,
};

13
Fusion Backend Theme/fusion_backend_theme/static/src/core/thread/thread.xml Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="utf-8" ?>
<templates xml:space="preserve">
<t
t-name="fusion_backend_theme.Thread"
t-inherit="mail.Thread"
t-inherit-mode="extension"
>
<xpath expr="//t[@t-key='msg.id']" position="attributes">
<attribute name="t-foreach">displayMessages</attribute>
</xpath>
</t>
</templates>

1
Fusion Backend Theme/fusion_backend_theme/static/src/scss/colors.scss Normal file
View File

@@ -0,0 +1 @@
// Color Assets (placeholder for custom overrides)

43
Fusion Backend Theme/fusion_backend_theme/static/src/scss/colors_dark.scss Normal file
View File

@@ -0,0 +1,43 @@
// Customizable Colors (Dark Mode)
$o_fusion_color_brand: #1e3040;
$o_fusion_color_primary: #5D8DA8;
$o_fusion_color_success: #1DC959;
$o_fusion_color_info: #6AB5FB;
$o_fusion_color_warning: #FBB56A;
$o_fusion_color_danger: #b83232;
$o_fusion_color_appsmenu_text: #E4E4E4;
$o_fusion_color_sidebar_text: #E4E4E4;
$o_fusion_color_sidebar_active: #5D8DA8;
$o_fusion_color_sidebar_background: #3C3E4B;
// Map to Odoo variables
$o-community-color: $o_fusion_color_brand;
$o-enterprise-color: $o_fusion_color_brand;
$o-enterprise-action-color: $o_fusion_color_primary;
$o-brand-odoo: $o_fusion_color_brand;
$o-brand-primary: $o_fusion_color_primary;
$o-success: $o_fusion_color_success;
$o-info: $o_fusion_color_info;
$o-warning: $o_fusion_color_warning;
$o-danger: $o_fusion_color_danger;
$o-action: $o_fusion_color_primary !default;
$light: $o-gray-300 !default;
$dark: $o-gray-700 !default;
$o-main-link-color: $o-action !default;
$o-main-favorite-color: #ffd532 !default;
$o-main-code-color: #c58bc8 !default;
$o-theme-text-colors: (
"primary": lighten($o_fusion_color_primary, 15%),
"success": $o_fusion_color_success,
"info": $o_fusion_color_info,
"warning": $o_fusion_color_warning,
"danger": #ff5757,
) !default;

36
Fusion Backend Theme/fusion_backend_theme/static/src/scss/colors_light.scss Normal file
View File

@@ -0,0 +1,36 @@
// Customizable Colors (Light Mode)
$o_fusion_color_brand: #243742;
$o_fusion_color_primary: #5D8DA8;
$o_fusion_color_success: #28A745;
$o_fusion_color_info: #17A2B8;
$o_fusion_color_warning: #FFAC00;
$o_fusion_color_danger: #DC3545;
$o_fusion_color_appsmenu_text: #F8F9FA;
$o_fusion_color_sidebar_text: #DEE2E6;
$o_fusion_color_sidebar_active: #5D8DA8;
$o_fusion_color_sidebar_background: #111827;
// Map to Odoo variables
$o-community-color: $o_fusion_color_brand;
$o-enterprise-color: $o_fusion_color_brand;
$o-enterprise-action-color: $o_fusion_color_primary;
$o-brand-odoo: $o_fusion_color_brand;
$o-brand-primary: $o_fusion_color_primary;
$o-success: $o_fusion_color_success;
$o-info: $o_fusion_color_info;
$o-warning: $o_fusion_color_warning;
$o-danger: $o_fusion_color_danger;
$o-theme-text-colors: (
"primary": $o_fusion_color_brand,
"success": $o-success,
"info": $o-info,
"warning": $o-warning,
"danger": $o-danger,
) !default;

7
Fusion Backend Theme/fusion_backend_theme/static/src/scss/helpers.scss Normal file
View File

@@ -0,0 +1,7 @@
@mixin o-fusion-disable-scrollbar {
scrollbar-width: none;
-ms-overflow-style: none;
&::-webkit-scrollbar {
display: none;
}
}

168
Fusion Backend Theme/fusion_backend_theme/static/src/scss/primary_variables.dark.scss Normal file
View File

@@ -0,0 +1,168 @@
///
/// Fusion Backend Theme - Dark Mode Overrides
/// Color variables come from colors_dark.scss
///
// = Gray Scale (inverted for dark mode)
// ============================================================================
$o-white: #000 !default;
$o-black: #FFF !default;
$o-gray-100: #1B1D26 !default;
$o-gray-200: #262A36 !default;
$o-gray-300: #3C3E4B !default;
$o-gray-400: #5A5E6B !default;
$o-gray-500: #6B707F !default;
$o-gray-600: #7E8392 !default;
$o-gray-700: #B1B3BC !default;
$o-gray-800: #D1D1D1 !default;
$o-gray-900: #E4E4E4 !default;
// = Webclient
// ============================================================================
$o-webclient-color-scheme: dark !default;
$o-webclient-background-color: $o-gray-100 !default;
$o-view-background-color: $o-gray-200 !default;
// = Inputs
// ============================================================================
$o-input-border-required: $o-black !default;
// = Components
// ============================================================================
$o-component-active-bg: mix($o-action, $o-gray-300, 10%) !default;
$o-form-lightsecondary: $o-gray-300 !default;
// = List-group
// ============================================================================
$o-list-group-active-bg: rgba(saturate(adjust-hue($o-info, 15), 1.8), .5) !default;
// = Modal
// ============================================================================
$modal-backdrop-bg: $o-white !default;
// = Buttons
// ============================================================================
$o-btns-bs-override: () !default;
$o-btns-bs-override: map-merge((
"primary": (
background: $o-fusion-color-primary,
border: $o-fusion-color-primary,
color: $o-black,
hover-background: lighten($o-fusion-color-primary, 5%),
hover-border: lighten($o-fusion-color-primary, 5%),
hover-color: $o-black,
active-background: lighten($o-fusion-color-primary, 10%),
active-border: lighten($o-fusion-color-primary, 10%),
active-color: $o-black,
),
"secondary": (
background: $o-gray-300,
border: $o-gray-300,
color: $o-gray-900,
hover-background: $o-gray-400,
hover-border: $o-gray-400,
hover-color: $o-gray-900,
active-background: mix($o-action, $o-gray-100, 15%),
active-border: lighten($o-action, 10%),
active-color: $o-black,
),
"light": (
background: $o-gray-200,
border: $o-gray-200,
color: $o-gray-900,
hover-background: $o-gray-300,
hover-border: $o-gray-300,
hover-color: $o-black,
active-background: mix($o-action, $o-gray-100, 15%),
active-border: darken($o-action, 10%),
active-color: $o-black,
),
"danger": (
background: $o-fusion-color-danger,
border: $o-fusion-color-danger,
color: $o-black,
hover-background: lighten($o-fusion-color-danger, 5%),
hover-border: lighten($o-fusion-color-danger, 5%),
hover-color: $o-black,
active-background: lighten($o-fusion-color-danger, 10%),
active-border: lighten($o-fusion-color-danger, 10%),
active-color: $o-black,
),
), $o-btns-bs-override);
$o-btns-bs-outline-override: () !default;
$o-btns-bs-outline-override: map-merge((
"primary": (
background: transparent,
border: map-get($o-theme-text-colors, 'primary'),
color: map-get($o-theme-text-colors, 'primary'),
hover-background: lighten($o-fusion-color-primary, 5%),
hover-border: lighten($o-fusion-color-primary, 5%),
hover-color: $o-black,
active-background: lighten($o-fusion-color-primary, 10%),
active-border: lighten($o-fusion-color-primary, 10%),
active-color: $o-black,
),
"secondary": (
background: transparent,
border: $o-gray-300,
color: $o-gray-900,
hover-background: $o-gray-300,
hover-border: $o-gray-300,
hover-color: $o-black,
active-background: mix($o-action, $o-gray-100, 15%),
active-border: lighten($o-action, 10%),
active-color: $o-black,
),
"light": (
background: transparent,
border: $o-gray-300,
color: $o-black,
hover-background: $o-gray-300,
hover-border: $o-gray-300,
hover-color: $o-black,
active-background: mix($o-action, $o-gray-100, 15%),
active-border: lighten($o-action, 10%),
active-color: $o-black,
),
"danger": (
background: transparent,
border: $o-fusion-color-danger,
color: $o-fusion-color-danger,
hover-background: lighten($o-fusion-color-danger, 5%),
hover-border: lighten($o-fusion-color-danger, 5%),
hover-color: $o-black,
active-background: lighten($o-fusion-color-danger, 10%),
active-border: lighten($o-fusion-color-danger, 10%),
active-color: $o-black,
),
), $o-btns-bs-outline-override);

101
Fusion Backend Theme/fusion_backend_theme/static/src/scss/primary_variables.scss Normal file
View File

@@ -0,0 +1,101 @@
///
/// Fusion Backend Theme - Primary Variables
/// Colors are defined in colors_light.scss / colors_dark.scss
///
// = Gray Scale
// ============================================================================
$o-white: #FFF !default;
$o-black: #000 !default;
$o-gray-100: #F9FAFB !default;
$o-gray-200: #e7e9ed !default;
$o-gray-300: #d8dadd !default;
$o-gray-400: #9a9ca5 !default;
$o-gray-500: #7c7f89 !default;
$o-gray-600: #5f636f !default;
$o-gray-700: #374151 !default;
$o-gray-800: #1F2937 !default;
$o-gray-900: #111827 !default;
// = Derived from color variables
// ============================================================================
$o-action: $o-fusion-color-primary !default;
$o-main-link-color: $o-fusion-color-primary !default;
// = Sidebar Dimensions
// ============================================================================
$o-fusion-sidebar-large-width: 146px !default;
$o-fusion-sidebar-small-width: 46px !default;
// = Navbar
// ============================================================================
$o-navbar-badge-bg: $o-brand-primary;
// = Components
// ============================================================================
$o-component-active-color: $o-black !default;
$o-component-active-bg: mix($o-action, $o-white, 10%) !default;
$o-component-active-border: $o-action !default;
$o-form-lightsecondary: $o-gray-200 !default;
// = Inputs
// ============================================================================
$o-input-border-required: $o-black !default;
// = Buttons
// ============================================================================
$o-btns-bs-override: () !default;
$o-btns-bs-override: map-merge((
"primary": (
background: $o-fusion-color-primary,
border: $o-fusion-color-primary,
color: $o-white,
hover-background: darken($o-fusion-color-primary, 10%),
hover-border: darken($o-fusion-color-primary, 10%),
hover-color: $o-white,
active-background: mix($o-fusion-color-primary, $o-white, 10%),
active-border: $o-fusion-color-primary,
active-color: $o-fusion-color-primary,
),
"secondary": (
background: $o-gray-200,
border: $o-gray-200,
color: $o-gray-900,
hover-background: $o-gray-300,
hover-border: $o-gray-300,
hover-color: $o-black,
active-background: $o-component-active-bg,
active-border: $o-component-active-border,
active-color: $o-component-active-color,
),
), $o-btns-bs-override);
$o-btns-bs-outline-override: () !default;
$o-btns-bs-outline-override: map-merge((
"secondary": (
background: transparent,
border: $o-gray-300,
color: $o-gray-900,
hover-background: $o-gray-200,
hover-border: $o-gray-300,
hover-color: $o-black,
active-background: mix($o-fusion-color-primary, $o-white, 10%),
active-border: $o-fusion-color-primary,
active-color: $o-component-active-color,
),
), $o-btns-bs-outline-override);

11
Fusion Backend Theme/fusion_backend_theme/static/src/views/form/form.dark.scss Normal file
View File

@@ -0,0 +1,11 @@
// = Form View Dark Mode
// ============================================================================
.o_form_view {
&:not(.o_field_highlight) .o_field_widget:not(.o_field_invalid):not(.o_field_highlight) .o_input:not(:hover):not(:focus) {
--o-input-border-color: #{$o-gray-300};
}
&:not(.o_field_highlight) .o_required_modifier.o_field_widget:not(.o_field_invalid):not(.o_field_highlight) .o_input:not(:hover):not(:focus) {
--o-input-border-color: #{$o-gray-400};
}
}

8
Fusion Backend Theme/fusion_backend_theme/static/src/views/form/form.scss Normal file
View File

@@ -0,0 +1,8 @@
.o_form_view {
&:not(.o_field_highlight) .o_field_widget:not(.o_field_invalid):not(.o_field_highlight) .o_input:not(:hover):not(:focus) {
--o-input-border-color: #{$gray-200};
}
&:not(.o_field_highlight) .o_required_modifier.o_field_widget:not(.o_field_invalid):not(.o_field_highlight) .o_input:not(:hover):not(:focus) {
--o-input-border-color: #{$gray-400};
}
}

66
Fusion Backend Theme/fusion_backend_theme/static/src/views/form/form_compiler.js Normal file
View File

@@ -0,0 +1,66 @@
import { session } from '@web/session';
import { patch } from '@web/core/utils/patch';
import { append, createElement, setAttributes } from '@web/core/utils/xml';
import {FormCompiler} from '@web/views/form/form_compiler';
patch(FormCompiler.prototype, {
compile(node, params) {
const res = super.compile(node, params);
const chatterContainerHookXml = res.querySelector(
'.o_form_renderer > .o-mail-Form-chatter'
);
if (!chatterContainerHookXml) {
return res;
}
setAttributes(chatterContainerHookXml, {
't-ref': 'chatterContainer',
});
if (session.chatter_position === 'bottom') {
const formSheetBgXml = res.querySelector('.o_form_sheet_bg');
if (!chatterContainerHookXml || !formSheetBgXml?.parentNode) {
return res;
}
const webClientViewAttachmentViewHookXml = res.querySelector(
'.o_attachment_preview'
);
const chatterContainerXml = chatterContainerHookXml.querySelector(
"t[t-component='__comp__.mailComponents.Chatter']"
);
const sheetBgChatterContainerHookXml = chatterContainerHookXml.cloneNode(true);
const sheetBgChatterContainerXml = sheetBgChatterContainerHookXml.querySelector(
"t[t-component='__comp__.mailComponents.Chatter']"
);
sheetBgChatterContainerHookXml.classList.add('o-isInFormSheetBg', 'w-auto');
append(formSheetBgXml, sheetBgChatterContainerHookXml);
setAttributes(sheetBgChatterContainerXml, {
isInFormSheetBg: 'true',
isChatterAside: 'false',
});
setAttributes(chatterContainerXml, {
isInFormSheetBg: 'true',
isChatterAside: 'false',
});
setAttributes(chatterContainerHookXml, {
't-if': 'false',
});
if (webClientViewAttachmentViewHookXml) {
setAttributes(webClientViewAttachmentViewHookXml, {
't-if': 'false',
});
}
} else {
setAttributes(chatterContainerHookXml, {
't-att-style': '__comp__.chatterState.width ? `width: ${__comp__.chatterState.width}px; max-width: ${__comp__.chatterState.width}px;` : ""',
});
const chatterContainerResizeHookXml = createElement('span');
chatterContainerResizeHookXml.classList.add('o_fusion_chatter_handle');
setAttributes(chatterContainerResizeHookXml, {
't-on-mousedown.stop.prevent': '__comp__.onStartChatterResize.bind(__comp__)',
't-on-dblclick.stop.prevent': '__comp__.onDoubleClickChatterResize.bind(__comp__)',
});
append(chatterContainerHookXml, chatterContainerResizeHookXml);
}
return res;
},
});

57
Fusion Backend Theme/fusion_backend_theme/static/src/views/form/form_renderer.js Normal file
View File

@@ -0,0 +1,57 @@
import { useState, useRef } from '@odoo/owl';
import { patch } from '@web/core/utils/patch';
import { browser } from "@web/core/browser/browser";
import { FormRenderer } from '@web/views/form/form_renderer';
patch(FormRenderer.prototype, {
setup() {
super.setup();
this.chatterState = useState({
width: browser.localStorage.getItem('fusion_backend_theme.width'),
});
this.chatterContainer = useRef('chatterContainer');
},
onStartChatterResize(ev) {
if (ev.button !== 0) {
return;
}
const initialX = ev.pageX;
const chatterElement = this.chatterContainer.el;
const initialWidth = chatterElement.offsetWidth;
console.log("hi", ev, initialX, initialWidth)
const resizeStoppingEvents = [
'keydown', 'mousedown', 'mouseup'
];
const resizePanel = (ev) => {
ev.preventDefault();
ev.stopPropagation();
const newWidth = Math.min(
Math.max(50, initialWidth - (ev.pageX - initialX)),
Math.max(chatterElement.parentElement.offsetWidth - 250, 250)
);
browser.localStorage.setItem('fusion_backend_theme.width', newWidth);
this.chatterState.width = newWidth;
};
const stopResize = (ev) => {
ev.preventDefault();
ev.stopPropagation();
if (ev.type === 'mousedown' && ev.button === 0) {
return;
}
document.removeEventListener('mousemove', resizePanel, true);
resizeStoppingEvents.forEach((stoppingEvent) => {
document.removeEventListener(stoppingEvent, stopResize, true);
});
document.activeElement.blur();
};
document.addEventListener('mousemove', resizePanel, true);
resizeStoppingEvents.forEach((stoppingEvent) => {
document.addEventListener(stoppingEvent, stopResize, true);
});
},
onDoubleClickChatterResize(ev) {
browser.localStorage.removeItem('fusion_backend_theme.width');
this.chatterState.width = false;
},
});

99
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/auto_refresh.js Normal file
View File

@@ -0,0 +1,99 @@
import { useState, onWillStart, useEffect } from '@odoo/owl';
import { browser } from '@web/core/browser/browser';
import { patch } from '@web/core/utils/patch';
import { session } from '@web/session';
import {ControlPanel} from '@web/search/control_panel/control_panel';
patch(ControlPanel.prototype, {
setup() {
super.setup(...arguments);
this.autoLoadState = useState({
active: false,
counter: 0,
});
onWillStart(() => {
if (
this.checkAutoLoadAvailability() &&
this.getAutoLoadStorageValue()
) {
this.autoLoadState.active = true;
}
});
useEffect(
() => {
if (!this.autoLoadState.active) {
return;
}
this.autoLoadState.counter = (
this.getAutoLoadRefreshInterval()
);
const interval = browser.setInterval(
() => {
this.autoLoadState.counter = (
this.autoLoadState.counter ?
this.autoLoadState.counter - 1 :
this.getAutoLoadRefreshInterval()
);
if (this.autoLoadState.counter <= 0) {
this.autoLoadState.counter = (
this.getAutoLoadRefreshInterval()
);
if (this.pagerProps?.onUpdate) {
this.pagerProps.onUpdate({
offset: this.pagerProps.offset,
limit: this.pagerProps.limit
});
} else if (typeof this.env.searchModel?.search) {
this.env.searchModel.search();
}
}
},
1000
);
return () => browser.clearInterval(interval);
},
() => [this.autoLoadState.active]
);
},
checkAutoLoadAvailability() {
return ['kanban', 'list'].includes(this.env.config.viewType);
},
getAutoLoadRefreshInterval() {
return (session.pager_autoload_interval ?? 30000) / 1000;
},
getAutoLoadStorageKey() {
const keys = [
this.env?.config?.actionId ?? '',
this.env?.config?.viewType ?? '',
this.env?.config?.viewId ?? '',
];
return `pager_autoload:${keys.join(',')}`;
},
getAutoLoadStorageValue() {
return browser.localStorage.getItem(
this.getAutoLoadStorageKey()
);
},
setAutoLoadStorageValue() {
browser.localStorage.setItem(
this.getAutoLoadStorageKey(), true
);
},
removeAutoLoadStorageValue() {
browser.localStorage.removeItem(
this.getAutoLoadStorageKey()
);
},
toggleAutoLoad() {
this.autoLoadState.active = (
!this.autoLoadState.active
);
if (this.autoLoadState.active) {
this.setAutoLoadStorageValue();
} else {
this.removeAutoLoadStorageValue();
}
},
});

31
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/auto_refresh.xml Normal file
View File

@@ -0,0 +1,31 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<t t-inherit="web.ControlPanel" t-inherit-mode="extension">
<xpath expr="//Pager/.." position="before">
<div
t-if="this.checkAutoLoadAvailability()"
class="d-inline-flex align-items-center gap-1 align-self-center"
>
<span
t-if="this.autoLoadState.active and this.autoLoadState.counter &gt; 0"
class="small text-muted"
>
<t t-out="this.autoLoadState.counter"/>s
</span>
<button
t-if="!env.isSmall"
class="btn btn-link p-0 d-inline-flex align-items-center justify-content-center"
type="button"
t-on-click.stop="this.toggleAutoLoad"
>
<i
class="fa fa-refresh fa-fw"
t-att-class="this.autoLoadState.active ? 'text-info fa-spin' : 'text-muted'"
/>
</button>
</div>
</xpath>
</t>
</templates>

45
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/collapse_groups.js Normal file
View File

@@ -0,0 +1,45 @@
import { Component } from '@odoo/owl';
import { registry } from '@web/core/registry';
import { DropdownItem } from '@web/core/dropdown/dropdown_item';
const cogMenuRegistry = registry.category('cogMenu');
export class CollapseAll extends Component {
static template = 'fusion_backend_theme.CollapseAll';
static components = { DropdownItem };
static props = {};
async onCollapseButtonClicked() {
let groups = this.env.model.root.groups;
while (groups.length) {
const unfoldedGroups = groups.filter(
(group) => !group._config.isFolded
);
if (unfoldedGroups.length) {
for (const group of unfoldedGroups) {
await group.toggle();
}
}
const subGroups = unfoldedGroups.map(
(group) => group.list.groups || []
);
groups = subGroups.reduce(
(a, b) => a.concat(b), []
);
}
await this.env.model.root.load();
this.env.model.notify();
}
}
export const collapseAllItem = {
Component: CollapseAll,
groupNumber: 15,
isDisplayed: async (env) => (
['kanban', 'list'].includes(env.config.viewType) &&
env.model.root.isGrouped
)
};
cogMenuRegistry.add('collapse-all-menu', collapseAllItem, { sequence: 2 });

13
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/collapse_groups.xml Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<t t-name="fusion_backend_theme.CollapseGroups">
<DropdownItem
class="'o_fusion_collapse_groups'"
onSelected.bind="onCollapseButtonClicked"
>
<i class="fa fa-fw fa-compress me-1"/>Collapse All
</DropdownItem>
</t>
</templates>

45
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/expand_groups.js Normal file
View File

@@ -0,0 +1,45 @@
import { Component } from '@odoo/owl';
import { registry } from '@web/core/registry';
import { DropdownItem } from '@web/core/dropdown/dropdown_item';
const cogMenuRegistry = registry.category('cogMenu');
export class ExpandAll extends Component {
static template = 'fusion_backend_theme.ExpandAll';
static components = { DropdownItem };
static props = {};
async onExpandButtonClicked() {
let groups = this.env.model.root.groups;
while (groups.length) {
const foldedGroups = groups.filter(
(group) => group._config.isFolded
);
if (foldedGroups.length) {
for (const group of foldedGroups) {
await group.toggle();
}
}
const subGroups = foldedGroups.map(
(group) => group.list.groups || []
);
groups = subGroups.reduce(
(a, b) => a.concat(b), []
);
}
await this.env.model.root.load();
this.env.model.notify();
}
}
export const expandAllItem = {
Component: ExpandAll,
groupNumber: 15,
isDisplayed: async (env) => (
['kanban', 'list'].includes(env.config.viewType) &&
env.model.root.isGrouped
)
};
cogMenuRegistry.add('expand-all-menu', expandAllItem, { sequence: 1 });

13
Fusion Backend Theme/fusion_backend_theme/static/src/views/search/expand_groups.xml Normal file
View File

@@ -0,0 +1,13 @@
<?xml version="1.0" encoding="UTF-8"?>
<templates xml:space="preserve">
<t t-name="fusion_backend_theme.ExpandGroups">
<DropdownItem
class="'o_fusion_expand_groups'"
onSelected.bind="onExpandButtonClicked"
>
<i class="fa fa-fw fa-expand me-1"/>Expand All
</DropdownItem>
</t>
</templates>

26
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/app_switcher/app_switcher.dark.scss Normal file
View File

@@ -0,0 +1,26 @@
// = App Switcher Dark Mode
// ============================================================================
.o_fusion_app_switcher.dropdown-menu {
--o-fusion-appsmenu-bg-color: #000511;
--o-fusion-app-icon-bg: rgba(255, 255, 255, 0.95);
--o-fusion-app-icon-inset-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
--o-fusion-appsmenu-caption-color: #E4E4E4;
scrollbar-color: rgba(255, 255, 255, .3) transparent;
&::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, .3);
}
.o_app > a .o_fusion_app_name {
text-shadow: 0 1px 2px rgba(0, 0, 0, .75),
0 2px 5px rgba(0, 0, 0, .05),
0 0 5px rgba(0, 0, 0, .05);
}
.o_app > a.o_fusion_app_focused {
background: rgba(255, 255, 255, 0.08);
outline: 1px solid rgba(255, 255, 255, 0.2);
}
}

210
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/app_switcher/app_switcher.js Normal file
View File

@@ -0,0 +1,210 @@
/** @odoo-module **/
import { useEffect, useRef } from "@odoo/owl";
import { user } from "@web/core/user";
import { url } from "@web/core/utils/urls";
import { useBus, useService } from "@web/core/utils/hooks";
import { useSortable } from "@web/core/utils/sortable_owl";
import { useHotkey } from "@web/core/hotkeys/hotkey_hook";
import { Dropdown } from "@web/core/dropdown/dropdown";
export class AppSwitcher extends Dropdown {
setup() {
super.setup();
this.commandPaletteOpen = false;
this.commandService = useService("command");
this.ui = useService("ui");
this.sortableRef = useRef("sortableArea");
this.state.focusedIndex = null;
if (user.activeCompany.has_background_image) {
this.imageUrl = url('/web/image', {
model: 'res.company',
field: 'background_image',
id: user.activeCompany.id,
});
} else {
this.imageUrl = '/fusion_backend_theme/static/src/img/background.png';
}
// Drag-and-drop reordering
useSortable({
enable: () => this.state.isOpen,
ref: this.sortableRef,
elements: ".o_app",
cursor: "move",
delay: 500,
tolerance: 10,
onDrop: (params) => this._onSortDrop(params),
});
useEffect(
(isOpen) => {
if (isOpen) {
this.state.focusedIndex = null;
const openMainPalette = (ev) => {
if (
!this.commandPaletteOpen &&
ev.key.length === 1 &&
!ev.ctrlKey &&
!ev.altKey
) {
this.commandService.openMainPalette(
{ searchValue: `/${ev.key}` },
() => { this.commandPaletteOpen = false; }
);
this.commandPaletteOpen = true;
}
};
window.addEventListener("keydown", openMainPalette);
return () => {
window.removeEventListener("keydown", openMainPalette);
this.commandPaletteOpen = false;
};
}
},
() => [this.state.isOpen]
);
useBus(this.env.bus, "ACTION_MANAGER:UI-UPDATED", () => {
if (this.state.close) {
this.state.close();
}
});
// Keyboard navigation
this._registerHotkeys();
}
get maxIconNumber() {
const w = window.innerWidth;
if (w < 576) {
return 3;
} else if (w < 768) {
return 4;
} else {
return 6;
}
}
_registerHotkeys() {
const hotkeys = [
["ArrowDown", () => this._updateFocusedIndex("nextLine")],
["ArrowRight", () => this._updateFocusedIndex("nextColumn")],
["ArrowUp", () => this._updateFocusedIndex("previousLine")],
["ArrowLeft", () => this._updateFocusedIndex("previousColumn")],
["Tab", () => this._updateFocusedIndex("nextElem")],
["shift+Tab", () => this._updateFocusedIndex("previousElem")],
["Escape", () => {
if (this.state.close) {
this.state.close();
}
}],
];
for (const [hotkey, callback] of hotkeys) {
useHotkey(hotkey, callback, { allowRepeat: true });
}
}
_updateFocusedIndex(cmd) {
if (!this.state.isOpen) {
return;
}
const apps = this._getAppElements();
const nbrApps = apps.length;
const lastIndex = nbrApps - 1;
const focusedIndex = this.state.focusedIndex;
if (lastIndex < 0) {
return;
}
if (focusedIndex === null) {
this.state.focusedIndex = 0;
return;
}
const lineNumber = Math.ceil(nbrApps / this.maxIconNumber);
const currentLine = Math.ceil((focusedIndex + 1) / this.maxIconNumber);
let newIndex;
switch (cmd) {
case "previousElem":
newIndex = focusedIndex - 1;
break;
case "nextElem":
newIndex = focusedIndex + 1;
break;
case "previousColumn":
if (focusedIndex % this.maxIconNumber) {
newIndex = focusedIndex - 1;
} else {
newIndex = focusedIndex + Math.min(lastIndex - focusedIndex, this.maxIconNumber - 1);
}
break;
case "nextColumn":
if (focusedIndex === lastIndex || (focusedIndex + 1) % this.maxIconNumber === 0) {
newIndex = (currentLine - 1) * this.maxIconNumber;
} else {
newIndex = focusedIndex + 1;
}
break;
case "previousLine":
if (currentLine === 1) {
newIndex = focusedIndex + (lineNumber - 1) * this.maxIconNumber;
if (newIndex > lastIndex) {
newIndex = lastIndex;
}
} else {
newIndex = focusedIndex - this.maxIconNumber;
}
break;
case "nextLine":
if (currentLine === lineNumber) {
newIndex = focusedIndex % this.maxIconNumber;
} else {
newIndex = focusedIndex + Math.min(this.maxIconNumber, lastIndex - focusedIndex);
}
break;
}
if (newIndex < 0) {
newIndex = lastIndex;
} else if (newIndex > lastIndex) {
newIndex = 0;
}
this.state.focusedIndex = newIndex;
}
_getAppElements() {
if (this.menuRef && this.menuRef.el) {
return [...this.menuRef.el.querySelectorAll('.o_app')];
}
return [];
}
_onSortDrop({ element, previous }) {
const apps = this._getAppElements();
const order = apps.map((el) => {
const link = el.querySelector('a[data-menu-xmlid]') || el;
return link.dataset.menuXmlid;
}).filter(Boolean);
const elementLink = element.querySelector('a[data-menu-xmlid]') || element;
const elementId = elementLink.dataset.menuXmlid;
const elementIndex = order.indexOf(elementId);
if (elementIndex === -1) {
return;
}
order.splice(elementIndex, 1);
if (previous) {
const prevLink = previous.querySelector('a[data-menu-xmlid]') || previous;
const prevIndex = order.indexOf(prevLink.dataset.menuXmlid);
order.splice(prevIndex + 1, 0, elementId);
} else {
order.splice(0, 0, elementId);
}
user.setUserSettings("homemenu_config", JSON.stringify(order));
}
onOpened() {
super.onOpened();
if (this.menuRef && this.menuRef.el) {
this.menuRef.el.style.backgroundImage = `url('${this.imageUrl}')`;
}
}
}

127
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/app_switcher/app_switcher.scss Normal file
View File

@@ -0,0 +1,127 @@
.o_navbar_apps_menu .dropdown-toggle {
padding: 0px 14px !important;
}
.o_fusion_app_switcher.dropdown-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
align-content: flex-start;
right: 0 !important;
left: 0 !important;
bottom: 0 !important;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
border: none;
border-radius: 0;
user-select: none;
margin-top: 0 !important;
margin-bottom: 0 !important;
background: {
size: cover;
repeat: no-repeat;
position: center;
color: var(--o-fusion-appsmenu-bg-color, #{$o-gray-200});
}
scrollbar-color: rgba(255, 255, 255, .4) transparent;
&::-webkit-scrollbar {
width: 8px;
}
&::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, .4);
border-radius: 10px;
}
@include media-breakpoint-up(lg) {
padding: {
left: 20vw;
right: 20vw;
}
}
.o_fusion_apps_grid {
padding-top: 20px;
}
.o_app {
margin-top: 20px;
width: percentage(1/3);
background: none !important;
@include media-breakpoint-up(sm) {
width: percentage(1/4);
}
@include media-breakpoint-up(md) {
width: percentage(1/6);
}
> a {
display: flex;
align-items: center;
flex-direction: column;
border-radius: 0.375rem;
padding: 8px;
transition: background-color 0.15s ease;
.o_fusion_app_icon {
width: 100%;
padding: 10px;
max-width: 70px;
aspect-ratio: 1;
border-radius: 0.375rem;
background-color: var(--o-fusion-app-icon-bg, rgba(255, 255, 255, 1));
object-fit: cover;
transform-origin: center bottom;
transition: box-shadow ease-in 0.1s, transform ease-in 0.1s;
box-shadow:
var(--o-fusion-app-icon-inset-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.2)),
0 1px 1px rgba(0, 0, 0, 0.02),
0 2px 2px rgba(0, 0, 0, 0.02),
0 4px 4px rgba(0, 0, 0, 0.02),
0 8px 8px rgba(0, 0, 0, 0.02);
}
.o_fusion_app_name {
color: var(--o-fusion-appsmenu-caption-color, #{$o-fusion-color-appsmenu-text});
text-align: center;
margin-top: 8px;
font-size: 0.875rem;
font-weight: 500;
}
&.o_fusion_app_focused {
background: rgba(255, 255, 255, 0.1);
outline: 1px solid rgba(255, 255, 255, 0.3);
}
}
&:hover {
> a .o_fusion_app_icon {
box-shadow:
var(--o-fusion-app-icon-inset-shadow, inset 0 0 0 1px rgba(0, 0, 0, 0.2)),
0 2px 2px rgba(0, 0, 0, 0.03),
0 4px 4px rgba(0, 0, 0, 0.03),
0 8px 8px rgba(0, 0, 0, 0.03),
0 12px 12px rgba(0, 0, 0, 0.03),
0 24px 24px rgba(0, 0, 0, 0.03);
transform: translateY(-2px);
}
}
&:active {
> a .o_fusion_app_icon {
transform: translateY(-2px) scale(.98);
transition: none;
}
}
}
// Drag-and-drop visual feedback
.o_dragged_app,
.o_app.o_dragging {
transition: transform 0.5s;
transform: rotate(6deg);
> a .o_fusion_app_icon {
box-shadow: 0 8px 15px -10px black;
transform: translateY(-1px);
}
}
}

53
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/app_switcher/app_switcher.xml Normal file
View File

@@ -0,0 +1,53 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
<!-- Replace the apps menu dropdown with app switcher -->
<t
t-name="fusion_backend_theme.NavBar.AppSwitcher"
t-inherit="web.NavBar.AppsMenu"
t-inherit-mode="extension"
>
<xpath expr="//Dropdown" position="replace">
<AppSwitcher menuClass="'o_fusion_app_switcher'">
<button data-hotkey="h" title="Home Menu">
<i class="oi oi-apps" />
</button>
<t t-set-slot="content">
<div t-ref="sortableArea" class="o_fusion_apps_grid d-flex flex-wrap align-content-start w-100">
<DropdownItem
t-foreach="this.appMenuService.getAppsMenuItems()"
t-as="app"
t-key="app.id"
class="'o_app o_draggable'"
attrs="{ href: app.href, 'data-menu-xmlid': app.xmlid, 'data-section': app.id }"
onSelected="() => this.onNavBarDropdownItemSelection(app)"
closingMode="'none'"
>
<a
t-att-href="app.href"
t-on-click.prevent=""
t-att-class="{ 'o_fusion_app_focused': state.focusedIndex === app_index }"
>
<img
t-if="app.webIconData"
class="o_fusion_app_icon"
t-att-src="app.webIconData"
/>
<img
t-else=""
class="o_fusion_app_icon"
src="/base/static/description/icon.png"
/>
<span class="o_fusion_app_name">
<t t-out="app.label"/>
</span>
</a>
</DropdownItem>
</div>
</t>
</AppSwitcher>
</xpath>
</t>
</templates>

11
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/navbar/navbar.dark.scss Normal file
View File

@@ -0,0 +1,11 @@
// = Navbar Dark Mode
// ============================================================================
.o_main_navbar {
--o-fusion-navbar-active-color: #E4E4E4;
--o-fusion-navbar-active-border: #5D8DA8;
--o-fusion-navbar-active-bg: rgba(93, 141, 168, 0.15);
--o-fusion-navbar-hover-bg: #3C3E4B;
--o-fusion-navbar-focus-bg: #3C3E4B;
--o-fusion-navbar-toggle-color: #5D8DA8;
}

23
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/navbar/navbar.js Normal file
View File

@@ -0,0 +1,23 @@
/** @odoo-module **/
import { patch } from '@web/core/utils/patch';
import { useService } from '@web/core/utils/hooks';
import { useRef } from '@odoo/owl';
import { NavBar } from '@web/webclient/navbar/navbar';
import { AppSwitcher } from "@fusion_backend_theme/webclient/app_switcher/app_switcher";
patch(NavBar.prototype, {
setup() {
super.setup();
this.appMenuService = useService('app_menu');
this.navRef = useRef("nav");
},
});
patch(NavBar, {
components: {
...NavBar.components,
AppSwitcher,
},
});

37
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/navbar/navbar.scss Normal file
View File

@@ -0,0 +1,37 @@
// = Main Navbar
// ============================================================================
.o_main_navbar {
border-bottom: none !important;
position: relative;
z-index: 2;
// Ensure consistent navbar entry colors for dark brand background
--NavBar-entry-color: rgba(255, 255, 255, 0.9);
--NavBar-entry-color--active: #{$o-white};
--NavBar-entry-borderColor-active: #{$o-fusion-color-primary};
--NavBar-entry-backgroundColor: #{$o-fusion-color-brand};
--NavBar-entry-backgroundColor--active: #{darken($o-fusion-color-brand, 5%)};
--NavBar-entry-backgroundColor--hover: #{lighten($o-fusion-color-brand, 8%)};
--NavBar-entry-backgroundColor--focus: #{lighten($o-fusion-color-brand, 8%)};
.o_menu_toggle {
color: var(--NavBar-entry-color, rgba(255, 255, 255, 0.9));
}
.o_menu_brand {
transition: opacity 0.15s ease;
}
.o_menu_systray .badge {
font-size: 0.65em;
}
}
// Ensure Discuss keeps the dark navbar consistent with all other apps
.o_web_client:has(.o-mail-Discuss) {
.o_main_navbar {
background: $o-fusion-color-brand !important;
--NavBar-entry-backgroundColor: #{$o-fusion-color-brand};
}
}

16
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/navbar/navbar.xml Normal file
View File

@@ -0,0 +1,16 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
<!-- Extend the NavBar to add the nav ref -->
<t
t-name="fusion_backend_theme.NavBar"
t-inherit="web.NavBar"
t-inherit-mode="extension"
>
<xpath expr="//nav" position="attributes">
<attribute name="t-ref">nav</attribute>
</xpath>
</t>
</templates>

33
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/sidebar/menu_service.js Normal file
View File

@@ -0,0 +1,33 @@
import { registry } from "@web/core/registry";
import { user } from "@web/core/user";
import { computeAppsAndMenuItems, reorderApps } from "@web/webclient/menus/menu_helpers";
export const appMenuService = {
dependencies: ["menu"],
async start(env, { menu }) {
return {
getCurrentApp () {
return menu.getCurrentApp();
},
getAppsMenuItems() {
const menuItems = computeAppsAndMenuItems(
menu.getMenuAsTree('root')
)
const apps = menuItems.apps;
const menuConfig = JSON.parse(
user.settings?.homemenu_config || 'null'
);
if (menuConfig) {
reorderApps(apps, menuConfig);
}
return apps;
},
selectApp(app) {
menu.selectMenu(app);
}
};
},
};
registry.category("services").add("app_menu", appMenuService);

6
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/sidebar/sidebar.dark.scss Normal file
View File

@@ -0,0 +1,6 @@
// = Sidebar Dark Mode
// ============================================================================
// Dark mode sidebar colors ($o-fusion-color-sidebar-text, $o-fusion-color-sidebar-background)
// are defined in primary_variables.dark.scss and automatically applied
// to the sidebar component styles.

34
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/sidebar/sidebar.js Normal file
View File

@@ -0,0 +1,34 @@
import { url } from '@web/core/utils/urls';
import { useService } from '@web/core/utils/hooks';
import { user } from "@web/core/user";
import { Component, onWillUnmount } from '@odoo/owl';
export class Sidebar extends Component {
static template = 'fusion_backend_theme.Sidebar';
static props = {};
setup() {
this.appMenuService = useService('app_menu');
if (user.activeCompany.has_appsbar_image) {
this.sidebarImageUrl = url('/web/image', {
model: 'res.company',
field: 'appbar_image',
id: user.activeCompany.id,
});
}
const renderAfterMenuChange = () => {
this.render();
};
this.env.bus.addEventListener(
'MENUS:APP-CHANGED', renderAfterMenuChange
);
onWillUnmount(() => {
this.env.bus.removeEventListener(
'MENUS:APP-CHANGED', renderAfterMenuChange
);
});
}
_onAppClick(app) {
return this.appMenuService.selectApp(app);
}
}

95
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/sidebar/sidebar.scss Normal file
View File

@@ -0,0 +1,95 @@
.o_fusion_sidebar_panel {
@include o-fusion-disable-scrollbar();
background-color: $o-fusion-color-sidebar-background;
width: var(--o-fusion-sidebar-width, 0);
overflow-y: auto;
.o_fusion_sidebar {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
white-space: nowrap;
.o_fusion_sidebar_menu {
padding: 0;
> li > a {
cursor: pointer;
font-size: 13px;
font-weight: 300;
overflow: hidden;
padding: 8px 11px;
text-decoration: none;
color: $o-fusion-color-sidebar-text;
text-overflow: ellipsis;
.o_fusion_sidebar_icon {
width: 22px;
height: 22px;
margin-right: 5px;
}
}
> li.active > a {
background: $o-fusion-color-sidebar-active;
}
> li:hover > a {
background: $o-fusion-color-sidebar-active;
}
}
}
}
.o_fusion_sidebar_type_large {
--o-fusion-sidebar-width: #{$o-fusion-sidebar-large-width};
}
.o_fusion_sidebar_type_small {
--o-fusion-sidebar-width: #{$o-fusion-sidebar-small-width};
.o_fusion_sidebar_name {
display: none;
}
.o_fusion_sidebar_icon {
margin-right: 0 !important;
}
.o_fusion_sidebar_logo {
display: none;
}
}
.o_fusion_sidebar_type_invisible {
--o-fusion-sidebar-width: 0;
}
.editor_has_snippets_hide_backend_navbar,
.o_home_menu_background,
.o_fullscreen {
--o-fusion-sidebar-width: 0;
}
.editor_has_snippets_hide_backend_navbar .o_fusion_sidebar_panel {
transition: width 300ms;
}
@include media-breakpoint-only(md) {
.o_fusion_sidebar_type_large {
--o-fusion-sidebar-width: #{$o-fusion-sidebar-small-width};
.o_fusion_sidebar_name {
display: none;
}
.o_fusion_sidebar_icon {
margin-right: 0 !important;
}
.o_fusion_sidebar_logo {
display: none;
}
}
}
@include media-breakpoint-down(md) {
.o_fusion_sidebar_type_large, .o_fusion_sidebar_type_small {
--o-fusion-sidebar-width: 0;
}
}
@media print {
.o_fusion_sidebar_type_large, .o_fusion_sidebar_type_small {
--o-fusion-sidebar-width: 0;
}
}

44
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/sidebar/sidebar.xml Normal file
View File

@@ -0,0 +1,44 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
<t t-name="fusion_backend_theme.Sidebar">
<div class="o_fusion_sidebar_panel">
<div class="o_fusion_sidebar">
<ul class="o_fusion_sidebar_menu">
<t t-foreach="this.appMenuService.getAppsMenuItems()" t-as="app" t-key="app.id">
<li t-attf-class="nav-item {{ app.id === this.appMenuService.getCurrentApp()?.id ? 'active' : '' }}">
<a
t-att-href="app.href"
t-att-data-menu-id="app.id"
t-att-data-menu-xmlid="app.xmlid"
t-att-data-action-id="app.actionID"
t-on-click.prevent="() => this._onAppClick(app)"
class="nav-link"
role="menuitem"
>
<img
t-if="app.webIconData"
class="o_fusion_sidebar_icon"
t-att-src="app.webIconData"
/>
<img
t-else=""
class="o_fusion_sidebar_icon"
src="/base/static/description/icon.png"
/>
<span class="o_fusion_sidebar_name">
<t t-out="app.label"/>
</span>
</a>
</li>
</t>
</ul>
<div t-if="sidebarImageUrl" class="o_fusion_sidebar_logo p-2">
<img class="img-fluid mx-auto" t-att-src="sidebarImageUrl" alt="Logo"/>
</div>
</div>
</div>
</t>
</templates>

11
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/webclient.js Normal file
View File

@@ -0,0 +1,11 @@
import { patch } from '@web/core/utils/patch';
import { WebClient } from '@web/webclient/webclient';
import { Sidebar } from '@fusion_backend_theme/webclient/sidebar/sidebar';
patch(WebClient, {
components: {
...WebClient.components,
Sidebar,
},
});

29
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/webclient.scss Normal file
View File

@@ -0,0 +1,29 @@
.o_web_client {
display: grid !important;
grid-template-areas:
"banner banner"
"navbar navbar"
"sidebar content"
"components components";
grid-template-rows: auto auto 1fr auto;
grid-template-columns: auto 1fr;
> div:has(#oe_neutralize_banner) {
grid-area: banner;
}
> .o_navbar {
grid-area: navbar;
}
> .o_fusion_sidebar_panel {
grid-area: sidebar;
}
> .o_action_manager {
grid-area: content;
}
> .o-main-components-container {
grid-area: components;
}
> iframe {
grid-column: 1 / -1;
width: 100%;
}
}

15
Fusion Backend Theme/fusion_backend_theme/static/src/webclient/webclient.xml Normal file
View File

@@ -0,0 +1,15 @@
<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">
<t
t-name="fusion_backend_theme.WebClient"
t-inherit="web.WebClient"
t-inherit-mode="extension"
>
<xpath expr="//NavBar" position="after">
<Sidebar/>
</xpath>
</t>
</templates>