alaguraj/odoo-testing-addons
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Implement a custom dashboard with a home menu, top bar, and new styling for website, login, POS, and shop pages.

Browse Source
This commit is contained in:
Alaguraj0361 2026-02-03 16:46:57 +05:30
parent 3e857a71d1
commit cf637f0074
8 changed files with 108 additions and 109 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
addons/dine360_dashboard/static/src/css/home_menu.css
View File

@ -1,6 +1,11 @@
/* Main background with premium gradient */
/* Main background */
body.o_home_dashboard,
#wrapwrap.o_home_dashboard,
.o_home_menu_background {
background: linear-gradient(135deg, #8fe0d6 0%, #ffecb5 100%) !important;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url('/dine360_dashboard/static/src/img/dashboard_bg.png') no-repeat center center !important;
background-size: cover !important;
background-attachment: fixed !important;
min-height: 100vh !important;
padding: 0 !important;
margin: 0 !important;
@ -8,6 +13,10 @@
position: relative !important;
}
#wrapwrap.o_home_dashboard #wrap {
background: transparent !important;
}
.o_apps {
display: flex !important;
flex-wrap: wrap !important;
@ -48,10 +57,10 @@
.o_app:hover .o_app_icon_container {
transform: translateY(-10px) rotate(2deg) !important;
background: #ffffff !important;
border: 1px solid #fecd4f !important;
border: 1px solid #d6111e !important;
box-shadow:
0 20px 25px -5px rgba(254, 205, 79, 0.2),
0 10px 10px -5px rgba(43, 177, 165, 0.1) !important;
0 20px 25px -5px rgba(214, 17, 30, 0.2),
0 10px 10px -5px rgba(23, 20, 34, 0.1) !important;
}
.o_app_icon_container::before {
@ -78,7 +87,7 @@
}
.o_app_name {
color: #2d3748 !important;
color: #ffffff !important;
font-size: 14px !important;
font-weight: 500 !important;
text-align: center !important;
@ -87,7 +96,7 @@
}
.o_app:hover .o_app_name {
color: #2bb1a5 !important;
color: #d6111e !important;
font-weight: 700 !important;
}
@ -128,7 +137,7 @@
}
.o_top_item:hover {
color: #2bb1a5 !important;
color: #d6111e !important;
transform: translateY(-3px);
}
@ -141,10 +150,7 @@
.o_ai_icon {
font-weight: 800;
background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important;
-webkit-background-clip: text !important;
background-clip: text !important;
-webkit-text-fill-color: transparent !important;
color: #d6111e !important;
}
.badge_dot {
@ -153,7 +159,7 @@
right: 8px;
width: 8px;
height: 8px;
background: #fecd4f !important;
background: #d6111e !important;
border-radius: 50% !important;
border: 2px solid white !important;
}
@ -162,7 +168,7 @@
width: 35px !important;
height: 35px !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #fecd4f, #2bb1a5) !important;
background: #d6111e !important;
color: white !important;
font-weight: bold !important;
}

31
addons/dine360_dashboard/static/src/css/login_style.css
View File

