thirdparty
/
CybroAddons
mirror of https://github.com/CybroOdoo/CybroAddons.git
5
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

[UPDT] Updated 'code_backend_theme'

pull/195/head
Ajmal Cybro 4 years ago
parent
9a07dcedd2
commit
021c60513f
7 changed files with 474 additions and 392 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 3
      code_backend_theme/__manifest__.py
  2. 446
      code_backend_theme/static/description/index.html
  3. 57
      code_backend_theme/static/src/js/user_menu/user_menu.js
  4. 4
      code_backend_theme/static/src/scss/login.scss
  5. 4
      code_backend_theme/static/src/scss/navigation_bar.scss
  6. 57
      code_backend_theme/static/src/scss/theme.scss
  7. 17
      code_backend_theme/static/src/xml/top_bar.xml

3
code_backend_theme/__manifest__.py
View File

@ -25,7 +25,7 @@
"description": """Minimalist and elegant backend theme for Odoo 14, Backend Theme, Theme""",
"summary": "Code Backend Theme V15 is an attractive theme for backend",
"category": "Theme/Backend",
"version": "15.0.1.0.0",
"version": "15.0.0.0.1",
'author': 'Cybrosys Techno Solutions',
'company': 'Cybrosys Techno Solutions',
'maintainer': 'Cybrosys Techno Solutions',
@ -51,7 +51,6 @@
('replace', '/web/static/src/views/graph/graph_arch_parser.js', '/code_backend_theme/static/src/js/fields/graph_arch_parser.js'),
('replace', '/web/static/src/views/graph/graph_view.js', '/code_backend_theme/static/src/js/fields/graph_view.js'),
'code_backend_theme/static/src/js/chrome/sidebar_menu.js',
('replace', '/web/static/src/webclient/user_menu/user_menu.js', '/code_backend_theme/static/src/js/user_menu/user_menu.js'),
],
'web.assets_qweb': [
'code_backend_theme/static/src/xml/styles.xml',

446
code_backend_theme/static/description/index.html
View File

@ -1,23 +1,21 @@
<!-- HERO -->
<div class="container">
<div class="row" style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="row"
style="padding: 4rem 2.5rem 0 !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column align-items-center">
<h1 class="text-center text-uppercase"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bolder !important; font-size: 2.5rem !important; color: #212121;">
Code Backend Theme <sup>
</h1>
<p class="my-1 text-center text-uppercase"
style="letter-spacing: 4px !important; color: #74788D !important;">Minimalist and Elegant Backend
style="letter-spacing: 4px !important; color: #74788D !important;">
Minimalist and Elegant Backend
Theme for Odoo 15</p>
</div>
<div class="col-lg-12 text-center mt-5">
<a href="https://apps.odoo.com/apps/themes/15.0/code_backend_theme_enterprise/"
style="background-color: #556EE6 !important; color: #fff !important; font-weight: 600 !important; padding: 10px 15px 13px !important; margin: 0 5px !important; border-radius: 5px !important;">
<i class="fa fa-download mr-1"></i>Download for Enterprise
</a>
</div>
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin: 2rem 0;">
<img src="./assets/hero.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin: 2rem 0;">
<img src="./assets/hero.png" width="100%" height="auto"
class="img-responsive">
</div>
</div>
</div>
@ -25,23 +23,30 @@
<!-- OVERVIEW -->
<div class="container">
<div class="row" style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
<div class="row"
style="padding: 0rem 2.5rem !important; background-color: #fff !important;">
<div class="col-lg-12 d-flex flex-column justify-content-center">
<p class="my-1 text-center"
style="font-family: Montserrat, 'sans-serif' !important; color: #212121 !important;">
The Code Backend Theme V15 Gives You a Fully Modified View with a Full Screen Display.
The Code Backend Theme V15 Gives You a Fully Modified View with
a Full Screen Display.
This is a Minimalist and Elegant Backend Theme for Odoo 15.
This Theme Will Change Your Old Experience to a New Experience With Odoo.
It is a Perfect Choice for Your Odoo Backend and an Attractive Theme for Your Odoo 15.
It will Give You a Clean Layout with a New Color Combination and a Modified Font. It has a
This Theme Will Change Your Old Experience to a New Experience
With Odoo.
It is a Perfect Choice for Your Odoo Backend and an Attractive
Theme for Your Odoo 15.
It will Give You a Clean Layout with a New Color Combination and
a Modified Font. It has a
Sidebar with
New App Icons and Company Logo. This Will Change Your Old Kanban, List and Form Views to A Fully
New App Icons and Company Logo. This Will Change Your Old
Kanban, List and Form Views to A Fully
Modified View.
</p>
</div>
<div class="col-lg-12 mt-4">
<div class="alert alert-warning text-center" role="alert">
<i class="fa fa-exclamation-triangle mr-2" aria-hidden="true"></i>Please make sure that you install
<i class="fa fa-exclamation-triangle mr-2"
aria-hidden="true"></i>Please make sure that you install
all
your apps prior to the installation of this theme.
</div>
@ -49,6 +54,16 @@
</div>
</div>
<!-- END OF OVERVIEW-->
<!--DOWNLOAD BUTTON ENTERPRISE-->
<div>
<div class="col-lg-12 text-center mt-5">
<a href="https://apps.odoo.com/apps/themes/14.0/code_backend_theme_enterprise/"
style="background-color:#556EE6 !important; color:#fff !important; font-weight:600 !important; padding:10px 15px 13px !important; margin:0 5px !important; border-radius:5px !important">
<i class="fa fa-download mr-1"></i>Download Code Backend Theme for Enterprise
</a>
<br/>
</div>
</div>
<!-- FEATURE -->
@ -65,29 +80,37 @@
<div class="container" style="margin-top: 3rem;">
<div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/responsive.jpg" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/responsive.jpg" width="100%" height="auto"
class="img-responsive">
</div>
<div class="row">
<div class="col-lg-4 d-flex justify-content-center align-items-center"
style="padding: 1.5rem !important; margin: 0rem 0rem 3rem !important;">
<img src="assets/resp-gif.gif" width="80%" height="auto" class="img-responsive rounded">
<img src="assets/resp-gif.gif" width="80%" height="auto"
class="img-responsive rounded">
</div>
<div class="col-lg-8" style="padding: 2.5rem 1.5rem!important;">
<div class="text-center"
style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
New
</div>
<h3 style="font-weight: 700 !important;">Fully Responsive Layout</h3>
<h3 style="font-weight: 700 !important;">Fully Responsive
Layout</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Now take advantage of everything your dashboard has to offer even on the go. Our design are
Now take advantage of everything your dashboard has to
offer even on the go. Our design are
now
fully responsive enabling you to view and manage everything from the comfort of your mobile
fully responsive enabling you to view and manage
everything from the comfort of your mobile
device. Everything
has been designed in a meticulous fashion so that every view snaps itself to fit the size of
has been designed in a meticulous fashion so that every
view snaps itself to fit the size of
the
device you are using, be it smartphones, tablet or any other portables, our theme adjusts
device you are using, be it smartphones, tablet or any
other portables, our theme adjusts
itself
to fit the screen size.
</h6>
@ -129,10 +152,13 @@
<h3 style="font-weight: 700 !important;">Kanban Group View</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
The Code Backend Theme V15 Gives You a Fully Modified Kanban View and Kanban Group View.
The Section Wise Separated Stages give a Pleasant Experience And an Extraordinary Design
The Code Backend Theme V15 Gives You a Fully Modified Kanban
View and Kanban Group View.
The Section Wise Separated Stages give a Pleasant Experience
And an Extraordinary Design
To Your Content Tiles Making The Tiles Look Great.
It will Give You a Clean Layout with the New Color Combination and a Modified Font.
It will Give You a Clean Layout with the New Color
Combination and a Modified Font.
</h6>
<div class="row mt-4">
<div class="col-lg-6">
@ -176,8 +202,10 @@
</div>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/kanabangroupview.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/kanabangroupview.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
</div>
@ -191,9 +219,12 @@
<h3 style="font-weight: 700 !important;">List View</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
The All new Code Backend Theme V15 Gives You The Fully Modified List View and This Table Design
is Also Have Awesome Design and it Gives You More Beauty for Your Odoo Backend.
It will Give You a Clean Layout with the New Color Combination and a Modified Font.
The All new Code Backend Theme V15 Gives You The Fully
Modified List View and This Table Design
is Also Have Awesome Design and it Gives You More Beauty for
Your Odoo Backend.
It will Give You a Clean Layout with the New Color
Combination and a Modified Font.
</h6>
<div class="row mt-4">
<div class="col-lg-6">
@ -237,8 +268,10 @@
</div>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/listview.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/listview.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
</div>
@ -252,7 +285,8 @@
<h3 style="font-weight: 700 !important;">Form View</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme Gives You The Fully Modified Form View with a Full Screen Experience. It will
Code Backend Theme Gives You The Fully Modified Form View
with a Full Screen Experience. It will
Give You a Clean Layout with the New Color Combination
and a Modified Font.
</h6>
@ -298,8 +332,10 @@
</div>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/Form view.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/Form view.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
</div>
@ -309,15 +345,20 @@
<div class="container" style="margin-top: 3rem;">
<div class="row" style="margin: 2rem; ; min-width: 100% !important;">
<div class="col-lg-8" style="padding: 1rem 1rem 1rem 0rem !important;">
<div class="col-lg-8"
style="padding: 1rem 1rem 1rem 0rem !important;">
<div class=" shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 0rem !important;">
<h3 class="mx-4 mt-3" style="font-weight: 700 !important;">Overview</h3>
<h3 class="mx-4 mt-3" style="font-weight: 700 !important;">
Overview</h3>
<h6 class="mx-4"
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Code Backend Theme V15 is an Attractive Theme for Your Odoo 15.
This Theme Will Change Improve Your Experience With Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo 15 And Can Offer a Perfect Choice
Code Backend Theme V15 is an Attractive Theme for Your
Odoo 15.
This Theme Will Change Improve Your Experience With
Odoo.
This is a Minimalist and Elegant Backend Theme for Odoo
15 And Can Offer a Perfect Choice
for
Your Odoo Backend.
</h6>
@ -356,29 +397,35 @@
</span>
</div>
<img src="./assets/all_screens.png" class="img-responsive" width="100% !important"
<img src="./assets/all_screens.png" class="img-responsive"
width="100% !important"
height="auto !important">
</div>
</div>
<div class="col-lg-4" style="padding: 1rem 0rem 1rem 1rem!important;">
<div class="col-lg-4"
style="padding: 1rem 0rem 1rem 1rem!important;">
<div class="shadow"
style="background-color: #fff !important; border-top: 3px solid #556EE6 !important; padding: 2.5rem 0rem 0rem 1.5rem !important; position: relative; overflow: hidden !important;">
<div class="text-center"
style="font-size: 0.9rem !important; background-color: #556EE6 !important; padding: 0.5 1.5rem !important; width: 60px; color: #ffffff !important; font-weight: 700; border-radius: 0.2rem !important; margin: 10px 0 !important;">
New
</div>
<h3 class="mt-3" style="font-weight: 700 !important;">All-New Menu Design</h3>
<h3 class="mt-3" style="font-weight: 700 !important;">
All-New Menu Design</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important; padding-bottom: 3.8rem !important;">
The All-New Menu Design is Main Attractive Section for the Code Backend Theme. The Sidebar
The All-New Menu Design is Main Attractive Section for
the Code Backend Theme. The Sidebar
have New Minimalist
Icons for Applications in Odoo. Also the Sidebar Have Closing and Opening Option.
Icons for Applications in Odoo. Also the Sidebar Have
Closing and Opening Option.
Customisable Logo Attached in Sidebar
That is Automatically Fetch Your Company Logo.
</h6>
<img src="./assets/menu_focus.png" class="img-responsive" width="100% !important"
<img src="./assets/menu_focus.png" class="img-responsive"
width="100% !important"
height="auto !important">
</div>
</div>
@ -393,19 +440,24 @@
<div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #556EE6 !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2.5rem 1.5rem!important;">
<h3 style="font-weight: 700 !important;">Easily Access Sidebar Menu</h3>
<h3 style="font-weight: 700 !important;">Easily Access Sidebar
Menu</h3>
<h6
style="font-style: Montserrat, 'sans-serif' !important; color: #2A3042 !important; font-weight: 300 !important;">
Reveal the sidebar menu with just a click. Sidebar menu features all the relevant links to
Reveal the sidebar menu with just a click. Sidebar menu
features all the relevant links to
navigate
through the application.
Hiding the sidebar leaves more space on the main area offering a distraction-free view that lets
Hiding the sidebar leaves more space on the main area
offering a distraction-free view that lets
you
focus on what matters the most.
</h6>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/easily-access-menu.gif" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/easily-access-menu.gif" width="100%"
height="auto" class="img-responsive">
</div>
</div>
</div>
@ -428,13 +480,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">1</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
1</h6>
</div>
<h6 class="mt-2 ml-2">Login Page</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/login.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/login.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -444,13 +499,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">2</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
2</h6>
</div>
<h6 class="mt-2 ml-2">Group By View</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/2.groupbyview.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/2.groupbyview.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -460,13 +518,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">3</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
3</h6>
</div>
<h6 class="mt-2 ml-2">Settings Page</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/3.settings page.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/3.settings page.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -476,13 +537,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">4</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
4</h6>
</div>
<h6 class="mt-2 ml-2">Discuss Page</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/4.discusspage.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/4.discusspage.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -492,13 +556,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">5</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
5</h6>
</div>
<h6 class="mt-2 ml-2">Product Kanban View</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/5.productskanaban.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/5.productskanaban.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -508,13 +575,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">6</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
6</h6>
</div>
<h6 class="mt-2 ml-2">Purchase List View</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/6.purchase view.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/6.purchase view.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -524,13 +594,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">7</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
7</h6>
</div>
<h6 class="mt-2 ml-2">Product View with Smart Buttons</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/7.productviewsmartbuttons.png" width="100%" height="auto"
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/7.productviewsmartbuttons.png"
width="100%" height="auto"
class="img-responsive">
</div>
</div>
@ -540,14 +613,18 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">8</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
8</h6>
</div>
<h6 class="mt-2 ml-2">Modified Alert Notifications are Placed on the Right Bottom of Display
<h6 class="mt-2 ml-2">Modified Alert Notifications are
Placed on the Right Bottom of Display
</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/8error.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/8error.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -557,13 +634,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">9</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
9</h6>
</div>
<h6 class="mt-2 ml-2">Wizards and User Error Popups</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/modal.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/modal.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -573,13 +653,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">10</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
10</h6>
</div>
<h6 class="mt-2 ml-2">New Looks for The Tabs</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/10.newlookoftabs.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/10.newlookoftabs.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -589,13 +672,17 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">11</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
11</h6>
</div>
<h6 class="mt-2 ml-2">Recruitment Kanban View With Ribbons</h6>
<h6 class="mt-2 ml-2">Recruitment Kanban View With
Ribbons</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/11.recruitment.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/11.recruitment.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
<div class="row shadow"
@ -604,13 +691,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">12</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
12</h6>
</div>
<h6 class="mt-2 ml-2">Sales Kanban View</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/12.saleskanban.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/12.saleskanban.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -620,13 +710,17 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">13</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
13</h6>
</div>
<h6 class="mt-2 ml-2">Modified Kanban View for Employees With New Designed Category Section</h6>
<h6 class="mt-2 ml-2">Modified Kanban View for Employees
With New Designed Category Section</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/13.modified kanban employee.png" width="100%" height="auto"
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/13.modified kanban employee.png"
width="100%" height="auto"
class="img-responsive">
</div>
</div>
@ -638,32 +732,37 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">14</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
14</h6>
</div>
<h6 class="mt-2 ml-2">Sidebar with List View</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/15.sidebarwithlistview.png" width="100%" height="auto"
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/15.sidebarwithlistview.png"
width="100%" height="auto"
class="img-responsive">
</div>
</div>
<div class="row shadow"
style="margin: 2rem; padding: 0rem !important; background-color: #fff !important; border-top: 3px solid #74788D !important; min-width: 100% !important;">
<div class="col-lg-12" style="padding: 2rem 1.5rem!important;">
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">15</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
15</h6>
</div>
<h6 class="mt-2 ml-2">Attendance Pages</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/17.attendanceview.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/17.attendanceview.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
@ -673,13 +772,16 @@
<div class="d-flex my-3">
<div class="d-flex justify-content-center align-items-center"
style="background-color: #556EE6 !important; border: 4px solid #D4DAF9 !important; color: #fff !important; height: 35px; width: 35px; border-radius: 50% !important; font-size: 1.1rem !important;">
<h6 style="margin-top: 0.3rem; color: #fff !important;">16</h6>
<h6 style="margin-top: 0.3rem; color: #fff !important;">
16</h6>
</div>
<h6 class="mt-2 ml-2">Graphs with Sidebar</h6>
</div>
</div>
<div class="col-lg-12" style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/16grapghview.png" width="100%" height="auto" class="img-responsive">
<div class="col-lg-12"
style="padding-left: 0 !important; padding-right: 0!important;">
<img src="assets/screenshots/16grapghview.png" width="100%"
height="auto" class="img-responsive">
</div>
</div>
</div>
@ -699,9 +801,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #1dd1a1 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/cogs.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/cogs.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Customization</h6>
</div>
@ -709,9 +813,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ff6b6b !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/wrench.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/wrench.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Implementation</h6>
</div>
@ -719,9 +825,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6462CD !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/lifebuoy.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/lifebuoy.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Support</h6>
</div>
@ -729,9 +837,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #ffa801 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/user.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/user.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Hire
Odoo
Developer</h6>
@ -740,9 +850,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #54a0ff !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/puzzle.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/puzzle.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Integration</h6>
</div>
@ -750,9 +862,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #6d7680 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/update.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/update.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Migration</h6>
</div>
@ -760,9 +874,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #786fa6 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/consultation.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/consultation.png"
class="img-responsive" height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Consultancy</h6>
</div>
@ -770,9 +886,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #f8a5c2 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/training.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/training.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Implementation</h6>
</div>
@ -780,9 +898,11 @@
<div class="col-lg-4 d-flex flex-column justify-content-center align-items-center my-4">
<div class="d-flex justify-content-center align-items-center mx-3 my-3"
style="background-color: #e6be26 !important; border-radius: 15px !important; height: 80px; width: 80px;">
<img src="assets/icons/license.png" class="img-responsive" height="48px" width="48px">
<img src="assets/icons/license.png" class="img-responsive"
height="48px" width="48px">
</div>
<h6 class="text-center" style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
<h6 class="text-center"
style="font-family: Montserrat, 'sans-serif' !important; font-weight: bold;">
Odoo
Licensing Consultancy</h6>
</div>
@ -791,7 +911,8 @@
<!-- END OF END OF OUR SERVICES -->
<!-- OUR INDUSTRIES -->
<section class="container" style="margin-top: 6rem !important; background-color: #fff !important;">
<section class="container"
style="margin-top: 6rem !important; background-color: #fff !important;">
<div class="row">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
@ -803,12 +924,14 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/trading-black.png" class="img-responsive mb-3" height="48px" width="48px">
<img src="./assets/icons/trading-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Trading
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easily
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easily
procure
and
sell your products</p>
@ -818,12 +941,14 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/pos-black.png" class="img-responsive mb-3" height="48px" width="48px">
<img src="./assets/icons/pos-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
POS
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Easy
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Easy
configuration
and convivial experience</p>
</div>
@ -832,13 +957,15 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/education-black.png" class="img-responsive mb-3" height="48px"
<img src="./assets/icons/education-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Education
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">A
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
A
platform for
educational management</p>
</div>
@ -847,13 +974,15 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/manufacturing-black.png" class="img-responsive mb-3" height="48px"
<img src="./assets/icons/manufacturing-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Manufacturing
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Plan,
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Plan,
track and
schedule your operations</p>
</div>
@ -861,12 +990,14 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/ecom-black.png" class="img-responsive mb-3" height="48px" width="48px">
<img src="./assets/icons/ecom-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
E-commerce &amp; Website
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Mobile
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Mobile
friendly,
awe-inspiring product pages</p>
</div>
@ -874,12 +1005,14 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/service-black.png" class="img-responsive mb-3" height="48px" width="48px">
<img src="./assets/icons/service-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Service Management
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Keep
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Keep
track of
services and invoice</p>
</div>
@ -887,13 +1020,15 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/restaurant-black.png" class="img-responsive mb-3" height="48px"
<img src="./assets/icons/restaurant-black.png"
class="img-responsive mb-3" height="48px"
width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Restaurant
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">Run
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
Run
your bar or
restaurant methodically</p>
</div>
@ -901,12 +1036,14 @@
<div class="col-lg-3">
<div class="my-4 d-flex flex-column justify-content-center"
style="background-color: #f6f8f9 !important; border-radius: 10px; padding: 2rem !important; height: 250px !important;">
<img src="./assets/icons/hotel-black.png" class="img-responsive mb-3" height="48px" width="48px">
<img src="./assets/icons/hotel-black.png"
class="img-responsive mb-3" height="48px" width="48px">
<h5
style="font-family: Montserrat, sans-serif !important; color: #000 !important; font-weight: bold;">
Hotel Management
</h5>
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">An
<p style="font-family: Montserrat, sans-serif !important; font-size: 0.9rem !important;">
An
all-inclusive
hotel management application</p>
</div>
@ -918,7 +1055,8 @@
<!-- FOOTER -->
<!-- Footer Section -->
<section class="container" style="margin: 5rem auto 2rem; background-color: #fff !important;">
<section class="container"
style="margin: 5rem auto 2rem; background-color: #fff !important;">
<div class="row" style="max-width:1540px;">
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center mb-4">
@ -930,18 +1068,22 @@
<!-- Contact Cards -->
<div class="row d-flex justify-content-center align-items-center"
style="max-width:1540px; margin: 0 auto 2rem auto;">
<div class="col-lg-12" style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
<div class="col-lg-12"
style="padding: 0rem 3rem 2rem; border-radius: 10px; margin-right: 3rem; ">
<div class="row mt-4">
<div class="col-lg-6">
<a href="mailto:odoo@cybrosys.com" target="_blank" class="btn btn-block mb-2 deep_hover"
<a href="mailto:odoo@cybrosys.com" target="_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #4d4d4d; color: #FFF; border-radius: 4px;"><i
class="fa fa-envelope mr-2"></i>odoo@cybrosys.com</a>
</div>
<div class="col-lg-6">
<a href="https://api.whatsapp.com/send?phone=918606827707" target="_blank"
<a href="https://api.whatsapp.com/send?phone=918606827707"
target="_blank"
class="btn btn-block mb-2 deep_hover"
style="text-decoration: none; background-color: #25D366; color: #FFF; border-radius: 4px;">
<i class="fa fa-whatsapp mr-2"></i>+91 86068 27707</a>
<i class="fa fa-whatsapp mr-2"></i>+91 86068
27707</a>
</div>
</div>
</div>
@ -949,11 +1091,15 @@
<!-- End of Contact Cards -->
</section>
<!-- Footer -->
<section class="oe_container" style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
<div class="row" style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<section class="oe_container"
style="padding: 2rem 3rem 1rem; background-color: #fff !important;">
<div class="row"
style="max-width:1540px; margin: 0 auto; margin-right: 3rem; ">
<!-- Logo -->
<div class="col-lg-12 d-flex justify-content-center align-items-center" style="margin-top: 3rem;">
<img src="https://www.cybrosys.com/images/logo.png" width="200px" height="auto" />
<div class="col-lg-12 d-flex justify-content-center align-items-center"
style="margin-top: 3rem;">
<img src="https://www.cybrosys.com/images/logo.png"
width="200px" height="auto"/>
</div>
<!-- End of Logo -->
</div>

57
code_backend_theme/static/src/js/user_menu/user_menu.js
View File

@ -1,57 +0,0 @@
/** @odoo-module **/
import { browser } from "@web/core/browser/browser";
import { DropdownItem } from "@web/core/dropdown/dropdown_item";
import { registry } from "@web/core/registry";
import { useEffect, useService } from "@web/core/utils/hooks";
const { Component } = owl;
const userMenuRegistry = registry.category("user_menuitems");
class UserMenuItem extends DropdownItem {
setup() {
super.setup();
useEffect(
() => {
if (this.props.payload.id) {
this.el.dataset.menu = this.props.payload.id;
}
},
() => []
);
}
}
export class UserMenu extends Component {
setup() {
this.user = useService("user");
const { origin } = browser.location;
const { userId } = this.user;
this.source = `${origin}/web/image?model=res.users&field=avatar_128&id=${userId}`;
}
getElements() {
const sortedItems = userMenuRegistry
.getAll()
.map((element) => element(this.env))
.sort((x, y) => {
const xSeq = x.sequence ? x.sequence : 100;
const ySeq = y.sequence ? y.sequence : 100;
return xSeq - ySeq;
});
return sortedItems;
}
onDropdownItemSelected(ev) {
ev.detail.payload.callback();
}
}
UserMenu.template = "web.UserMenu";
UserMenu.components = { UserMenuItem };
const systrayItem = {
Component: UserMenu,
isDisplayed: (env) => true,
};
registry.category("systray").add("web.user_menu", systrayItem, { sequence: 0 });

4
code_backend_theme/static/src/scss/login.scss
View File

@ -21,7 +21,9 @@ body.bg-100 {
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
width: 450px;
}
.o_main_navbar .o_menu_sections {
flex-wrap: w
}
a {
color: #556ee6;
text-decoration: none;

4
code_backend_theme/static/src/scss/navigation_bar.scss
View File

@ -334,6 +334,10 @@ z-index: 1;
.o_optional_columns_dropdown_toggle{
z-index: 999;
}
.o_home_menu_background:not(.o_home_menu_background_custom) .o_main_navbar{
max-height:100px;
}
.o_progressbar .o_progress .o_progressbar_complete {
background-color: #3d9bbb;

57
code_backend_theme/static/src/scss/theme.scss
View File

@ -98,7 +98,6 @@ background: $bg_white !important;
.o_searchview {
border: 1px solid #ddd;
height: 38px;
padding-left: 12px;
padding-right: 20px;
-webkit-box-shadow: none;
@ -117,7 +116,8 @@ background: $bg_white !important;
border: 1px solid #ddd;
background: #f8f8fb;
border-radius: 10px;
padding: 0 4px;
padding: 0 2px;
max-height:20px;
}
.o_cp_bottom_right span.o_dropdown_title {
color: #555b6d;
@ -584,6 +584,9 @@ th.o_list_record_selector {
.o_required_modifier > .o_input_dropdown > .ui-autocomplete-input {
border-left: solid 3px #f46a6a !important;
}
.fa-building-o{
color: #555b6d !important;
}
//sheet end
//Discuss
@ -724,6 +727,7 @@ i.o_PartnerImStatusIcon_outerBackground.fa.fa-circle.fa-stack-1x {
border-bottom: solid;
font-weight: bold;
background: $primary_accent;
background-color: $primary_accent !important;
color: #ffffff !important;
border-radius: 5px;
}
@ -855,6 +859,7 @@ select {
border: none !important;
height: auto !important;
margin: 0 !important;
padding: 0px;
}
.o_base_settings .o_control_panel .o_panel .o_setting_search .searchIcon {
top: 9px;
@ -889,7 +894,6 @@ select {
border-radius: 5px;
}
.settings_tab {
flex : auto;
background-color: #ffffff !important;
-webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63, .03) !important;
@ -1055,6 +1059,11 @@ td.o_main:hover {
//Purchase app ends
//input inside colour starts
.o_searchview .o_searchview_facet .o_facet_values{
border :1px solid white;
}
select, input {
color: #4c4c4c !important;
}
@ -1067,6 +1076,10 @@ select, input {
.o_datepicker.o_field_date.o_field_widget.o_required_modifier > input {
color: #4c4c4c !important;
}
.o_field_widget.o_field_many2manytags .o_tag_color_0{
max-height:20px;
}
//input inside colour ends
//welcome demo starts
@ -1443,14 +1456,12 @@ ul.o_menu_sections {
nav.o_main_navbar {
display: flex;
flex-wrap: wrap;
justify-content: left;
justify-content: right;
height: auto;
}
ul.o_menu_systray.topbar_icon {
margin-right: 0;
margin-left: auto;
}
}
//top menu bar ends
@ -1480,12 +1491,8 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
//Responsive starts
@media (max-width:992px) {
.o-dropdown.dropup > .o-dropdown--menu, .o-dropdown.dropdown > .o-dropdown--menu, .o-dropdown.dropleft > .o-dropdown--menu, .o-dropdown.dropright > .o-dropdown--menu {
position:absolute !important;
}
.o_action_manager.sidebar_margin {
margin: 0 !important;
background-color:red;
}
.top_heading.sidebar_margin {
margin: 0 !important;
@ -1523,7 +1530,7 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
margin-left: 20px;
}
.o_main_navbar .o_user_menu {
margin-left: auto;
margin-left: 20px;
}
.sidebar_panel .sidebar .sidebar_logo img {
max-width: 112px;
@ -1598,27 +1605,9 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
background: #74788d;
}
}
@media (max-width:400px) {
.o_main_navbar .o_user_menu .oe_topbar_avatar {
height: 35px;
width: 35px;
}
ul.o_menu_systray.topbar_icon .dropdown-menu.show{
left: 0px !important;
margin-right: 50px !important;
}
ul.o_menu_systray.topbar_icon {
margin-left: 0;
}
}
//Responsive ends
//New changes
.o_base_settings .o_setting_container .settings_tab {
flex:auto !important;
}
.o_main_navbar .dropdown .dropdown-toggle, .o_main_navbar .o_menu_sections .dropdown .dropdown-toggle,
.o_main_navbar .o_menu_systray .dropdown .dropdown-toggle, .o_main_navbar .o_nav_entry,
@ -1628,11 +1617,15 @@ div.dropdown-menu.bootstrap-datetimepicker-widget{
.o_main_navbar .o_menu_toggle, .o_main_navbar .o_navbar_apps_menu, .o_main_navbar .o_menu_brand {
color: $f_color !important;
}
.o_content .o_expense_purple {
color: #556ee6;
}
.row.o_recruitment_kanban_boxes .custom-checkbox input:checked + label::after {
display:none
}
//new fix
.o_form_view .oe_button_box + .oe_title, .o_form_view .oe_button_box + .oe_avatar + .oe_title
{
width: 100% !important;
}

17
code_backend_theme/static/src/xml/top_bar.xml
View File

@ -4,10 +4,9 @@
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1">
<xpath expr="//nav[hasclass('o_main_navbar')]" position="replace">
<nav class="o_main_navbar d-flex justify-content-between"
<nav class="o_main_navbar"
t-on-dropdown-item-selected="onNavBarDropdownItemSelection"
data-command-category="navbar">
<div class="d-flex">
<div class="top_heading">
<!-- Apps Menu -->
<t t-call="web.NavBar.AppsMenu">
@ -24,11 +23,10 @@
</div>
<!-- Current App Sections -->
<t t-if="currentAppSections.length"
t-call="web.NavBar.SectionsMenu">
<t t-if="currentAppSections.length" t-call="web.NavBar.SectionsMenu">
<t t-set="sections" t-value="currentAppSections" />
</t>
</div>
<!-- Systray -->
<div class="o_menu_systray" role="menu">
<t t-foreach="systrayItems" t-as="item" t-key="item_index">
@ -72,15 +70,12 @@
</t>
<t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
<xpath expr="//Dropdown[hasclass('o_navbar_apps_menu')]"
position="replace">
<xpath expr="//Dropdown[hasclass('o_navbar_apps_menu')]" position="replace">
<li class="dropdown">
<a id="openSidebar"
style="display: block; cursor: pointer;">
<a id="openSidebar" style="display: block; cursor: pointer;">
<i class="fa fa-bars fa-lg"/>
</a>
<a id="closeSidebar"
style="display: none; cursor: pointer;">
<a id="closeSidebar" style="display: none; cursor: pointer;">
<i class="fa fa-bars fa-lg"/>
</a>
</li>

Write Preview
Loading…
Cancel
Save