+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+ 
+
+
+ + Advanced Search In Systray
++ The module enables Users to search the records based on name in any Module. +
+
+
+
+ x
+
+
+ 
+
+
+ + Explore This Module
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview
+
+
+
+
+
+ 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.
+
+
+
+
+ 
+
+
+ + Features
+
+
+
+
+
+
+
+ 
+ Advance Search user
+
+
+ Advance Search user
+
+
+
+
+ Intuitive Navigation
+
+
+ Intuitive Navigation
+
+
+
+ 
+
+
+ + Screenshots
+
+
+
+
+
+
+
+ 
+
+ Go to Settings then Select Master Search Management
+
+
+ 
+
+ + Please select any modules you want to include in your master search.
+
+
+ 
+
+ + Click on the Search Icon located in the top-right corner of the Systray
+
+
+ 
+
+ + Input your desired search query and click the Search Icon to retrieve relevant results.
+
+
+ 
+
+ + You will get the results from here and by clicking the record from related menus
+
+
+ 
+
+ + Clicking on the record will take you directly to the corresponding menu.
+
+
+ 
+
+ + Clicking on records outside of related menus .
+
+
+ 
+
+ + Clicking on the record will take you directly to the corresponding record. +
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+ 
+
+
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Odoo Customization
+
+
+
+ 
+
+
+ + Odoo Implementation
+
+
+
+ 
+
+
+ + Odoo Support
+
+
+
+ 
+
+
+ + Hire Odoo Developer
+
+
+
+ 
+
+
+ + Odoo Integration
+
+
+
+ 
+
+
+ + Odoo Migration
+
+
+
+ 
+
+
+ + Odoo Consultancy
+
+
+
+ 
+
+
+ + Odoo Implementation
+
+
+
+ 
+
+
+ + Odoo Licensing Consultancy
+
+
+
+ 
+
+
+ + Our Industries
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Trading
++ Easily procure and sell your products
+
+
+
+ 
+
+
+ + POS
++ Easy configuration and convivial experience
+
+
+
+ 
+
+
+ + Education
++ A platform for educational management
+
+
+
+ 
+
+
+ + Manufacturing
++ Plan, track and schedule your operations
+
+
+
+ 
+
+
+ + E-commerce & Website
++ Mobile friendly, awe-inspiring product pages
+
+
+
+ 
+
+
+ + Service Management
++ Keep track of services and invoice
+
+
+
+ 
+
+
+ + Restaurant
++ Run your bar or restaurant methodically
+
+
+
+ 
+
+
+ + Hotel Management
++ An all-inclusive hotel management application
+
+
+
+ 
+
+
+ + Support
+
+
+
diff --git a/master_search_systray/static/src/css/style.css b/master_search_systray/static/src/css/style.css
new file mode 100755
index 000000000..261c26e59
--- /dev/null
+++ b/master_search_systray/static/src/css/style.css
@@ -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%;
+}
+.modal-body{
+ overflow: visible;
+}
+
diff --git a/master_search_systray/static/src/js/MasterSearchDialog.js b/master_search_systray/static/src/js/MasterSearchDialog.js
new file mode 100755
index 000000000..1bc0d70dc
--- /dev/null
+++ b/master_search_systray/static/src/js/MasterSearchDialog.js
@@ -0,0 +1,218 @@
+/** @odoo-module **/
+import { _t } from "@web/core/l10n/translation";
+import { Dialog } from "@web/core/dialog/dialog";
+import { useService } from "@web/core/utils/hooks";
+let nextItemId = 1;
+const { Component} = owl;
+const { useRef,useExternalListener, useState } = owl.hooks;
+
+export class MasterSearchDialog extends Dialog {
+ 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.rpc = useService("rpc");
+ 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 this.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,
+ 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 this.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}
\ No newline at end of file
diff --git a/master_search_systray/static/src/js/master_search_icon.js b/master_search_systray/static/src/js/master_search_icon.js
new file mode 100755
index 000000000..9d9e78b1d
--- /dev/null
+++ b/master_search_systray/static/src/js/master_search_icon.js
@@ -0,0 +1,21 @@
+/** @odoo-module **/
+import { registry } from "@web/core/registry";
+import { useService } from "@web/core/utils/hooks";
+import { dialogService } from "@web/core/dialog/dialog_service";
+import { MasterSearchDialog } from "./MasterSearchDialog"
+const { Component} = owl;
+
+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,});
diff --git a/master_search_systray/static/src/scss/master_search_bar.scss b/master_search_systray/static/src/scss/master_search_bar.scss
new file mode 100755
index 000000000..d32312940
--- /dev/null
+++ b/master_search_systray/static/src/scss/master_search_bar.scss
@@ -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);
+ }
+ }
+ }
+}
diff --git a/master_search_systray/static/src/xml/MasterSearchDialog.xml b/master_search_systray/static/src/xml/MasterSearchDialog.xml
new file mode 100755
index 000000000..db5e3b6c2
--- /dev/null
+++ b/master_search_systray/static/src/xml/MasterSearchDialog.xml
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Master Search
+
+
+
+
+
+ Select the modules to include in your master search.
+
+
+ Select modules to search....
+
+
+
+
+
+