@ -4,8 +4,9 @@
height: 100vh !important;
width: 100vw !important;
overflow: hidden;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important;
background: url('/dine360_dashboard/static/src/img/dashboard_bg.png') !important;
background-repeat: no-repeat !important;
background-position: center center !important;
background-size: cover !important;
}
@ -75,10 +76,7 @@
font-size: 2rem !important;
font-weight: 800 !important;
margin-bottom: 10px;
background: -webkit-linear-gradient(#2bb1a5, #fecd4f);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #d6111e !important;
}
/* Logo */
@ -96,8 +94,8 @@
/* Form Inputs */
.form-control:focus {
border-color: #2bb1a5 !important;
box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.2) !important;
border-color: #d6111e !important;
box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.2) !important;
background: rgba(255, 255, 255, 0.1) !important;
}
@ -122,7 +120,7 @@
/* Login Button with Gradient */
.oe_login_buttons .btn-primary {
background: linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%) !important;
background: #d6111e !important;
border: none !important;
border-radius: 12px !important;
padding: 14px !important;
@ -131,12 +129,12 @@
color: white !important;
width: 100% !important;
transition: all 0.3s ease !important;
box-shadow: 0 4px 15px rgba(43, 177, 165, 0.3) !important;
box-shadow: 0 4px 15px rgba(214, 17, 30, 0.3) !important;
}
.oe_login_buttons .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(43, 177, 165, 0.4) !important;
box-shadow: 0 8px 20px rgba(214, 17, 30, 0.4) !important;
}
@ -216,19 +214,16 @@ body.o_custom_login_body .o_login_main_wrapper {
}
.o_login_footer_custom a {
color: #2bb1a5;
color: #d6111e;
text-decoration: none;
font-weight: 600;
}
.o_login_footer_custom a:hover {
color: #fecd4f;
color: #171422;
}
/* website login screen */
.oe_website_login_container {
display: flex !important;
@ -237,10 +232,8 @@ body.o_custom_login_body .o_login_main_wrapper {
height: 100vh !important;
/* width: 100vw !important; */
overflow: hidden !important;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
url('/dine360_dashboard/static/src/img/login_bg.png') no-repeat center center !important;
background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('/dine360_dashboard/static/src/img/dashboard_bg.png') no-repeat center center !important;
background-size: cover !important;
color: white !important;
}
.oe_website_login_container .oe_login_form,

22
addons/dine360_dashboard/static/src/css/pos_style.css
View File

@ -3,16 +3,16 @@
======================================== */
:root {
--pos-primary: #111827;
/* Slate Dark */
--pos-secondary: #0a8a49;
/* Success Green */
--pos-primary: #171422;
/* Secondary Dark */
--pos-secondary: #d6111e;
/* Main Red (Dine360 Red) */
--pos-accent-orange: #e66421;
/* Biryani Orange */
--pos-accent-gold: #cc9900;
/* Tandoor Gold */
--pos-accent-red: #d93025;
/* Curry Red */
--pos-accent-red: #d6111e;
/* Main Red */
--pos-bg-main: #f8fafc;
/* Ultra light gray */
--pos-card-dark: #1a1d23;
@ -61,8 +61,8 @@
/* 2. Header & Branding */
.pos .pos-topheader {
background: #111 !important;
border-bottom: 2px solid #111 !important;
background: #171422 !important;
border-bottom: 2px solid #d6111e !important;
color: #fff !important;
height: 85px !important;
display: flex !important;
@ -145,7 +145,7 @@
}
.pos .category-button.active {
background: #111827 !important;
background: #d6111e !important;
color: #ffffff !important;
}
@ -173,7 +173,7 @@
}
.pos .product {
background: #259a8f !important;
background: #171422 !important;
border-radius: var(--border-radius-lg) !important;
width: 210px !important;
height: 230px !important;
@ -274,7 +274,7 @@
display: flex !important;
align-items: center !important;
justify-content: center !important;
box-shadow: 0 12px 25px rgba(10, 138, 73, 0.3) !important;
box-shadow: 0 12px 25px rgba(214, 17, 30, 0.3) !important;
border: none !important;
}

34
addons/dine360_dashboard/static/src/css/shop_style.css
View File

@ -4,7 +4,7 @@
/* Ensure Shop Page Layout with Sidebar */
#wrapwrap.oe_website_sale {
background: var(--bg-gradient-main, linear-gradient(135deg, #8fe0d6 0%, #ffecb5 100%)) !important;
background: #ffffff !important;
}
/* Main Shop Container - Two Column Layout */
@ -76,7 +76,7 @@
.oe_website_sale #products_grid_before h5,
.oe_website_sale #products_grid_before .h5,
.oe_website_sale #products_grid_before h6 {
color: var(--secondary-color, #2bb1a5) !important;
color: var(--secondary-color, #d6111e) !important;
font-weight: 700 !important;
font-size: 1.1rem !important;
margin-bottom: 15px !important;
@ -113,7 +113,7 @@
.oe_website_sale #products_grid_before li:hover,
.oe_website_sale #products_grid_before .list-group-item:hover {
background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important;
background: #d6111e !important;
transform: translateX(5px);
}
@ -125,8 +125,8 @@
/* Active Category */
.oe_website_sale #products_grid_before li.active,
.oe_website_sale #products_grid_before .list-group-item.active {
background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important;
box-shadow: 0 4px 12px rgba(43, 177, 165, 0.3) !important;
background: #d6111e !important;
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
}
.oe_website_sale #products_grid_before li.active a,
@ -148,9 +148,9 @@
.oe_website_sale #products_grid_before .form-control:focus,
.oe_website_sale #products_grid_before input:focus {
border-color: var(--secondary-color, #2bb1a5) !important;
border-color: var(--secondary-color, #d6111e) !important;
background: #ffffff !important;
box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.15) !important;
box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
outline: none;
}
@ -164,15 +164,15 @@
}
.oe_website_sale #products_grid_before .btn-primary {
background: var(--gradient-primary, linear-gradient(135deg, #2bb1a5 0%, #fecd4f 100%)) !important;
background: #d6111e !important;
border: none !important;
color: #ffffff !important;
box-shadow: 0 4px 12px rgba(43, 177, 165, 0.3) !important;
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
}
.oe_website_sale #products_grid_before .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(43, 177, 165, 0.4) !important;
box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
}
/* Attribute Filters (Color, Size, etc.) */
@ -189,9 +189,9 @@
.oe_website_sale #products_grid_before .css_attribute_color:hover,
.oe_website_sale #products_grid_before .css_attribute_color.active {
border-color: var(--secondary-color, #2bb1a5);
border-color: var(--secondary-color, #d6111e);
transform: scale(1.1);
box-shadow: 0 2px 8px rgba(43, 177, 165, 0.3);
box-shadow: 0 2px 8px rgba(214, 17, 30, 0.3);
}
/* Price Range Filter */
@ -201,18 +201,18 @@
.oe_website_sale #products_grid_before .o_wsale_price_filter input[type="range"] {
width: 100%;
accent-color: var(--secondary-color, #2bb1a5);
accent-color: var(--secondary-color, #d6111e);
}
/* Collapse/Expand Buttons */
.oe_website_sale #products_grid_before .btn-link {
color: var(--secondary-color, #2bb1a5) !important;
color: var(--secondary-color, #d6111e) !important;
text-decoration: none !important;
font-weight: 600 !important;
}
.oe_website_sale #products_grid_before .btn-link:hover {
color: var(--primary-color, #fecd4f) !important;
color: var(--primary-color, #171422) !important;
}
/* Mobile Responsive */
@ -285,6 +285,6 @@
.oe_website_sale .o_wsale_clear_filters .btn:hover {
background: #ffffff !important;
border-color: var(--secondary-color, #2bb1a5) !important;
color: var(--secondary-color, #2bb1a5) !important;
border-color: var(--secondary-color, #d6111e) !important;
color: var(--secondary-color, #d6111e) !important;
}

73
addons/dine360_dashboard/static/src/css/theme_variables.css
View File

@ -6,38 +6,38 @@
:root {
/* Primary Brand Colors */
--primary-color: #ec0000;
--primary-dark: #c80000;
--primary-light: #ff3b3b;
--primary-lighter: #ff7a7a;
--primary-color: #d6111e;
--primary-dark: #b50e19;
--primary-light: #e54d57;
--primary-lighter: #f08a91;
/* Secondary/Accent Color */
--secondary-color: #000000;
--secondary-color: #171422;
--secondary-dark: #000000;
--secondary-light: #1a1a1a;
--secondary-light: #2d293d;
/* Gradient Combinations */
--gradient-primary: linear-gradient(135deg, #000000 0%, #ec0000 100%);
--gradient-primary-hover: linear-gradient(135deg, #1a1a1a 0%, #c80000 100%);
/* Gradient Combinations Removed - Using Solid Colors */
--gradient-primary: #d6111e;
--gradient-primary-hover: #b50e19;
/* Home Page Background */
--bg-gradient-main: #ffffff;
/* UI Element Colors */
--btn-primary-bg: #ec0000;
--link-color: #000000;
--link-hover: #c80000;
--btn-primary-bg: #d6111e;
--link-color: #171422;
--link-hover: #b50e19;
/* Status Colors */
--success-color: #000000;
--warning-color: #ec0000;
--danger-color: #ec0000;
--info-color: #1a1a1a;
--success-color: #171422;
--warning-color: #d6111e;
--danger-color: #d6111e;
--info-color: #2d293d;
/* Shadows */
--shadow-primary: 0 4px 15px rgba(236, 0, 0, 0.2);
--shadow-primary-hover: 0 8px 20px rgba(236, 0, 0, 0.3);
--shadow-card: 0 10px 30px rgba(0, 0, 0, 0.08);
--shadow-primary: 0 4px 15px rgba(214, 17, 30, 0.2);
--shadow-primary-hover: 0 8px 20px rgba(214, 17, 30, 0.3);
--shadow-card: 0 10px 30px rgba(23, 20, 34, 0.08);
}
/* ::selection - Text Selection Color */
@ -97,15 +97,14 @@ body,
.o_main_navbar .o_menu_sections .o_nav_entry,
.o_main_navbar .o_menu_systray .o_nav_entry {
color: #2bb1a5 !important;
color: var(--primary-color) !important;
font-size: 14px !important;
font-weight: 600 !important;
}
.o_main_navbar .o_menu_sections .o_nav_entry:hover,
.o_main_navbar .o_menu_systray .o_nav_entry:hover {
background: #2bb1a5 !important;
/* Subtle Yellow Hover */
background: var(--primary-color) !important;
}
/* Control Panel (Search, Filter Bar) */
@ -172,8 +171,8 @@ body,
}
.o_list_view .o_list_table tbody tr.o_data_row:hover {
background-color: rgba(43, 177, 165, 0.05) !important;
/* Light Teal Hover */
background-color: rgba(214, 17, 30, 0.05) !important;
/* Light Red Hover */
transform: scale(1.002);
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
}
@ -226,7 +225,7 @@ body,
padding: 8px 20px !important;
font-weight: 600 !important;
letter-spacing: 0.3px;
box-shadow: 0 4px 12px rgba(254, 205, 79, 0.3) !important;
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
color: #fff !important;
}
@ -235,7 +234,7 @@ body,
.o_form_button_create:hover {
background: var(--gradient-primary-hover) !important;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(254, 205, 79, 0.4) !important;
box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
}
/* Secondary Buttons */
@ -263,7 +262,7 @@ body,
.o_form_view .o_input:focus {
border-color: var(--secondary-color) !important;
background-color: #fff !important;
box-shadow: 0 0 0 3px rgba(43, 177, 165, 0.15) !important;
box-shadow: 0 0 0 3px rgba(214, 17, 30, 0.15) !important;
}
/* ---------------------------------------------------------
@ -281,7 +280,7 @@ body,
padding: 8px 20px !important;
font-weight: 600 !important;
letter-spacing: 0.3px;
box-shadow: 0 4px 12px rgba(254, 205, 79, 0.3) !important;
box-shadow: 0 4px 12px rgba(214, 17, 30, 0.3) !important;
}
.btn-primary:hover,
@ -290,7 +289,7 @@ body,
.o_button_import:hover {
background: var(--gradient-primary-hover) !important;
transform: translateY(-2px);
box-shadow: 0 8px 15px rgba(254, 205, 79, 0.4) !important;
box-shadow: 0 8px 15px rgba(214, 17, 30, 0.4) !important;
}
/* ---------------------------------------------------------
@ -301,7 +300,7 @@ body,
.o_main_navbar .o_menu_sections .dropdown-item,
.o_main_navbar .o_menu_sections .o_nav_entry {
background: transparent !important;
color: #2bb1a5 !important;
color: var(--primary-color) !important;
font-weight: 600 !important;
border-radius: 8px !important;
margin: 0 4px !important;
@ -340,7 +339,7 @@ body,
.o_dashboard_view .o_group_selector li.selected {
background: var(--gradient-primary) !important;
color: #fff !important;
box-shadow: 0 4px 10px rgba(254, 205, 79, 0.3) !important;
box-shadow: 0 4px 10px rgba(214, 17, 30, 0.3) !important;
}
/* Dashboard KPI Cards (Invoiced, Average Invoice, DSO) */
@ -357,7 +356,7 @@ body,
.o_dashboard_view .o_group .o_aggregate:hover {
transform: translateY(-5px) !important;
box-shadow: 0 10px 25px rgba(43, 177, 165, 0.15) !important;
box-shadow: 0 10px 25px rgba(214, 17, 30, 0.15) !important;
border-color: var(--secondary-color) !important;
}
@ -434,7 +433,7 @@ a:hover,
.o_input:focus,
.o_searchview_input:focus {
border-color: var(--secondary-color) !important;
box-shadow: 0 0 0 0.2rem rgba(43, 177, 165, 0.25) !important;
box-shadow: 0 0 0 0.2rem rgba(214, 17, 30, 0.25) !important;
}
/* Loading Bar */
@ -522,7 +521,7 @@ a:hover,
.o_main_navbar .o_menu_apps .o_app_drawer:hover i {
color: var(--primary-dark) !important;
transform: scale(1.1);
text-shadow: 0 2px 10px rgba(254, 205, 79, 0.5);
text-shadow: 0 2px 10px rgba(214, 17, 30, 0.5);
}
/* Dropdown Items */
@ -541,7 +540,7 @@ a:hover,
.dropdown-item:focus {
background: var(--gradient-primary) !important;
color: #fff !important;
box-shadow: 0 4px 10px rgba(254, 205, 79, 0.2);
box-shadow: 0 4px 10px rgba(214, 17, 30, 0.2);
}
/* Dropdown Header/Divider */
@ -576,6 +575,6 @@ a:hover,
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: #259a8f;
border-color: #259a8f;
background-color: #d6111e;
border-color: #d6111e;
}

16
addons/dine360_dashboard/static/src/css/website_style.css
View File

@ -6,9 +6,9 @@ body .o_header_standard,
body header.o_header_standard,
body .navbar,
body #o_main_nav {
background-color: #000000 !important;
background: #000000 !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
background-color: #171422 !important;
background: #171422 !important;
border-bottom: 2px solid #d6111e;
}
/* Navbar Links / Menu Items */
@ -42,20 +42,20 @@ header#top .nav-link:hover,
body .o_header_standard .nav-link:hover,
header#top i:hover,
body .o_header_standard i:hover {
color: #2bb1a5 !important;
color: #d6111e !important;
}
/* Active States - Using Theme Gold */
header#top .nav-link.active,
body .o_header_standard .nav-link.active {
color: #fecd4f !important;
color: #d6111e !important;
}
/* Dropdown Menu overrides (ensure visibility) */
header#top .dropdown-menu,
body .o_header_standard .dropdown-menu {
background-color: #000000 !important;
border: 1px solid rgba(255, 255, 255, 0.15);
background-color: #171422 !important;
border: 1px solid rgba(214, 17, 30, 0.2);
}
header#top .dropdown-item,
@ -65,6 +65,6 @@ body .o_header_standard .dropdown-item {
header#top .dropdown-item:hover,
body .o_header_standard .dropdown-item:hover {
background-color: #2bb1a5 !important;
background-color: #d6111e !important;
color: #ffffff !important;
}

BIN
addons/dine360_dashboard/static/src/img/dashboard_bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1014 KiB

3
addons/dine360_dashboard/views/home_template.xml
View File

@ -3,7 +3,8 @@
<t t-call="web.frontend_layout">
<t t-set="no_footer" t-value="True"/>
<t t-set="no_header" t-value="True"/>
<link rel="stylesheet" type="text/css" href="/dine360_dashboard/static/src/css/home_menu.css"/>
<t t-set="pageName" t-value="'home_dashboard'"/>
<link rel="stylesheet" type="text/css" href="/dine360_dashboard/static/src/css/home_menu.css?v=1.1"/>
<div class="o_home_menu_background">
<!-- Top Bar -->