Shijin V
5 months ago
102 changed files with 2819 additions and 0 deletions
@ -0,0 +1,45 @@ |
|||||
|
.. image:: https://img.shields.io/badge/license-LGPL--3-green.svg |
||||
|
:target: https://www.gnu.org/licenses/lgpl-3.0-standalone.html |
||||
|
:alt: License: LGPL-3 |
||||
|
|
||||
|
Advanced Search In Systray |
||||
|
========================== |
||||
|
* Master Search Systray enables Users to search the records based on name in any Module. |
||||
|
|
||||
|
Company |
||||
|
------- |
||||
|
* `Cybrosys Techno Solutions <https://cybrosys.com/>`__ |
||||
|
|
||||
|
License |
||||
|
------- |
||||
|
General Public License, Version 3 (LGPL v3). |
||||
|
(https://www.gnu.org/licenses/lgpl-3.0-standalone.html) |
||||
|
|
||||
|
|
||||
|
Credits |
||||
|
------- |
||||
|
* Developers: (V17) Anfas Faisal K, |
||||
|
(V18) Adarsh K, |
||||
|
* 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,23 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import controllers |
||||
|
from . import models |
||||
@ -0,0 +1,56 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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': 'Advanced Search In Systray', |
||||
|
'version': '18.0.1.0.0', |
||||
|
'category': 'Extra Tools', |
||||
|
'summary': "Advanced Search in Systray enables Users to search the records" |
||||
|
"based on name in any Module.", |
||||
|
'description': "The Advanced Search Systray is a feature-rich Odoo module " |
||||
|
"designed to elevate the search experience for users. With " |
||||
|
"a focus on simplicity and effectiveness, this tool allows " |
||||
|
"users to conduct searches seamlessly across all modules " |
||||
|
"within the Odoo platform.", |
||||
|
'author': "Cybrosys Techno Solutions", |
||||
|
'company': 'Cybrosys Techno Solutions', |
||||
|
'maintainer': 'Cybrosys Techno Solutions', |
||||
|
'depends': ['base'], |
||||
|
'website': "https://www.cybrosys.com", |
||||
|
'data': [ |
||||
|
'views/res_config_settings_views.xml', |
||||
|
], |
||||
|
'assets': { |
||||
|
'web.assets_backend': [ |
||||
|
'master_search_systray/static/src/css/style.css', |
||||
|
'master_search_systray/static/src/scss/master_search_bar.scss', |
||||
|
'master_search_systray/static/src/xml/master_search_icon.xml', |
||||
|
'master_search_systray/static/src/js/master_search_icon.js', |
||||
|
'master_search_systray/static/src/js/MasterSearchDialog.js', |
||||
|
'master_search_systray/static/src/xml/MasterSearchDialog.xml' |
||||
|
], |
||||
|
}, |
||||
|
'images': ['static/description/banner.png'], |
||||
|
'license': 'LGPL-3', |
||||
|
'installable': True, |
||||
|
'auto_install': False, |
||||
|
'application': False, |
||||
|
} |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import master_search_systray |
||||
@ -0,0 +1,136 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
import psycopg2 |
||||
|
from ast import literal_eval |
||||
|
from odoo import http |
||||
|
from odoo.http import request |
||||
|
|
||||
|
|
||||
|
class MasterSearch(http.Controller): |
||||
|
"""Controller for the master search functionality.""" |
||||
|
|
||||
|
@http.route("/master/search", methods=["POST"], type="json", |
||||
|
auth="user") |
||||
|
def master_search(self, query): |
||||
|
""" |
||||
|
Perform a master search across all models in the system based on the |
||||
|
given query. |
||||
|
|
||||
|
This method performs a search across multiple models in the Odoo |
||||
|
system using the provided query string. The search is conducted on |
||||
|
all stored fields within the models associated with the installed |
||||
|
modules configured in the system. |
||||
|
""" |
||||
|
data = [] |
||||
|
# Check if the query is not empty |
||||
|
if query != '': |
||||
|
# Get all models in the system in the res.config.settings |
||||
|
config_settings = request.env['ir.config_parameter'].sudo().get_param( |
||||
|
'master_search_systray.master_search_installed_ids') |
||||
|
if config_settings: |
||||
|
config_settings_str = literal_eval(config_settings) |
||||
|
# Convert to list of integers |
||||
|
config_settings_ids = [int(id_str) for id_str in config_settings_str] |
||||
|
# Fetch ir.module.module records for the selected module IDs |
||||
|
config_modules = request.env['ir.module.module'].sudo().search([ |
||||
|
('id', 'in', config_settings_ids)]) |
||||
|
# Collect module names from master_search_values |
||||
|
module_names = [module.name for module in config_modules] |
||||
|
# Fetch ir.module.module records for the selected module names |
||||
|
modules = request.env['ir.module.module'].sudo().search([ |
||||
|
('name', 'in', module_names)]) |
||||
|
for module in modules: |
||||
|
models = request.env['ir.model'].sudo().search([]) |
||||
|
filtered_models = models.filtered( |
||||
|
lambda m: module.name in m.modules) |
||||
|
# Loop through each model to perform the search |
||||
|
for rec in filtered_models: |
||||
|
# Filter out fields that are not stored in the database |
||||
|
fields = rec.field_id.filtered(lambda f: f.store).mapped('name') |
||||
|
# Check if the model's main name field is in the stored fields |
||||
|
if rec._rec_name in fields: |
||||
|
# Temporary list to store results for the current model |
||||
|
temp_data = [] |
||||
|
try: |
||||
|
# Execute a raw SQL query to search records in the current model |
||||
|
request.env.cr.execute( |
||||
|
"SELECT * FROM %s WHERE name ILIKE '%s'" % ( |
||||
|
rec.model.replace('.', '_'), '%' + query + '%')) |
||||
|
# request.env.cr.execute( |
||||
|
# "SELECT * FROM %s WHERE name::text ILIKE '%s'" % ( |
||||
|
# rec.model.replace('.', '_'), '%' + query + '%')) |
||||
|
# Fetch the results as a list of dictionaries |
||||
|
records = request.env.cr.dictfetchall() |
||||
|
# If there are matching records, process and append them to temp_data |
||||
|
if len(records) >= 1: |
||||
|
temp_data.append({ |
||||
|
'title': rec.name, |
||||
|
'name': None, |
||||
|
'id': None, |
||||
|
'isChild': False, |
||||
|
'isParent': True, |
||||
|
'model': rec.model |
||||
|
}) |
||||
|
for val in records: |
||||
|
temp_data.append({ |
||||
|
'title': None, |
||||
|
'name': val['name'], |
||||
|
'id': val['id'], |
||||
|
'isChild': True, |
||||
|
'isParent': False, |
||||
|
'model': rec.model |
||||
|
}) |
||||
|
# Append temp_data to the main result data |
||||
|
if records: |
||||
|
data.append(temp_data) |
||||
|
request.env.cr.commit() |
||||
|
except psycopg2.Error: |
||||
|
request.env.cr.rollback() |
||||
|
try: |
||||
|
# If an exception occurs, attempt to perform a search using Odoo API |
||||
|
records = request.env[rec.model].search( |
||||
|
[('name', 'ilike', query)]) |
||||
|
temp_data = [] |
||||
|
# If there are matching records, process and append them to temp_data |
||||
|
if records: |
||||
|
temp_data.append({ |
||||
|
'title': rec.name, |
||||
|
'name': None, |
||||
|
'id': None, |
||||
|
'isChild': False, |
||||
|
'isParent': True, |
||||
|
'model': rec.model |
||||
|
}) |
||||
|
for val in records: |
||||
|
temp_data.append({ |
||||
|
'title': None, |
||||
|
'name': val['name'], |
||||
|
'id': val['id'], |
||||
|
'isChild': True, |
||||
|
'isParent': False, |
||||
|
'model': rec.model |
||||
|
}) |
||||
|
data.append(temp_data) |
||||
|
request.env.cr.commit() |
||||
|
except Exception as e: |
||||
|
request.env.cr.rollback() |
||||
|
return data |
||||
@ -0,0 +1,7 @@ |
|||||
|
## Module <master_search_systray> |
||||
|
|
||||
|
#### 20.11.2024 |
||||
|
#### Version 18.0.1.0.0 |
||||
|
#### ADD |
||||
|
|
||||
|
- Initial commit for Advanced Search In Systray |
||||
@ -0,0 +1,22 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from . import res_config_settings |
||||
@ -0,0 +1,68 @@ |
|||||
|
# -*- coding: utf-8 -*- |
||||
|
############################################################################# |
||||
|
# |
||||
|
# Cybrosys Technologies Pvt. Ltd. |
||||
|
# |
||||
|
# Copyright (C) 2024-TODAY Cybrosys Technologies(<https://www.cybrosys.com>) |
||||
|
# Author: Adarsh K (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/>. |
||||
|
# |
||||
|
############################################################################# |
||||
|
from odoo import api, fields, models |
||||
|
from ast import literal_eval |
||||
|
|
||||
|
|
||||
|
class ResConfigSettings(models.TransientModel): |
||||
|
""" |
||||
|
This class extends the 'res.config.settings' model in Odoo to add a new |
||||
|
Many2many field for selecting installed modules that will be included in |
||||
|
the master search functionality. |
||||
|
""" |
||||
|
_inherit = "res.config.settings" |
||||
|
|
||||
|
master_search_installed_ids = fields.Many2many( |
||||
|
'ir.module.module', |
||||
|
string='Installed Modules', |
||||
|
help="Select the installed modules you want to include in the master " |
||||
|
"search.", |
||||
|
domain="[('state', '=', 'installed')]" |
||||
|
) |
||||
|
|
||||
|
@api.model |
||||
|
def get_values(self): |
||||
|
""" |
||||
|
Retrieve the current values for the configuration settings, including |
||||
|
the selected installed modules for the master search. |
||||
|
""" |
||||
|
res = super(ResConfigSettings, self).get_values() |
||||
|
master_search_installed_ids = self.env[ |
||||
|
'ir.config_parameter'].sudo().get_param( |
||||
|
'master_search_systray.master_search_installed_ids') |
||||
|
if master_search_installed_ids: |
||||
|
res.update({ |
||||
|
'master_search_installed_ids': [ |
||||
|
(6, 0, literal_eval(master_search_installed_ids))] |
||||
|
}) |
||||
|
return res |
||||
|
|
||||
|
def set_values(self): |
||||
|
""" |
||||
|
Save the current values for the configuration settings, including the |
||||
|
selected installed modules for the master search. |
||||
|
""" |
||||
|
res = super(ResConfigSettings, self).set_values() |
||||
|
self.env['ir.config_parameter'].sudo().set_param( |
||||
|
'master_search_systray.master_search_installed_ids', |
||||
|
self.master_search_installed_ids.ids) |
||||
|
return res |
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 628 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 210 KiB |
|
After Width: | Height: | Size: 209 KiB |
|
After Width: | Height: | Size: 109 KiB |
|
After Width: | Height: | Size: 495 B |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 624 B |
|
After Width: | Height: | Size: 136 KiB |
|
After Width: | Height: | Size: 214 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 310 B |
|
After Width: | Height: | Size: 929 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 576 B |
|
After Width: | Height: | Size: 733 B |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 243 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 911 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 600 B |
|
After Width: | Height: | Size: 673 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 926 B |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 878 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 653 B |
|
After Width: | Height: | Size: 800 B |
|
After Width: | Height: | Size: 905 B |
|
After Width: | Height: | Size: 189 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 839 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 5.9 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 427 B |
|
After Width: | Height: | Size: 627 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 988 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 875 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 912 KiB |
|
After Width: | Height: | Size: 1.3 MiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 46 KiB |
|
After Width: | Height: | Size: 85 KiB |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 48 KiB |
|
After Width: | Height: | Size: 304 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 94 KiB |
|
After Width: | Height: | Size: 34 KiB |
|
After Width: | Height: | Size: 61 KiB |
|
After Width: | Height: | Size: 72 KiB |
|
After Width: | Height: | Size: 880 KiB |
|
After Width: | Height: | Size: 92 KiB |
|
After Width: | Height: | Size: 9.3 KiB |
@ -0,0 +1,998 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="UTF-8"/> |
||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"/> |
||||
|
<title>Advanced Search In Systray</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"/> |
||||
|
<link rel="stylesheet" |
||||
|
href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/> |
||||
|
<style> |
||||
|
:root { |
||||
|
--primary-color: #7f54b3; |
||||
|
--bg-white: #fff; |
||||
|
--text-color: #121212; |
||||
|
--text-color-light: #64728f; |
||||
|
} |
||||
|
body{ |
||||
|
font-family: "Montserrat", sans-serif; |
||||
|
} |
||||
|
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { |
||||
|
color: #121212; |
||||
|
font-family: Montserrat; |
||||
|
font-size: 16px !important; |
||||
|
font-weight: 500 !important; |
||||
|
border-radius: 30px; |
||||
|
line-height: normal; |
||||
|
text-transform: capitalize; |
||||
|
background-color: #F5F5F5; |
||||
|
border: none; |
||||
|
margin-bottom: 0; |
||||
|
padding: 12px 24px; |
||||
|
} |
||||
|
|
||||
|
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { |
||||
|
border-color: transparent; |
||||
|
isolation: isolate; |
||||
|
} |
||||
|
|
||||
|
.nav-tabs .nav-link:focus-visible { |
||||
|
border-color: transparent; |
||||
|
box-shadow: none; |
||||
|
} |
||||
|
|
||||
|
/* owl-carosel */ |
||||
|
.owl-carousel .owl-nav { |
||||
|
position: absolute; |
||||
|
top: 42%; |
||||
|
width: 100%; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
transform: translateY(-42%); |
||||
|
} |
||||
|
|
||||
|
.owl-carousel .owl-nav button.owl-prev { |
||||
|
position: absolute; |
||||
|
right: -36px; |
||||
|
font-size: 28px; |
||||
|
background-color: #e4e4e4; |
||||
|
border-radius: 20px; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.owl-carousel .owl-nav button.owl-next { |
||||
|
position: absolute; |
||||
|
left: -36px; |
||||
|
font-size: 28px; |
||||
|
background-color: #e4e4e4; |
||||
|
border-radius: 20px; |
||||
|
width: 40px; |
||||
|
height: 40px; |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
align-items: center; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
</style> |
||||
|
</head> |
||||
|
<body> |
||||
|
<!-- overview --> |
||||
|
<div class="container"> |
||||
|
<div class="my-5"> |
||||
|
<!-- button tab --> |
||||
|
<!-- --> |
||||
|
<!-- version support --> |
||||
|
<div class="my-3 d-flex align-items-center justify-content-end"> |
||||
|
<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 class="text-center" |
||||
|
style="background-color:#875A7B !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important"> |
||||
|
Enterprise |
||||
|
</div> |
||||
|
<!-- <div class="text-center"--> |
||||
|
<!-- style="background-color:#7C7BAD !important; color:#fff !important; font-size:0.8rem !important; font-weight:500 !important; padding:4px !important; margin:0 3px !important; border-radius:50px !important; min-width:120px !important">--> |
||||
|
<!-- Odoo.sh--> |
||||
|
<!-- </div>--> |
||||
|
</div> |
||||
|
<div class="tab-content" id="myTabContent"> |
||||
|
<!-- description --> |
||||
|
<div class="tab-pane fade show active" id="home" role="tabpanel" |
||||
|
aria-labelledby="home-tab"> |
||||
|
<div class="position-relative" |
||||
|
style="border-radius: 16px; background: #f8f8f8; padding: 20px 0;"> |
||||
|
<div class="row " style=" |
||||
|
padding: 2rem 0rem 0 !important; |
||||
|
"> |
||||
|
<div class="col-lg-8 mx-auto gap-4 d-flex flex-column align-items-center"> |
||||
|
<p class="my-1 text-center text-uppercase" |
||||
|
style=" |
||||
|
letter-spacing: 4px !important; |
||||
|
color: #7f54b3; |
||||
|
font-weight: bold; |
||||
|
text-align: center; |
||||
|
font-size: 14px; |
||||
|
font-weight: 600; |
||||
|
line-height: 15.96px; |
||||
|
text-transform: uppercase; |
||||
|
"> |
||||
|
The module enables Users to search the records based on name in any Module. |
||||
|
</p> |
||||
|
<h1 class="text-center text-uppercase my-0" |
||||
|
style=" |
||||
|
color: #121212; |
||||
|
font-size: 46px; |
||||
|
font-weight: 700; |
||||
|
line-height: normal; |
||||
|
">Advanced Search In Systray</span> |
||||
|
</h1> |
||||
|
</div> |
||||
|
<div class="col-lg-12 d-flex justify-content-center align-items-center" |
||||
|
style="margin: 3rem 0;"> |
||||
|
<img src="./assets/icons/brand-pair.svg" |
||||
|
width="100%" |
||||
|
height="auto" |
||||
|
style="width: 50%" |
||||
|
class="img-responsive"/> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<a href="mailto:odoo@cybrosys.com" |
||||
|
target="_blank" |
||||
|
style="background-color: transparent;border-radius: 35px; |
||||
|
font-family: Montserrat; |
||||
|
display: inline-block; |
||||
|
padding: 7px 33px; |
||||
|
border: 1px solid #7f54b3; |
||||
|
color: #7f54b3; |
||||
|
text-decoration: none; |
||||
|
" |
||||
|
class="mx-1 mb-2 deep-1 deep_hover"> |
||||
|
<img class="img" |
||||
|
style="width: 24px" |
||||
|
src="./assets/icons/mail.svg"/> |
||||
|
<span class="pl-2" |
||||
|
style=" font-size: 16px; vertical-align: middle" |
||||
|
>Email Us</span |
||||
|
> |
||||
|
</a> |
||||
|
<a href="skype:cybroopenerp?chat" |
||||
|
target="_blank" |
||||
|
style=" |
||||
|
background-color: #7f289b; |
||||
|
font-family: Montserrat; |
||||
|
display: inline-block; |
||||
|
padding: 7px 33px; |
||||
|
border: 1px solid #7f289b; |
||||
|
border-radius: 35px; |
||||
|
text-decoration: none; |
||||
|
" |
||||
|
class="mx-1 mb-2 deep-1 deep_hover"> |
||||
|
<img |
||||
|
class="img" |
||||
|
style="width: 24px" |
||||
|
src="./assets/icons/skype-fill.svg" |
||||
|
/> |
||||
|
<span |
||||
|
class="pl-2" |
||||
|
style="color: #fff; font-size: 16px; vertical-align: middle" |
||||
|
>Skype Us</span |
||||
|
> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="d-flex justify-content-center mt-2"> |
||||
|
<img src="./assets/icons/hero.gif" |
||||
|
class="w-100" |
||||
|
style="z-index: 3; height: auto;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-absolute bottom-0" |
||||
|
style="z-index: 1; width: 100%;"> |
||||
|
<img src="./assets/icons/banner-bg.svg" |
||||
|
class="img-fluid w-100"> |
||||
|
</div> |
||||
|
<div class="position-absolute bottom-0 end-0" |
||||
|
style=" z-index: 2;"> |
||||
|
<img src="./assets/icons/patter.svg"> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- key-highlight --> |
||||
|
<div class="" style="border-radius: 16px; |
||||
|
padding: 60px 40px; |
||||
|
border: 1px solid #EBEEF2; |
||||
|
background: #F5F5F7; |
||||
|
box-shadow: 0px 5px 20px -11px rgba(0, 0, 0, 0.25); "> |
||||
|
<div class="row"> |
||||
|
<div class="col-lg-12 d-flex flex-column justify-content-center align-items-center"> |
||||
|
<h2 style=" color: var(--text-color); |
||||
|
text-align: center; |
||||
|
font-size: 40px; |
||||
|
font-weight: 700; |
||||
|
text-transform: uppercase; padding-bottom: 50px;">Key |
||||
|
Highlights</h2> |
||||
|
</div> |
||||
|
<div class="col-lg-4"> |
||||
|
<div class="mb-4 d-flex flex-column justify-content-center gap-3" |
||||
|
style="border-radius: 12px; border: 1px solid #B6BCCD; |
||||
|
background: #FFF;padding:32px "> |
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> |
||||
|
<img src="./assets/icons/feature-icon.svg" |
||||
|
class="img-responsive" height="26px" |
||||
|
width="26px"> |
||||
|
</div> |
||||
|
<h5 class="m-0" |
||||
|
style="color:#000 !important; font-weight:bold"> |
||||
|
Advance Search user |
||||
|
</h5> |
||||
|
<p class="m-0" |
||||
|
style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;"> |
||||
|
Enable users to perform advanced searches seamlessly across all modules and menus, |
||||
|
allowing them to efficiently retrieve records from any part of the application. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-lg-4"> |
||||
|
<div class="mb-4 d-flex flex-column justify-content-center gap-3" |
||||
|
style="border-radius: 12px; |
||||
|
border: 1px solid #B6BCCD; |
||||
|
background: #FFF;padding:32px "> |
||||
|
<div class="d-flex justify-content-center align-items-center" |
||||
|
style="background-color:#7847D9 !important; border-radius:8px !important; height:42px; width:42px"> |
||||
|
<img src="./assets/icons/feature-icon.svg" |
||||
|
class="img-responsive" height="26px" |
||||
|
width="26px"> |
||||
|
</div> |
||||
|
<h5 class="m-0" |
||||
|
style="color:#000 !important; font-weight:bold"> |
||||
|
Intuitive Navigation |
||||
|
</h5> |
||||
|
<p class="m-0" |
||||
|
style="font-size:0.9rem; color:var(--text-color-light); font-size: 16px; font-weight: 400;"> |
||||
|
Upon clicking on a specific record in the search results, users will be seamlessly |
||||
|
redirected to the corresponding module or menu, providing a streamlined and |
||||
|
intuitive navigation experience. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!--code --> |
||||
|
<div class="my-5"> |
||||
|
<div class="position-relative" style=" padding: 5rem 4rem 5rem 4rem; background-color: #0A1425; border-radius: 12px;"> |
||||
|
<div class="d-flex flex-column gap-4"> |
||||
|
<span class="wrapper-subtitle" |
||||
|
style="font-size: 40px; font-weight: 700; color: #fff;line-height: 60px; text-transform: capitalize; width: 450px;">Advanced Search In Systray</span> |
||||
|
<h3 class="wrapper-details" |
||||
|
style="font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; "> |
||||
|
Are you ready to make your business more |
||||
|
organized? |
||||
|
<br> Improve now! |
||||
|
</h3> |
||||
|
<div class="d-flex gap-3"> |
||||
|
<a href="mailto:odoo@cybrosys.com" |
||||
|
class="shop-btn" style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; |
||||
|
border: 1px solid #ffffff33; |
||||
|
background-color: #ffffff14; |
||||
|
backdrop-filter: blur(10px); color: #fff; padding: 12px 16px 12px 16px; text-decoration: none;"> |
||||
|
<span style="border-radius: 12px; |
||||
|
background-color: #ffffff1a; |
||||
|
backdrop-filter: blur(6px);padding: 12px; "> |
||||
|
<img src="./assets/icons/banner-mail.svg"> |
||||
|
</span> |
||||
|
<span style="font-weight: 500;font-family: Montserrat;">odoo@cybrosys.com</span> |
||||
|
</a> |
||||
|
<a href="tel:+91 9074270811" class="shop-btn" |
||||
|
style="cursor: pointer; border-radius: 16px; display: flex; justify-content: center; align-items: center; gap: 7px; |
||||
|
border: 1px solid #ffffff33; |
||||
|
background-color: #ffffff14; |
||||
|
backdrop-filter: blur(10px); color: #fff; padding: 12px 22px 12px 18px; text-decoration: none;"> |
||||
|
<span style="border-radius: 12px; |
||||
|
background-color: #ffffff1a; |
||||
|
backdrop-filter: blur(6px);padding: 12px;"> |
||||
|
<img src="./assets/icons/banner-call.svg"> |
||||
|
</span> |
||||
|
<span style="font-weight: 500;font-family: Montserrat;">+91 9074270811</span> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-absolute bottom-0 end-0"> |
||||
|
<img src="./assets/icons/banner-pattern.svg" |
||||
|
style="width: 540px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- end-code --> |
||||
|
<!-- --> |
||||
|
<!-- screenshot and other --> |
||||
|
|
||||
|
<div class="mb-4 bg-white" |
||||
|
style=" border: 1px solid #EBEEF2; border-radius: 6px; box-shadow: 0px 8px 20px -4px rgba(0, 0, 0, 0.10); border: 1px solid #EBEEF2;"> |
||||
|
<div> |
||||
|
<ul class="nav nav-tabs justify-content-center bg-white py-2" |
||||
|
id="myTab" role="tablist" |
||||
|
style="border-radius: 6px 6px 0 0;"> |
||||
|
<li class="nav-item"> |
||||
|
<a aria-controls="overview" |
||||
|
aria-bs-selected="true" |
||||
|
class="nav-link active" data-bs-toggle="tab" |
||||
|
href="#overview" id="overview-tab" role="tab" |
||||
|
style="color:#121212; font-weight:500; font-size:16px"> |
||||
|
Screenshots</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a aria-controls="feature" |
||||
|
aria-bs-selected="false" |
||||
|
class="nav-link py-2" data-bs-toggle="tab" |
||||
|
href="#feature" id="feature-tab" role="tab" |
||||
|
style="color:#121212; font-weight:500; font-size:16px">Features</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a aria-controls="faq" aria-bs-selected="false" |
||||
|
class="nav-link" data-bs-toggle="tab" |
||||
|
href="#faq" id="faq-tab" role="tab" |
||||
|
style="color:#121212; font-weight:500; font-size:16px"> |
||||
|
FAQs</a> |
||||
|
</li> |
||||
|
<li class="nav-item"> |
||||
|
<a aria-controls="releases" |
||||
|
aria-bs-selected="false" class="nav-link" |
||||
|
data-bs-toggle="tab" href="#releases" |
||||
|
id="releases-tab" role="tab" |
||||
|
style="color:#121212; font-weight:500; font-size:16px">Releases</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</div> |
||||
|
<div class="tab-content p-md-5 p-2 py-3" id="myTabContent"> |
||||
|
<div aria-labelledby="overview-tab" |
||||
|
class="tab-pane fade show active" id="overview" |
||||
|
role="tabpanel"> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px"> |
||||
|
<img alt="acc_bg" |
||||
|
class="w-100 h-100 position-absolute img-fluid left_0" |
||||
|
loading="lazy" |
||||
|
src="//apps.odoocdn.com/apps/assets/17.0/ks_dashboard_ninja/ai-img/o3.png?007008f" |
||||
|
style=""> |
||||
|
</div> |
||||
|
<!-- screenshots section--> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; |
||||
|
font-weight: 700;"> |
||||
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Master Search Management</span> |
||||
|
</h1> |
||||
|
</div> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Go to Settings then Select Master Search Management. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss1.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; |
||||
|
font-weight: 700;"> |
||||
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Select The Modules To Include In Your Master Search</span> |
||||
|
</h1> |
||||
|
</div> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Note: Adding too many modules may significantly increase processing time. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss2.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12"> |
||||
|
<h1 style="font-weight:bold; font-size:calc(1.1rem + 1vw); line-height:120%; text-align:center; text-transform:capitalize; font-size: 40px; |
||||
|
font-weight: 700;"> |
||||
|
<span style="color: var(--primary-color); font-size:calc(1.1rem + 1vw)">Search Icon</span> |
||||
|
</h1> |
||||
|
</div> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Click on the Search Icon located in the top-right corner of the Systray. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss3.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Input your desired search query and click the Search Icon to retrieve relevant results. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss4.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
You will get the results from here and by clicking the record from related menus. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss5.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Clicking on the record will take you directly to the corresponding menu. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss6.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Clicking on records outside of related menus. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss7.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="position-relative mb-4" |
||||
|
style="border-radius:10px; background-color:#f4f4f4"> |
||||
|
<div class="p-md-5 p-3 position-relative"> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-12 mb-4"> |
||||
|
<p style="font-weight:400; font-size:16px; line-height:150%; text-align:center; color:var(--text-color-light)"> |
||||
|
Clicking on the record will take you directly to the corresponding record. |
||||
|
</p> |
||||
|
</div> |
||||
|
<div class="col-md-12 text-center"> |
||||
|
<div class="d-inline-block p-3 shadow-sm" |
||||
|
style="background-color:#fff; border-radius:10px"> |
||||
|
<img alt="" class="img-fluid" |
||||
|
loading="lazy" |
||||
|
src="./assets/screenshots/ss8.png" |
||||
|
style="min-height: 1px;"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div aria-labelledby="feature-tab" |
||||
|
class="tab-pane fade show py-1" id="feature" |
||||
|
role="tabpanel"> |
||||
|
<div class="row py-4"> |
||||
|
<!-- Features Section --> |
||||
|
<div class="col-md-6 col-sm-12 p-3"> |
||||
|
<div class="d-flex flex-column align-items-start h-100" |
||||
|
style="padding:30px; border-radius:12px; background-color:#faf8ff"> |
||||
|
<div class="d-flex align-items-center justify-content-center"> |
||||
|
<div class="d-flex align-items-center justify-content-center " |
||||
|
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> |
||||
|
<i class="fa fa-star " |
||||
|
style="color:#fff; font-size:14px"></i> |
||||
|
</div> |
||||
|
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> |
||||
|
Advance Search user</p> |
||||
|
</div> |
||||
|
<div class="ms-5"> |
||||
|
<p class="m-0" |
||||
|
style="color:#718096"> |
||||
|
Enable users to perform advanced searches seamlessly across all modules |
||||
|
and menus, allowing them to efficiently retrieve records from any part |
||||
|
of the application. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="col-md-6 col-sm-12 p-3"> |
||||
|
<div class="d-flex flex-column align-items-start h-100" |
||||
|
style="padding:30px; border-radius:12px; background-color:#faf8ff"> |
||||
|
<div class="d-flex align-items-center justify-content-center"> |
||||
|
<div class="d-flex align-items-center justify-content-center " |
||||
|
style="width:36px; height:36px; border-radius:50%; background-color:#7847D9 ; margin-right:10px"> |
||||
|
<i class="fa fa-star " |
||||
|
style="color:#fff; font-size:14px"></i> |
||||
|
</div> |
||||
|
<p style="color:#1A202C; font-weight:600; font-size:1.2rem; margin-bottom:2px"> |
||||
|
Intuitive Navigation</p> |
||||
|
</div> |
||||
|
<div class="ms-5"> |
||||
|
<p class="m-0" |
||||
|
style="color:#718096"> |
||||
|
Upon clicking on a specific record in the search results, users will be |
||||
|
seamlessly redirected to the corresponding module or menu, providing a |
||||
|
streamlined and intuitive navigation experience. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div aria-labelledby="faq-tab" |
||||
|
class="tab-pane fade show" id="faq" |
||||
|
role="tabpanel"> |
||||
|
<div class="row" |
||||
|
style=" background-color:#fff !important"> |
||||
|
<div class="col-md-12" aria-labelledby="faq-tab" |
||||
|
id="faq" role="tabpanel"> |
||||
|
<div class="accordion mb-4" id="accordion6"> |
||||
|
<div style="background-color:#fff"> |
||||
|
<!-- accordian --> |
||||
|
<div class="accordion" |
||||
|
id="accordion_faq"> |
||||
|
<!-- Question 1 --> |
||||
|
<div class="" |
||||
|
style="margin:1rem 0rem"> |
||||
|
<div aria-expanded="false" |
||||
|
class=" card-header collapsed" |
||||
|
data-bs-toggle="collapse" |
||||
|
data-bs-target="#collapseFAQOne" |
||||
|
href="#collapseFAQOne" |
||||
|
aria-controls="collapseFAQOne" |
||||
|
style="cursor: pointer; background-color:#f8f8f8; border:none; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px;"> |
||||
|
<a class="card-title text-decoration-none" |
||||
|
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a"> |
||||
|
How does the navigation work when I click on a search result? |
||||
|
<img alt="" |
||||
|
class="float-end" |
||||
|
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" |
||||
|
width="25px"> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="accordion-collapse collapse" |
||||
|
aria-labelledby="collapseFAQOne" |
||||
|
data-bs-parent="#accordion_faq" |
||||
|
id="collapseFAQOne" |
||||
|
style=" box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> |
||||
|
<p style=" padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> |
||||
|
When you click on a specific record in the search results, |
||||
|
the tool will automatically redirect you to the |
||||
|
corresponding module or menu. This provides a smooth and |
||||
|
intuitive navigation experience without the need to manually |
||||
|
browse through modules. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Question 2 --> |
||||
|
<div style="margin:1rem 0rem"> |
||||
|
<div aria-expanded="false" |
||||
|
class="cursor-pointer card-header collapsed" |
||||
|
data-bs-toggle="collapse" |
||||
|
aria-controls="collapseFAQThree" |
||||
|
data-bs-target="#collapseFAQThree" |
||||
|
style="cursor: pointer; background-color:#f8f8f8; border:1px solid #f8f8f8; border-top-right-radius:10px; border-top-left-radius:10px; padding: 12px 24px"> |
||||
|
<a class="card-title text-decoration-none" |
||||
|
style=" font-size:18px; line-height:30px; font-weight:500; color:#040f3a"> |
||||
|
Can I search across multiple modules at once? |
||||
|
<img alt="" |
||||
|
class="float-end" |
||||
|
src="//apps.odoocdn.com/apps/assets/16.0/index_test_odoo/assets/icons/down.svg?6ef7fd7" |
||||
|
width="25px"> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="accordion-collapse collapse" |
||||
|
aria-labelledby="collapseFAQThree" |
||||
|
data-bs-parent="#accordion_faq" |
||||
|
id="collapseFAQThree" |
||||
|
style="box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px; border: 1px solid #f8f8f8; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> |
||||
|
<p style="padding:0.75rem 1.25rem; font-size:16px; line-height:27px; color:#888; font-weight:normal; border-bottom-right-radius:10px; border-bottom-left-radius:10px"> |
||||
|
Yes, this tool allows users to search across all modules and |
||||
|
menus within Odoo. You can retrieve records from any part of |
||||
|
the Odoo with a single search query. |
||||
|
</p> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div aria-labelledby="releases-tab" |
||||
|
class="tab-pane fade show" id="releases" |
||||
|
role="tabpanel"> |
||||
|
<!-- Release Notes --> |
||||
|
<div class="row pt-5 m-0"> |
||||
|
<div class="col-md-3"> |
||||
|
<h4 style="font-size:16px; font-weight:600; color:#514F4F; margin:0; line-height:26px;"> |
||||
|
Latest Release 18.0.1.0.0 |
||||
|
</h4> |
||||
|
<span style="font-size:14px; color:#7A7979; display:block; margin-bottom:20px;"> |
||||
|
9th October, 2024 |
||||
|
</span> |
||||
|
</div> |
||||
|
<div class="col-md-8"> |
||||
|
<div style="padding:0 0 40px"> |
||||
|
<div style="margin:0 0 10px"> |
||||
|
<div style="display:inline-block; padding:0px 8px; color:#514F4F; background-color:#FFD8D8; border-radius:20px"> |
||||
|
Add |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="d-flex m-0" |
||||
|
style="color:#7A7979;"> |
||||
|
<ul class="pl-3 mb-0"> |
||||
|
<li> |
||||
|
Initial Commit |
||||
|
</li> |
||||
|
|
||||
|
</ul> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div style="padding:0 0 0; border-bottom:1px solid #E3E3E3"> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- --> |
||||
|
<!-- related post --> |
||||
|
<!-- --> |
||||
|
<section class="oe_container mt32"> |
||||
|
<h2 style="color: #091E42;font-family: "Montserrat";text-align: center;margin: 25px auto;text-transform: uppercase;" class="oe_slogan"> |
||||
|
<b>Related Products</b> |
||||
|
</h2> |
||||
|
<div id="demo" class="row carousel slide mt64 mb32" data-bs-ride="carousel"> |
||||
|
<!-- The slideshow --> |
||||
|
<div class="carousel-inner"> |
||||
|
<div class="carousel-item active"> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/base_accounting_kit" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/1.gif" /> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
Odoo 17 Full Accounting Kit</h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/ohrms_core" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/2.gif" /> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
Open HRMS Core</h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/invoice_format_editor" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px;padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/3.png"/> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
Odoo17 Invoice Format Editor </h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
<div class="carousel-item"> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/login_user_detail" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/4.png" /> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
User Log Details</h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/product_barcode" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/5.png" /> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
Odoo17 Product Barcode Generator </h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
<div class="col-xs-12 col-sm-4 col-md-4 mb16 mt16" style="float: left; padding: 10px;"> |
||||
|
<a href="https://apps.odoo.com/apps/modules/17.0/whatsapp_redirect" target="_blank" style="color: #000; text-decoration: none;"> |
||||
|
<div style="border-radius: 6px; padding: 16px; border: 1px solid #cbcbcb;" class="shadow-sm"> |
||||
|
<img class="img img-responsive center-block" style=" max-width: 100%;" src="./assets/modules/6.jpg" /> |
||||
|
<h4 class="mt0 text-truncate" style="text-align:center;width:100% margin-bottom: 8px; font-weight: 600; padding-top: 16px; text-decoration:none;font-size: 18px; padding-bottom: 8px; margin-bottom: 0px"> |
||||
|
Send Whatsapp Message Odoo17</h4> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- Left and right controls --> |
||||
|
<a class="carousel-control-prev" href="#demo" data-bs-slide="prev" style="margin-left: -30px;width: 35px;color: #000;"> |
||||
|
<span class="carousel-control-prev-icon"> |
||||
|
<i class="fa fa-chevron-left" style="font-size:24px"></i> |
||||
|
</span> |
||||
|
</a> |
||||
|
<a class="carousel-control-next" href="#demo" data-bs-slide="next" style="margin-right: -30px;width: 35px;color: #000;"> |
||||
|
<span class="carousel-control-next-icon"> |
||||
|
<i class="fa fa-chevron-right" style="font-size:24px"></i> |
||||
|
</span> |
||||
|
</a> |
||||
|
</div> |
||||
|
</section> |
||||
|
<!-- service-section --> |
||||
|
|
||||
|
<section id="services" class="mt-5" style="border-radius: 16px; |
||||
|
border: 1px solid #EBEEF2; |
||||
|
background: var(--Neutral-N0, #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; gap: 16px; 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="./assets/icons/gear.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/wrench-icon.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/life-ring-icon.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/arrows-repeat.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/puzzle-piece-icon.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/odoo-consultancy.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/odoo-licencing.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
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; gap: 16px; 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="./assets/icons/hire-odoo.svg" |
||||
|
class="img-responsive" |
||||
|
height="28px" width="28px"> |
||||
|
</div> |
||||
|
<span style="font-size: 18px; |
||||
|
color: var(--text-color); |
||||
|
font-weight: 600;">Hire Odoo Developer</span> |
||||
|
</div> |
||||
|
</a> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- licence --> |
||||
|
<div class="tab-pane fade" id="profile" role="tabpanel" |
||||
|
aria-labelledby="profile-tab"> |
||||
|
<div class="px-5"> |
||||
|
.... |
||||
|
</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> |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js" |
||||
|
integrity="sha512-v2CJ7UaYy4JwqLDIrZUI/4hqeoQieOmAZNXBeQyjo21dadnwR+8ZaIJVT8EE2iyI61OV8e6M8PP2/4hpQINQ/g==" |
||||
|
crossorigin="anonymous" referrerpolicy="no-referrer"></script> |
||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script> |
||||
|
<script> |
||||
|
$('.owl-carousel').owlCarousel({ |
||||
|
rtl: true, |
||||
|
loop: true, |
||||
|
margin: 10, |
||||
|
nav: true, |
||||
|
responsive: { |
||||
|
0: { |
||||
|
items: 1 |
||||
|
}, |
||||
|
600: { |
||||
|
items: 3 |
||||
|
}, |
||||
|
1000: { |
||||
|
items: 3 |
||||
|
} |
||||
|
} |
||||
|
}) |
||||
|
</script> |
||||
|
</html> |
||||
@ -0,0 +1,143 @@ |
|||||
|
.search-button{ |
||||
|
background-color: white; |
||||
|
color: black; |
||||
|
border-radius: 4px; |
||||
|
border: none; |
||||
|
padding: 0.4rem 0.6rem; |
||||
|
font-size: 25px; |
||||
|
} |
||||
|
|
||||
|
.small-heading{ |
||||
|
padding-bottom: 0.5rem; |
||||
|
font-weight: bold; |
||||
|
margin-bottom: 0.5rem; |
||||
|
border-bottom: 1px solid; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
.master-onboard_modal-container { |
||||
|
position: fixed; |
||||
|
top: 0; |
||||
|
left: 0; |
||||
|
width: 100%; |
||||
|
height: 100vh; |
||||
|
background: rgba(9, 13, 17, 0.78); |
||||
|
-webkit-backdrop-filter: blur(9px); |
||||
|
backdrop-filter: blur(9px); |
||||
|
display: -webkit-box; |
||||
|
display: -ms-flexbox; |
||||
|
display: flex; |
||||
|
-webkit-box-align: center; |
||||
|
-ms-flex-align: center; |
||||
|
align-items: center; |
||||
|
-webkit-box-pack: center; |
||||
|
-ms-flex-pack: center; |
||||
|
justify-content: center; |
||||
|
z-index: 999; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container input { |
||||
|
height: 50px; |
||||
|
outline: none; |
||||
|
border: none; |
||||
|
font-size: 13px !important; |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
padding: 0.3125rem 0.625rem; |
||||
|
font-weight: 600; |
||||
|
line-height: 1.5; |
||||
|
color: #495057; |
||||
|
background-color: transparent; |
||||
|
background-clip: padding-box; |
||||
|
-webkit-appearance: none; |
||||
|
-moz-appearance: none; |
||||
|
appearance: none; |
||||
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container .o_input_dropdown { |
||||
|
width: 100%; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container .o_field_tags { |
||||
|
border: none; |
||||
|
width: 100%; |
||||
|
padding: 0 !important; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container .o-autocomplete--input { |
||||
|
display: block; |
||||
|
width: 100%; |
||||
|
padding: 0.375rem 2.25rem 0.375rem 0.75rem; |
||||
|
-moz-padding-start: calc(0.75rem - 3px); |
||||
|
font-size: 1rem; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #212529; |
||||
|
background-color: #fff; |
||||
|
background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e); |
||||
|
background-repeat: no-repeat; |
||||
|
background-position: right 0.75rem center; |
||||
|
background-size: 16px 12px; |
||||
|
border-radius: 0.25rem; |
||||
|
transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; |
||||
|
-webkit-appearance: none; |
||||
|
-moz-appearance: none; |
||||
|
appearance: none; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container .modal_content { |
||||
|
border-radius: unset; |
||||
|
background: #FFF; |
||||
|
-webkit-box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.15); |
||||
|
box-shadow: 0px 10px 100px 0px rgba(0, 0, 0, 0.15); |
||||
|
} |
||||
|
|
||||
|
.modal_content-header { |
||||
|
display: block; |
||||
|
border-bottom: none; |
||||
|
padding: 2rem; |
||||
|
} |
||||
|
|
||||
|
.modal_content-header h5 { |
||||
|
color: #222; |
||||
|
font-family: "Inter", sans-serif; |
||||
|
font-size: 25px; |
||||
|
font-weight: 700; |
||||
|
} |
||||
|
|
||||
|
.modal_content-header p { |
||||
|
color: #717684; |
||||
|
font-family: "Inter", sans-serif; |
||||
|
font-size: 16px; |
||||
|
font-weight: 500; |
||||
|
margin-bottom: 0px; |
||||
|
} |
||||
|
|
||||
|
.master-onboard_modal-container .custom-search:focus{ |
||||
|
background-color:#FAF9F6; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.master_searchview_autocomplete .o_menu_item.dropdown-item.focus{ |
||||
|
padding-bottom: 0.5rem; |
||||
|
font-weight: bold; |
||||
|
margin-bottom: 0.5rem; |
||||
|
border-bottom: 1px solid; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
} |
||||
|
|
||||
|
.master_searchview_autocomplete .menu{ |
||||
|
padding-left: 1rem; |
||||
|
} |
||||
|
|
||||
|
.cy_master-create-icon{ |
||||
|
padding: 0.3rem; |
||||
|
border: 1px solid #151E4E; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
|
||||
|
.master_modal-container .dashboard_modal-box{ |
||||
|
bottom : 20%; |
||||
|
} |
||||
@ -0,0 +1,219 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
import { Component, useRef, useExternalListener, useState} from "@odoo/owl"; |
||||
|
import { _t } from "@web/core/l10n/translation"; |
||||
|
import { Dialog } from "@web/core/dialog/dialog"; |
||||
|
import { rpc } from "@web/core/network/rpc"; |
||||
|
import { useService } from "@web/core/utils/hooks"; |
||||
|
let nextItemId = 1; |
||||
|
|
||||
|
export class MasterSearchDialog extends Component { |
||||
|
setup() { |
||||
|
// Set up the initial state and services.
|
||||
|
this.state = useState({ |
||||
|
focusedIndex: 0, |
||||
|
menu_list: [], |
||||
|
result: null, |
||||
|
query: "", |
||||
|
isSearchVisible: false, // Add a state variable to control visibility
|
||||
|
}); |
||||
|
this.orm = useService("orm"); |
||||
|
this.inputRef = !this.props.autofocus ? useRef("autofocus") : useAutofocus(); |
||||
|
this.items = useState([]); |
||||
|
this.menuService = useService("menu"); |
||||
|
this.actionService = useService("action"); |
||||
|
this.dialogService = useService("dialog") |
||||
|
useExternalListener(window, "click", this.onWindowClick); |
||||
|
useExternalListener(window, "keydown", this.onWindowKeydown); |
||||
|
} |
||||
|
|
||||
|
toggleSearchVisibility() { |
||||
|
// Toggle the visibility of the search bar.
|
||||
|
this.state.isSearchVisible = !this.state.isSearchVisible; |
||||
|
} |
||||
|
|
||||
|
selectItem(item) { |
||||
|
this.props.close() |
||||
|
// Handle the selection of an item in the search results.
|
||||
|
if (item.isChild) { |
||||
|
this.state.isSearchVisible = false; |
||||
|
this.actionService.doAction( |
||||
|
{ |
||||
|
res_model: item.model, |
||||
|
res_id: item.rec_id, |
||||
|
target: "current", |
||||
|
type: "ir.actions.act_window", |
||||
|
views: [[false, "form"]], |
||||
|
}, |
||||
|
); |
||||
|
} else { |
||||
|
this.resetState(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
async computeState(options = {}) { |
||||
|
// Compute the state based on the provided options.
|
||||
|
const query = "query" in options ? options.query : this.state.query; |
||||
|
const focusedIndex = "focusedIndex" in options ? options.focusedIndex : this.state.focusedIndex; |
||||
|
this.state.query = query; |
||||
|
this.state.focusedIndex = focusedIndex; |
||||
|
this.inputRef.el.value = query; |
||||
|
const result = await rpc("/master/search", { |
||||
|
query: query, |
||||
|
}); |
||||
|
const trimmedQuery = this.state.query.trim(); |
||||
|
this.items.length = 0; |
||||
|
if (!trimmedQuery) { |
||||
|
this.render(); |
||||
|
return; |
||||
|
} |
||||
|
if (result.length != 0) { |
||||
|
for (const record of result) { |
||||
|
var temp_items = []; |
||||
|
for (const rec of record) { |
||||
|
temp_items.push({ |
||||
|
id: nextItemId++, |
||||
|
name: rec.name, |
||||
|
title: rec.title, |
||||
|
rec_id: rec.id, |
||||
|
isChild: rec.isChild, |
||||
|
isParent: rec.isParent, |
||||
|
model: rec.model, |
||||
|
}); |
||||
|
} |
||||
|
this.items.push(temp_items); |
||||
|
} |
||||
|
this.render(); |
||||
|
} else { |
||||
|
this.items = []; |
||||
|
this.render(); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
resetState() { |
||||
|
// Reset the state of the search bar.
|
||||
|
this.computeState({ |
||||
|
focusedIndex: 0, |
||||
|
query: "", |
||||
|
}); |
||||
|
this.inputRef.el.focus(); |
||||
|
} |
||||
|
|
||||
|
// * Handles the search input event.
|
||||
|
//This method is triggered when the user types in the search input field. It fetches
|
||||
|
//* the menu items and records results based on the query and updates the state with the
|
||||
|
//* combined results. If the query is empty, it resets the state and clears the items.
|
||||
|
async onSearchInput(ev) { |
||||
|
const query = this.inputRef.el.value; |
||||
|
if (query.trim()) { |
||||
|
const [menuItems, serverResults] = await Promise.all([ |
||||
|
this.fetchMenuItems(query), |
||||
|
this.fetchServerResults(query), |
||||
|
|
||||
|
]); |
||||
|
this.state.items = [...menuItems, ...serverResults]; |
||||
|
this.computeState({ |
||||
|
query, |
||||
|
focusedIndex: 0, |
||||
|
}); |
||||
|
} else if (this.items.length) { |
||||
|
this.resetState(); |
||||
|
this.state.items = []; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
async fetchMenuItems(query) { |
||||
|
//Fetches menu items based on the query.
|
||||
|
//This method searches through the available menu items and filters them
|
||||
|
//based on the query string. It returns a list of matching menu items.
|
||||
|
const app_list = this.menuService.getAll(); |
||||
|
const menu_list = []; |
||||
|
const apps = this.menuService.getApps(); |
||||
|
let app_name = ""; |
||||
|
for (const app_list_item of app_list) { |
||||
|
if ( |
||||
|
app_list_item.id !== "root" && |
||||
|
app_list_item.actionModel !== false && |
||||
|
app_list_item.name.toLowerCase().match(new RegExp(query.trim().toLowerCase().replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'))) |
||||
|
) { |
||||
|
const app = apps.find((app) => app.appID === app_list_item.appID); |
||||
|
if (app) { |
||||
|
app_name = app.name; |
||||
|
} |
||||
|
menu_list.push({ |
||||
|
id: app_list_item.id, |
||||
|
actionPath: app_list_item.actionPath, |
||||
|
actionID: app_list_item.actionID, |
||||
|
name: `${app_name}/${app_list_item.name}`, |
||||
|
actionModel: app_list_item.actionModel, |
||||
|
class: "", |
||||
|
}); |
||||
|
} |
||||
|
} |
||||
|
return menu_list; |
||||
|
} |
||||
|
async fetchServerResults(query) { |
||||
|
// * Fetches search results from the records based on the query.
|
||||
|
const result = await rpc("/master/search", { |
||||
|
query: query, |
||||
|
}); |
||||
|
|
||||
|
const trimmedQuery = query.trim(); |
||||
|
const serverResults = []; |
||||
|
|
||||
|
if (!trimmedQuery) { |
||||
|
return serverResults; |
||||
|
} |
||||
|
|
||||
|
if (result.length !== 0) { |
||||
|
for (const record of result) { |
||||
|
const temp_items = []; |
||||
|
for (const rec of record) { |
||||
|
temp_items.push({ |
||||
|
id: nextItemId++, |
||||
|
name: rec.name, |
||||
|
title: rec.title, |
||||
|
rec_id: rec.id, |
||||
|
isChild: rec.isChild, |
||||
|
isParent: rec.isParent, |
||||
|
model: rec.model, |
||||
|
}); |
||||
|
} |
||||
|
serverResults.push(temp_items); |
||||
|
} |
||||
|
} |
||||
|
return serverResults; |
||||
|
} |
||||
|
|
||||
|
onWindowClick(ev) { |
||||
|
this.props.close() |
||||
|
// Handle clicks on the window.
|
||||
|
if (this.items.length) { |
||||
|
this.resetState(); |
||||
|
} |
||||
|
} |
||||
|
onWindowKeydown(ev) { |
||||
|
// Check if the pressed key is the "Esc" key
|
||||
|
if (ev.key === "Escape") { |
||||
|
this.onClickMenu(); |
||||
|
} |
||||
|
} |
||||
|
onClickMenu() { |
||||
|
this.props.close() |
||||
|
} |
||||
|
onSearchIconClick() { |
||||
|
// Handle clicks on the search icon.
|
||||
|
this.dialogService.add(MasterSearchDialog) |
||||
|
this.toggleSearchVisibility(); |
||||
|
} |
||||
|
onCLickMasterModal(ev){ |
||||
|
ev.stopPropagation() |
||||
|
} |
||||
|
closeSearch() { |
||||
|
// Close the search bar.
|
||||
|
this.state.isSearchVisible = false; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
MasterSearchDialog.template = "master_search_systray.MasterSearchDialog" |
||||
|
MasterSearchDialog.components = { Dialog } |
||||
@ -0,0 +1,20 @@ |
|||||
|
/** @odoo-module **/ |
||||
|
import { registry } from "@web/core/registry"; |
||||
|
import { Component } from "@odoo/owl"; |
||||
|
import { useService } from "@web/core/utils/hooks"; |
||||
|
import { MasterSearchDialog } from "./MasterSearchDialog" |
||||
|
|
||||
|
export class SearchBarSystray extends Component { |
||||
|
|
||||
|
// Component for the search bar in the systray.
|
||||
|
setup() { |
||||
|
this.dialogService = useService("dialog") |
||||
|
} |
||||
|
onSearchIconClick() { |
||||
|
// Handle clicks on the search icon.
|
||||
|
this.dialogService.add(MasterSearchDialog) |
||||
|
} |
||||
|
} |
||||
|
SearchBarSystray.template = "master_search_systray.SearchBarSystray"; |
||||
|
export const systrayItem = { Component: SearchBarSystray, }; |
||||
|
registry.category("systray").add("SearchBar", systrayItem, { sequence: 1,}); |
||||
@ -0,0 +1,76 @@ |
|||||
|
.master_searchview_autocomplete { |
||||
|
top: 100%; |
||||
|
|
||||
|
> li { |
||||
|
margin: 5px 0px; |
||||
|
} |
||||
|
} |
||||
|
.master_searchview_input_container { |
||||
|
padding:5px; |
||||
|
display: flex; |
||||
|
position: relative; |
||||
|
} |
||||
|
.master_searchview_input { |
||||
|
border-bottom: 1px solid $o-brand-secondary; |
||||
|
margin-bottom: 15px; |
||||
|
width: 100%; |
||||
|
background-color: #fdfcfc; |
||||
|
} |
||||
|
.o_search_bar_systray{ |
||||
|
align-self: center; |
||||
|
} |
||||
|
.search_bar_style { |
||||
|
border: 1px solid gainsboro !important; |
||||
|
min-width: 100%; |
||||
|
min-height: 40vh; |
||||
|
height:40vh; |
||||
|
display: flex !important;} |
||||
|
|
||||
|
.custom-search{ |
||||
|
background: white; |
||||
|
padding: 0.3125rem 0.625rem; |
||||
|
font-size: 0.875rem; |
||||
|
font-weight: 400; |
||||
|
line-height: 1.5; |
||||
|
color: #495057; |
||||
|
background-color: white; |
||||
|
background-clip: padding-box; |
||||
|
border: 1px solid #ced4da; |
||||
|
appearance: none; |
||||
|
border-radius: 0.5rem; |
||||
|
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
||||
|
} |
||||
|
.search_div{ |
||||
|
display: flex; |
||||
|
margin: 3%; |
||||
|
} |
||||
|
.search_icon{ |
||||
|
margin-left: 5%; |
||||
|
margin-top: 3%; |
||||
|
} |
||||
|
.create_icon{ |
||||
|
margin-left: 10%; |
||||
|
} |
||||
|
.master_searchview_autocomplete { |
||||
|
@include o-position-absolute(calc(100% + #{$border-width * 3}), 0); |
||||
|
width: 100%; |
||||
|
|
||||
|
.o_menu_item { |
||||
|
align-items: center; |
||||
|
display: flex; |
||||
|
|
||||
|
&.o_indent { |
||||
|
padding-left: 0.5rem; |
||||
|
} |
||||
|
|
||||
|
a { |
||||
|
color: inherit; |
||||
|
&.o_expand { |
||||
|
display: flex; |
||||
|
justify-content: center; |
||||
|
width: 25px; |
||||
|
@include o-position-absolute($left: 0); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,92 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8" ?> |
||||
|
<!-- Template for the Search Bar in the Systray --> |
||||
|
<templates xml:space="preserve"> |
||||
|
<t t-name="master_search_systray.MasterSearchDialog" owl="1"> |
||||
|
<div class="master-onboard_modal-container master_modal-container"> |
||||
|
<div class="modal-dialog w-50 dashboard_modal-box"> |
||||
|
<div class="modal-content modal_content" |
||||
|
t-on-click="(ev) => this.onCLickMasterModal(ev)"> |
||||
|
<div class="modal-body py-0"> |
||||
|
<div class="search_div"> |
||||
|
<input type="text" |
||||
|
class="custom-search" |
||||
|
accesskey="Q" |
||||
|
placeholder="Search..." |
||||
|
role="searchbox" |
||||
|
t-ref="autofocus" |
||||
|
/> |
||||
|
<button class="search-button" |
||||
|
t-on-click="onSearchInput"><i class="fa fa-search"/></button> |
||||
|
</div> |
||||
|
<div class="rounded-0 dropdown-menu master_searchview_autocomplete dropdown-menu show search_bar_style" |
||||
|
t-att-style="items.length ? 'height:50vh;': ''"> |
||||
|
<div t-if="state.items" |
||||
|
class="modal-body search_modal-body px-3 pt-0" |
||||
|
style="border-right:1px solid #dfdfdf"> |
||||
|
<t t-if="state.items.length > 0"> |
||||
|
<p class="small-heading dropdown-item">Related Menus</p> |
||||
|
<ul class="nav flex-column" |
||||
|
t-foreach="state.items" |
||||
|
t-as="item" t-key="item.id"> |
||||
|
<t t-log="item,'ybbhuj'"/> |
||||
|
<li class="o_menu_item dropdown-item"> |
||||
|
<a class="nav-link d-flex align-items-center justify-content-between gap-2 sidebar-nav search_suggestion-list" |
||||
|
t-attf-class="search-item-{{item.id}}" |
||||
|
t-att-id="item.id" |
||||
|
t-attf-href="/odoo/{{item.actionPath}} or /odoo/action-{{item.actionID}}" |
||||
|
t-att-title="item.title" |
||||
|
t-on-click="onClickMenu" |
||||
|
> |
||||
|
<div class="d-flex align-items-center gap-2"> |
||||
|
<i class="icons-class" |
||||
|
t-att-class="item.webIcon" |
||||
|
t-if="item.webIcon"/> |
||||
|
<t t-esc="item.name"/> |
||||
|
</div> |
||||
|
</a> |
||||
|
</li> |
||||
|
</ul> |
||||
|
</t> |
||||
|
</div> |
||||
|
<t t-if="items"> |
||||
|
<t t-foreach="items" t-as="content" |
||||
|
t-key="content[0]['title']"> |
||||
|
<div class="w-100" |
||||
|
style="border-right:1px solid #dfdfdf"> |
||||
|
<ul role="menu px-0" |
||||
|
style="padding-left: 1rem; padding-right : 1rem;"> |
||||
|
<t t-if="content.length!=0"> |
||||
|
<t t-foreach="content" |
||||
|
t-as="item" |
||||
|
t-key="item.id"> |
||||
|
<li class="o_menu_item dropdown-item" |
||||
|
t-att-class="{ o_indent: item.isChild, focus: item_index === state.focusedIndex}" |
||||
|
t-on-click="() => this.selectItem(item)" |
||||
|
t-att-id="item.id"> |
||||
|
<t t-if="item.isParent"> |
||||
|
<t t-esc="item.title"/> |
||||
|
</t> |
||||
|
<t t-if="item.isChild"> |
||||
|
<t t-esc="item.name"/> |
||||
|
</t> |
||||
|
</li> |
||||
|
</t> |
||||
|
</t> |
||||
|
</ul> |
||||
|
</div> |
||||
|
</t> |
||||
|
</t> |
||||
|
<t t-else=""> |
||||
|
<div class="d-flex justify-content-center align-items-center flex-column w-100"> |
||||
|
<h1> |
||||
|
No records Found |
||||
|
</h1> |
||||
|
</div> |
||||
|
</t> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</templates> |
||||
@ -0,0 +1,15 @@ |
|||||
|
<?xml version="1.0" encoding="UTF-8"?> |
||||
|
<!-- Template for the Search Bar in the Systray --> |
||||
|
<templates xml:space="preserve"> |
||||
|
<t t-name="master_search_systray.SearchBarSystray" owl="1"> |
||||
|
<div class="o_search_bar_systray"> |
||||
|
<div class="master_searchview_input_container d-flex flex-grow-1 flex-wrap gap-1"> |
||||
|
<div class="o_search_icon " style="color:black" |
||||
|
t-on-click="onSearchIconClick"> |
||||
|
<i class="fa fa-search"/> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</t> |
||||
|
</templates> |
||||
|
|
||||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue