Cybrosys Technologies
2 months ago
39 changed files with 2567 additions and 0 deletions
@ -0,0 +1,47 @@ |
|||||
|
.. image:: https://img.shields.io/badge/licence-LGPL--3-blue.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Blueberry Backend Theme |
||||
|
======================= |
||||
|
Blueberry Backend Theme Is A Ultimate Theme for Odoo 18.0 community edition |
||||
|
|
||||
|
Configuration |
||||
|
============= |
||||
|
* No configuration |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
Lesser General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.odoo.com/documentation/user/18.0/legal/licenses/licenses.html) |
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
Developer: (V17) Gokul P I @cybrosys, Contact: odoo@cybrosys.com |
||||
|
(V18) Ammu Raj, @cybrosys ,Contact: odoo@cybrosys.com |
||||
|
|
||||
|
Contacts |
||||
|
-------- |
||||
|
* Mail Contact : odoo@cybrosys.com |
||||
|
* Website : https://cybrosys.com |
||||
|
|
||||
|
Bug Tracker |
||||
|
----------- |
||||
|
Bugs are tracked on GitHub Issues. In case of trouble, please check there if your issue has already been reported. |
||||
|
|
||||
|
Maintainer |
||||
|
========== |
||||
|
.. image:: https://cybrosys.com/images/logo.png |
||||
|
:target: https://cybrosys.com |
||||
|
|
||||
|
This module is maintained by Cybrosys Technologies. |
||||
|
|
||||
|
For support and more information, please visit `Our Website <https://cybrosys.com/>`__ |
||||
|
|
||||
|
Further information |
||||
|
=================== |
||||
|
HTML Description: `<static/description/index.html>`__ |
||||
@ -0,0 +1,21 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Ammu Raj(odoo@cybrosys.com) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
@ -0,0 +1,52 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Ammu Raj (odoo@cybrosys.com) |
||||
|
# |
||||
|
# You can modify it under the terms of the GNU LESSER |
||||
|
# GENERAL PUBLIC LICENSE (LGPL v3), Version 3. |
||||
|
# |
||||
|
# This program is distributed in the hope that it will be useful, |
||||
|
# but WITHOUT ANY WARRANTY; without even the implied warranty of |
||||
|
# MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
||||
|
# GNU LESSER GENERAL PUBLIC LICENSE (LGPL v3) for more details. |
||||
|
# |
||||
|
# You should have received a copy of the GNU LESSER GENERAL PUBLIC LICENSE |
||||
|
# (LGPL v3) along with this program. |
||||
|
# If not, see <http://www.gnu.org/licenses/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
{ |
||||
|
"name": "Blueberry Backend Theme", |
||||
|
"version": "18.0.1.0.0", |
||||
|
"category": "Themes/Backend", |
||||
|
"summary": """Backend theme for Odoo 18.0 community edition""", |
||||
|
"description": "Blueberry Backend Theme Is A Ultimate Theme for Odoo 17." |
||||
|
"This Theme Will Give You A New Experience With Odoo", |
||||
|
'author': 'Cybrosys Techno Solutions', |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
"website": "https://www.cybrosys.com", |
||||
|
"assets": { |
||||
|
'web.assets_backend': [ |
||||
|
'/backend_theme_odoo12/static/src/scss/theme_style_backend.scss', |
||||
|
'/backend_theme_odoo12/static/src/js/search_apps.js', |
||||
|
'/backend_theme_odoo12/static/src/js/sidebar_menu.js', |
||||
|
'/backend_theme_odoo12/static/src/xml/sidebar_menu_templates.xml', |
||||
|
], |
||||
|
'web.assets_frontend': [ |
||||
|
'backend_theme_odoo12/static/src/scss/theme_style.scss' |
||||
|
], |
||||
|
}, |
||||
|
'images': [ |
||||
|
'static/description/banner.jpg', |
||||
|
'static/description/theme_screenshot.jpg' |
||||
|
], |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,6 @@ |
|||||
|
## Module <backend_theme_odoo12> |
||||
|
#### 10.12.2024 |
||||
|
#### Version 18.0.1.0.0 |
||||
|
#### ADD |
||||
|
|
||||
|
- Initial Commit For Blueberry Backend Theme |
||||
|
After Width: | Height: | Size: 230 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 241 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 59 KiB |
|
After Width: | Height: | Size: 22 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 52 KiB |
|
After Width: | Height: | Size: 257 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 280 KiB |
|
After Width: | Height: | Size: 138 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 288 KiB |
|
After Width: | Height: | Size: 182 KiB |
|
After Width: | Height: | Size: 97 KiB |
|
After Width: | Height: | Size: 117 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 885 B |
@ -0,0 +1,728 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
|
||||
|
<head> |
||||
|
<meta charset="UTF-8" /> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
||||
|
<title>Blueberry Backend Theme</title> |
||||
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" /> |
||||
|
<link rel="preconnect" href="https://fonts.googleapis.com"> |
||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> |
||||
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" |
||||
|
rel="stylesheet"> |
||||
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" /> |
||||
|
<style> |
||||
|
:root { |
||||
|
--primary-color: #F5C000; |
||||
|
--bg-white: #fff; |
||||
|
--text-color: #121212; |
||||
|
--text-color-light: #64728f; |
||||
|
} |
||||
|
|
||||
|
body { |
||||
|
font-family: "Montserrat", sans-serif; |
||||
|
} |
||||
|
</style> |
||||
|
</head> |
||||
|
|
||||
|
<body> |
||||
|
<!-- overview --> |
||||
|
<div class="container"> |
||||
|
|
||||
|
<!-- support-header --> |
||||
|
|
||||
|
<div class="supports my-5 py-3" style="border-bottom: 1px solid #e7e7e7;"> |
||||
|
<div class="row justify-content-between"> |
||||
|
<div class="col-4"> |
||||
|
<div class="my-3"> |
||||
|
<img src="//apps.odoocdn.com/apps/assets/17.0/theme_boec/images/Cybrosys.png?fcdde35" |
||||
|
style="width:auto !important; height:40px !important"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-6"> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
|
||||
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Supports: </b></span> |
||||
|
<div class="text-center" |
||||
|
style="background-color:#017E84 !important; font-size:0.8rem !important; color:#fff !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
||||
|
Community |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row" style="margin-top:10px"> |
||||
|
<div class="d-flex align-items-center justify-content-end"> |
||||
|
<span class="me-3"><b>Availability: </b></span> |
||||
|
<div class="text-center col" |
||||
|
style="border:1px solid #017E84; font-size:0.8rem !important; color:#017E84 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-times" style="color:red"></i> Odoo Online |
||||
|
</div> |
||||
|
<div class="text-center col" |
||||
|
style="font-size:0.8rem !important; border:1px solid #714b67; color:#714b67 !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-times" style="color:red"></i> Odoo.sh |
||||
|
</div> |
||||
|
<div class="text-center col" |
||||
|
style="font-size:0.8rem !important; color:#5B899E !important; border:1px solid #5B899E; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:20px !important; min-width:120px !important"> |
||||
|
<i class="fa fa-check" style="color:green"></i> On Premise |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!-- banner-section --> |
||||
|
<div class="my-5"> |
||||
|
<div class=""> |
||||
|
<img src="./banner.jpg" class="img-fluid" style="border-radius: 16px; width:1300px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
<!--feature section --> |
||||
|
|
||||
|
<div class="my-5" style="padding: 100px; background-color: #f1f5fd; border-radius: 16px;"> |
||||
|
<div class="container"> |
||||
|
<div class="row mb-60"> |
||||
|
<div class="col-lg-12 d-flex justify-content-center align-items-center flex-wrap gap-3"> |
||||
|
<div class="position-relative" ; style=" |
||||
|
text-align: center; |
||||
|
font-size: 46.875px; |
||||
|
font-style: normal; |
||||
|
padding-bottom: 40px; "> |
||||
|
<h2 style="font-weight: 600;">Our Features</h2> |
||||
|
|
||||
|
<p style="color: #999; |
||||
|
text-align: center; |
||||
|
font-size: 15.625px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 25.6px;">info includes 300+ elements that you may need to create website without |
||||
|
external plugins.</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="row g-4"> |
||||
|
<div class="col-lg-4 col-md-6" style="visibility: visible;"> |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Advanced search option</a></h4> |
||||
|
|
||||
|
<p style=" font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;"> Advanced searching option for App menus.</p> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6"> |
||||
|
<div style="background-color: #fff; height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Elegant colour combo</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;"> New Color Combination.</p> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6"> |
||||
|
<div style="background-color: #fff; height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Truly responsive</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;"> Critical highlights of the Blueberry backend theme is that it was genuinely responsive.</p> |
||||
|
</div> |
||||
|
|
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4 col-md-6"> |
||||
|
<div style="background-color: #fff;height: 100%; |
||||
|
border-radius: 12px; |
||||
|
padding: 35px 30px;"> |
||||
|
<div class="content"> |
||||
|
<img src="./img/feature-star.svg" class="img-responsive" height="46px" width="46px"> |
||||
|
<h4 class="mt-3"><a href="#" style=" color: #121212; |
||||
|
font-size: 18px; |
||||
|
text-decoration: none; |
||||
|
font-weight: 700; |
||||
|
line-height: 1.2;">Modified UI</a></h4> |
||||
|
|
||||
|
<p style="font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529;"> Modified App Drawer.</p> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
<section class="container my-5"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<ul role="tablist" class="nav nav-tabs justify-content-center d-flex justify-content-center" data-tabs="tabs" |
||||
|
style="border:none; background-color:unset; margin:0 auto"> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="col-md-12 tab-content ui-front" |
||||
|
style="border-radius:20px;border: 1px solid #D6E0FF; height:auto;padding: 20px;"> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="tab-pane active show fade" id="Features" role="tabpanel" aria-labelledby="features-1"> |
||||
|
<section class=""> |
||||
|
<section class="mt-5"> |
||||
|
<h2 class="pb-5" style="font-weight: 700; text-align: center;">Theme Features</h2> |
||||
|
<div class="row" style="margin-bottom: 24px;"> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">App Bar</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Easily accessible sidebar where it reveals the sidebar |
||||
|
menu on just a click.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/sidebar.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Kanban view</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Blueberry Backend Theme gives a colorful |
||||
|
& elegant kanban view.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/apps.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!--row-2 --> |
||||
|
|
||||
|
<div class="row" style="margin-bottom: 24px;"> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Blueberry Backend Theme Settings</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Smooth navigation</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/settings.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Custom Form view</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Blueberry Backend Theme provides a fully modified and |
||||
|
colorful form view with the full view experience. The image below shows an error message too.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/error.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
|
||||
|
<!--row-3 --> |
||||
|
|
||||
|
<div class="row" style="margin-bottom: 24px;"> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Attractive User Interface</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">It provides fully attractive, |
||||
|
and an elegant User Interface.</p> |
||||
|
|
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/discuss.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<div class="col-md-6"> |
||||
|
<div style="border-radius: 10px; padding: 32px; |
||||
|
background-color: rgba(48, 48, 48, 1); |
||||
|
-webkit-backdrop-filter: blur(5px); |
||||
|
backdrop-filter: blur(5px); height: 100%;"> |
||||
|
<div class="info"> |
||||
|
<span class="label" style="font-size: 12px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: 32px; |
||||
|
color: #f14848; |
||||
|
margin-bottom: 13px; |
||||
|
text-transform: uppercase;">HIGHLIGHT</span> |
||||
|
<h3 class="text-white" style=" color: #fff; |
||||
|
font-size: 24px; |
||||
|
font-weight: 500; |
||||
|
line-height: 32px; |
||||
|
margin-bottom: 9px;">Advanced Searching for App Menus</h3> |
||||
|
<p class="des" style="color: #c7c7c7; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 24px; |
||||
|
margin-bottom: 0;">Blueberry Backend Theme gives a more complex and |
||||
|
powerful search than standard search, providing search |
||||
|
options like enterprise edition.</p> |
||||
|
</div> |
||||
|
<div class="mt-5"> |
||||
|
<img src="./img/search.png" alt="Grid item" class="img-fluid" style="height:300px;"> |
||||
|
</div> |
||||
|
<a href="#" target="_blank" class="url_link" name="grid_popup" |
||||
|
aria-label="Url link label"><span></span></a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<!-- --> |
||||
|
</section> |
||||
|
</section> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
|
||||
|
|
||||
|
</section> |
||||
|
|
||||
|
<!--sections --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- section content --> |
||||
|
|
||||
|
<section class="mb-5" |
||||
|
style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
||||
|
<div class="row d-flex align-items-center"> |
||||
|
<div class="col col-12 col-md-12 col-lg-6"> |
||||
|
<div style="padding: 20px;"> |
||||
|
<h4 class="" style="font-size: 46px;"> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Truly </span><br> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Responsive</span> |
||||
|
</h4> |
||||
|
|
||||
|
<div class="mt-4"> |
||||
|
<p style="color: #444; font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5;">One of the critical highlights of |
||||
|
the Blueberry Backend Theme is that |
||||
|
it was genuinely responsive; moreover, it provides |
||||
|
an efficient interface to manage a mobile device.</p> |
||||
|
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Appealing card hover style</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Detailed product filtering</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Modernized mini basket</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Cutting-edge single product</span></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col col-12 col-md-12 col-lg-6"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<img class="img-fluid" src="./img/responsive.jpg" style=" |
||||
|
border-radius: 20px; |
||||
|
"> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<!-- 2 --> |
||||
|
|
||||
|
<section class="" |
||||
|
style="background-color: #f1f5fd; border: 1px solid #D6E0FF; border-radius: 20px; padding: 40px;"> |
||||
|
<div class="row d-flex align-items-center"> |
||||
|
<div class="col col-12 col-md-12 col-lg-6"> |
||||
|
<div> |
||||
|
<div> |
||||
|
<img class="img-fluid" src="./img/hero.gif" style=" |
||||
|
border-radius: 20px; |
||||
|
"> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col col-12 col-md-12 col-lg-6"> |
||||
|
<div style="padding: 20px;"> |
||||
|
<h4 class="" style="font-size: 46px;"> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;">Stunning</span><br> |
||||
|
<span style="color: #212121; |
||||
|
font-weight: 700; |
||||
|
display: inline-block; |
||||
|
width: 100%;"> Pages</span> |
||||
|
</h4> |
||||
|
|
||||
|
<div class="mt-4"> |
||||
|
<p style="color: #444; font-size: 16px; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5;">Blueberry Backend Theme V18 is an Attractive Theme for Your |
||||
|
Odoo 18. This Theme Will Improve |
||||
|
Your Experience With Odoo. </p> |
||||
|
<ul class="d-flex flex-column gap-3 ms-0 ps-0 mt-4"> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">Visually Stunning Design</span></li> |
||||
|
<li style="list-style: none;" class="d-flex align-items-center gap-2"><img src="./img/check.svg" |
||||
|
style="width: 24px;"><span style=" color: #444; |
||||
|
font-size: 16px; |
||||
|
font-style: normal; |
||||
|
font-weight: 400; |
||||
|
line-height: 32px;">User-Friendly Navigation</span></li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
</div> |
||||
|
</section> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
<!-- --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<div class="my-5"> |
||||
|
<!-- banner card --> |
||||
|
|
||||
|
|
||||
|
|
||||
|
<!-- service-section --> |
||||
|
|
||||
|
<section id="services" class="mt-5" style="border-radius: 16px; |
||||
|
border: 1px solid #EBEEF2; |
||||
|
background-color: #FFF; |
||||
|
padding: 60px 40px; |
||||
|
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25);"> |
||||
|
<div class="text-center mt-4"> |
||||
|
<h3 class="mb-0" style="color: #000; |
||||
|
text-align: center; |
||||
|
font-family: Montserrat; |
||||
|
font-size: 40px; |
||||
|
font-style: normal; |
||||
|
font-weight: 700; |
||||
|
line-height: normal; |
||||
|
text-transform: uppercase; |
||||
|
padding-bottom: 50px;">Our Services</h3> |
||||
|
</div> |
||||
|
<div class="row mt-3"> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#FFE2E5; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FA5A7D; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/gear.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;"> Odoo Customization</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#FFF4DE; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FF947A; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/wrench-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;"> Odoo Implementation</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#DCFCE7; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#3CD856; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/life-ring-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Odoo Support</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#F3E8FF; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#BF83FF; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/arrows-repeat.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Odoo Migration</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#F1F9FF; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#01649C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/puzzle-piece-icon.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Odoo integration</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#EDF8ED; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#69CC70; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-consultancy.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Odoo Consultancy</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#F1F6FF; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#2E4556; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/odoo-licencing.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Odoo Licensing</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-lg-3 col-sm-12 mb-3"> |
||||
|
<a href="#" style="text-decoration:none"> |
||||
|
<div class="btn-lg btn-block p-4 mb-2 d-flex flex-column justify-content-center align-items-center" |
||||
|
style="font-size:25px; font-weight:bold;background-color:#FAF6EA; margin:auto; border-radius: 8px;"> |
||||
|
|
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#FCD12C; border-radius:50%; height:56px; width:56px"> |
||||
|
<img src="./img/hire-odoo.svg" class="img-responsive" height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span class="mt-3" style="font-size: 18px; |
||||
|
color: #121212; |
||||
|
font-weight: 600;">Hire Odoo Developer</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</body> |
||||
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"></script> |
||||
|
|
||||
|
</html> |
||||
|
After Width: | Height: | Size: 677 KiB |
@ -0,0 +1,34 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
|
||||
|
import { NavBar } from "@web/webclient/navbar/navbar"; |
||||
|
import { patch } from "@web/core/utils/patch"; |
||||
|
import { useRef, onMounted } from "@odoo/owl"; |
||||
|
|
||||
|
patch(NavBar.prototype, { |
||||
|
setup() { |
||||
|
super.setup(); |
||||
|
|
||||
|
// Attach a ref for the root element
|
||||
|
this.sideRoot = useRef("side_root"); |
||||
|
|
||||
|
// Ensure that DOM manipulation happens after mounting
|
||||
|
onMounted(this.handleMounted.bind(this)); |
||||
|
}, |
||||
|
|
||||
|
handleMounted() { |
||||
|
// Access the DOM element for the sidebar panel
|
||||
|
if (!this.sideRoot.el) { |
||||
|
console.error("sideRoot.el is not defined. Check the template structure."); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
this.$searchContainer = this.sideRoot.el.querySelector(".search-container"); |
||||
|
this.$searchInput = this.sideRoot.el.querySelector(".search-input"); |
||||
|
this.$searchResults = this.sideRoot.el.querySelector(".search-results"); |
||||
|
this.$appMenu = this.sideRoot.el.querySelector(".app-menu"); |
||||
|
|
||||
|
if (!this.$searchContainer || !this.$searchInput) { |
||||
|
console.error("Required elements not found in the DOM."); |
||||
|
} |
||||
|
}, |
||||
|
}); |
||||
@ -0,0 +1,33 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
import { NavBar } from "@web/webclient/navbar/navbar"; |
||||
|
import { patch } from "@web/core/utils/patch"; |
||||
|
|
||||
|
// Patch NavBar for adding new sidebar functionality
|
||||
|
patch(NavBar.prototype, { |
||||
|
setup() { |
||||
|
super.setup(); |
||||
|
}, |
||||
|
|
||||
|
// Toggle sidebar on click
|
||||
|
openSidebar(ev) { |
||||
|
const sidebarPanel = ev.target.closest('header').querySelector('#sidebar_panel'); |
||||
|
const actionManager = document.body.querySelector('.o_action_manager'); |
||||
|
|
||||
|
if (!ev.target.classList.contains('opened')) { |
||||
|
sidebarPanel.style.display = 'block'; |
||||
|
ev.target.classList.toggle('opened'); |
||||
|
actionManager.style.marginLeft = '320px'; |
||||
|
actionManager.style.transition = 'all .1s linear'; |
||||
|
} else { |
||||
|
sidebarPanel.style.display = 'none'; |
||||
|
ev.target.classList.toggle('opened'); |
||||
|
actionManager.style.marginLeft = '0px'; |
||||
|
} |
||||
|
}, |
||||
|
clickSidebar(ev) { |
||||
|
const sidebarPanel = ev.target.closest('header').querySelector('#sidebar_panel'); |
||||
|
const actionManager = document.body.querySelector('.o_action_manager'); |
||||
|
sidebarPanel.style.display = 'none'; |
||||
|
actionManager.style.marginLeft = '0px'; |
||||
|
}, |
||||
|
}); |
||||
@ -0,0 +1,118 @@ |
|||||
|
@import url('https://fonts.googleapis.com/css?family=Poppins'); |
||||
|
body { |
||||
|
font-size: 14px; |
||||
|
font-family: lato, sans-serif |
||||
|
} |
||||
|
|
||||
|
h1, h2, h3, h4, h5, h6 { |
||||
|
margin: 0; |
||||
|
font-family: poppins, sans-serif |
||||
|
} |
||||
|
|
||||
|
p { |
||||
|
font-family: lato, sans-serif; |
||||
|
font-size: 15px; |
||||
|
line-height: 26px; |
||||
|
color: #444; |
||||
|
margin-bottom: 0 |
||||
|
} |
||||
|
|
||||
|
p img { |
||||
|
margin: 0 |
||||
|
} |
||||
|
|
||||
|
a, a:visited { |
||||
|
text-decoration: none; |
||||
|
transition: all .3s ease-in-out; |
||||
|
-webkit-transition: all .3s ease-in-out; |
||||
|
-moz-transition: all .3s ease-in-out; |
||||
|
-o-transition: all .3s ease-in-out; |
||||
|
outline: 0; |
||||
|
font-family: poppins, sans-serif |
||||
|
} |
||||
|
|
||||
|
a:hover { |
||||
|
text-decoration: none |
||||
|
} |
||||
|
|
||||
|
a:focus { |
||||
|
text-decoration: none; |
||||
|
outline: 0 |
||||
|
} |
||||
|
|
||||
|
p a, p a:visited { |
||||
|
line-height: inherit; |
||||
|
outline: 0 |
||||
|
} |
||||
|
|
||||
|
ul, ol { |
||||
|
margin-bottom: 0; |
||||
|
margin-top: 0; |
||||
|
padding: 0 |
||||
|
} |
||||
|
|
||||
|
ul { |
||||
|
margin: 0; |
||||
|
list-style-type: none |
||||
|
} |
||||
|
|
||||
|
ol { |
||||
|
list-style: decimal |
||||
|
} |
||||
|
|
||||
|
ol, ul.square, ul.circle, ul.disc { |
||||
|
margin-left: 0 |
||||
|
} |
||||
|
|
||||
|
ul.square { |
||||
|
list-style: square outside |
||||
|
} |
||||
|
|
||||
|
ul.circle { |
||||
|
list-style: circle outside |
||||
|
} |
||||
|
|
||||
|
ul.disc { |
||||
|
list-style: disc outside |
||||
|
} |
||||
|
|
||||
|
ul ul, ul ol, ol ol, ol ul { |
||||
|
margin: 0 |
||||
|
} |
||||
|
|
||||
|
ul ul li, ul ol li, ol ol li, ol ul li { |
||||
|
margin-bottom: 0 |
||||
|
} |
||||
|
|
||||
|
button { |
||||
|
cursor: pointer; |
||||
|
outline: none !important; |
||||
|
letter-spacing: 0 |
||||
|
} |
||||
|
|
||||
|
blockquote { |
||||
|
padding: 60px; |
||||
|
position: relative; |
||||
|
background: #853bfa |
||||
|
} |
||||
|
|
||||
|
blockquote:before { |
||||
|
content: '\f10d'; |
||||
|
font-family: fontawesome; |
||||
|
color: #fff; |
||||
|
font-size: 32px; |
||||
|
position: absolute; |
||||
|
left: 16px; |
||||
|
top: 46px |
||||
|
} |
||||
|
|
||||
|
blockquote p { |
||||
|
font-size: 17px; |
||||
|
color: #fff |
||||
|
} |
||||
|
|
||||
|
.blockquote-footer { |
||||
|
color: #fff |
||||
|
} |
||||
|
|
||||
|
|
||||
File diff suppressed because it is too large
@ -0,0 +1,76 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<templates id="template" xml:space="preserve"> |
||||
|
<t t-inherit="web.NavBar" t-inherit-mode="extension" owl="1"> |
||||
|
<xpath expr="//nav[hasclass('o_main_navbar')]" position="after"> |
||||
|
<!-- Advanced Sidebar for app search --> |
||||
|
<div class="sidebar_panel" id="sidebar_panel" t-ref="side_root"> |
||||
|
<div class="sidebar"> |
||||
|
<div class="search-container form-row align-items-center m-auto mb-5 col-12" |
||||
|
style="padding-top: 32px;"> |
||||
|
<div class="search-input col-md-10 ml-auto mr-auto mb-5" |
||||
|
t-on-input="_searchMenusSchedule"> |
||||
|
<div class="input-group"> |
||||
|
<div class="input-group-prepend"> |
||||
|
<div class="input-group-text"> |
||||
|
<i class="fa fa-search"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<input type="search" |
||||
|
autocomplete="off" |
||||
|
placeholder="Search menus..." |
||||
|
class="form-control"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="search-results col-md-10 ml-auto mr-auto"/></div> |
||||
|
<ul class="sidebar_menu"> |
||||
|
<t t-foreach="menuService.getApps()" t-as="app" |
||||
|
t-key="app_index"> |
||||
|
<li> |
||||
|
<a role="menuitem" t-on-click="clickSidebar" |
||||
|
t-attf-href="/odoo/{{app.actionPath}}" |
||||
|
class="dropdown-item o_app mt0" |
||||
|
t-att-data-menu-id="app.menuID" |
||||
|
t-att-data-menu-xmlid="app.xmlID" |
||||
|
t-att-data-action-id="app.actionID"> |
||||
|
<img t-att-title="app.name" style="height: 3em;" t-if="app.webIconData" class="o_app_icon me-2" t-attf-src="{{app.webIconData}}"/> |
||||
|
<b class="a_app_menu_title"> |
||||
|
<t t-esc="app.name"/> |
||||
|
</b> |
||||
|
</a> |
||||
|
</li> |
||||
|
</t> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
</xpath> |
||||
|
</t> |
||||
|
<t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1"> |
||||
|
<xpath expr="//Dropdown" position="replace"> |
||||
|
<li class="dropdown"> |
||||
|
<a id="openSidebar" t-on-click="openSidebar" |
||||
|
style="display: block; cursor: pointer; margin-left: 10px;"> |
||||
|
<i class="fa fa-bars fa-lg"/> |
||||
|
</a> |
||||
|
<a id="closeSidebar" |
||||
|
style="display: none; cursor: pointer; margin-left: 10px;"> |
||||
|
<i class="fa fa-bars fa-lg"/> |
||||
|
</a> |
||||
|
</li> |
||||
|
</xpath> |
||||
|
</t> |
||||
|
<!-- view for search result --> |
||||
|
<t t-name="backend_theme_odoo12.SearchResults"> |
||||
|
<t t-foreach="results" t-as="result"> |
||||
|
<t t-log="this"/> |
||||
|
<div class="search_icons"> |
||||
|
<a t-attf-class="o-menu-search-result dropdown-item |
||||
|
col-12 ml-auto mr-auto #{result_first ? 'active' : ''}" |
||||
|
t-attf-style="background-image:url('data:image/png;base64,#{result.webIconData}')" |
||||
|
t-att-data-menu-id="result.id" |
||||
|
t-att-data-action-id="result.actionID" |
||||
|
t-raw="result.name" |
||||
|
/> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
</templates> |
||||
Loading…
Reference in new issue