+
+
+
+
+
+ 
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+ Odoo.sh
+
+
+
+
+
+
+
+
+
+ 
+
+ + Fountain Widget
++ This Widget is Used to Select the Many2one Field in Fountain + Manner.
+ +
+
+
+
+ 
+
+
+ + Explore This + Module
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Overview +
+
+
+
+
+
+
+ This is a widget for many2one fields having parent and child relation. By using this widget we can select
+ record in fountain manner.
+
+
+
+
+ 
+
+
+ + Features +
+
+
+
+
+
+
+
+
+
+ 
+ Community, Odoo.sh &
+ Enterprise Support.
+
+
+ Community, Odoo.sh &
+ Enterprise Support.
+
+
+ Generates dynamic dropdown menus with hierarchical options.
+
+
+ Generates dynamic dropdown menus with hierarchical options.
+
+
+ Provides an interactive user interface for selecting options.
+
+
+ Provides an interactive user interface for selecting options.
+
+
+ Supports saving selected data to the database.
+
+
+ Supports saving selected data to the database.
+
+
+ Fetches data from the backend in real-time.
+
+
+ Fetches data from the backend in real-time.
+
+
+ Organizes options in a hierarchical structure.
+
+
+ Organizes options in a hierarchical structure.
+
+
+ Supports parent-child relationships between dropdown options.
+
+
+ Supports parent-child relationships between dropdown options.
+
+
+
+ 
+
+
+ + Screenshots +
+
+
+
+
+
+
+
+
+ 
+
+
+ + The provided screenshot displays a standard Many2One field for + product category in Odoo. +
+
+
+
+ 
+
+
+
+ + Add 'widget="fountain_widget"' to the view of Many2One field, + you can do so either through the user interface (UI) or via + code. Here's how to achieve it through the UI, by + editing the form view. +
+
+
+
+ 
+
+
+
+ + After adding the widget to the Many2One field in Odoo, you will + have a new custom dropdown functionality to display hierarchical + data. +
+
+
+
+ 
+
+
+
+ + When you click on the field, the parent records will be + displayed first in the dropdown. +
+
+
+
+ 
+
+
+ + An arrow icon indicates records that have child records. + Clicking on that record will open a dropdown containing its + child records.
+
+
+ 
+
+
+ + The hierarchical structure continues for records with child + records, with each click opening another dropdown for the child + records, maintaining the hierarchy.
+
+
+ 
+
+
+ + In addition to clicking, the field's value also updates + according to the selected record. Finally, you can save the record with the selected values in the + Many2One field.
+
+
+ 
+
+
+ + After saving, you will see the updated value in the Many2One + field. +
+
+
+
+
+ 
+
+
+ + Related + Products +
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+ + 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 +
+
+
+
\ No newline at end of file
diff --git a/fountain_widget_many2one/static/src/css/fountain_widget_many2one.css b/fountain_widget_many2one/static/src/css/fountain_widget_many2one.css
new file mode 100644
index 000000000..88a6f2dc6
--- /dev/null
+++ b/fountain_widget_many2one/static/src/css/fountain_widget_many2one.css
@@ -0,0 +1,11 @@
+.divMargin{
+margin-right: 11px;
+border-right: 1px solid black;
+padding-right: 10px;
+}
+.dropdown-item-text {
+ display: block;
+ padding: 3px 20px;
+ color: #495057;
+ position: relative;
+}
diff --git a/fountain_widget_many2one/static/src/css/fountain_widget_many2one.scss b/fountain_widget_many2one/static/src/css/fountain_widget_many2one.scss
new file mode 100644
index 000000000..9bfb3c16e
--- /dev/null
+++ b/fountain_widget_many2one/static/src/css/fountain_widget_many2one.scss
@@ -0,0 +1,8 @@
+.icon_style{
+ &::after{
+ content: "\f061";
+ font-family: 'FontAwesome';
+ position: absolute;
+ right: 0px;
+}
+}
diff --git a/fountain_widget_many2one/static/src/js/fountain_widget_component.js b/fountain_widget_many2one/static/src/js/fountain_widget_component.js
new file mode 100644
index 000000000..a1189a6a3
--- /dev/null
+++ b/fountain_widget_many2one/static/src/js/fountain_widget_component.js
@@ -0,0 +1,9 @@
+/** @odoo-module **/
+import { Dropdown } from "@web/core/dropdown/dropdown";
+//Extending the Dropdown and adding the inputData into the props
+export class FountainDropdown extends Dropdown { }
+FountainDropdown.template = "fountain.Dropdown"
+FountainDropdown.props = {
+ ...Dropdown.props,
+ inputData: { type: Object, optional: true }
+}
diff --git a/fountain_widget_many2one/static/src/js/fountain_widget_many2one.js b/fountain_widget_many2one/static/src/js/fountain_widget_many2one.js
new file mode 100644
index 000000000..106bf85cb
--- /dev/null
+++ b/fountain_widget_many2one/static/src/js/fountain_widget_many2one.js
@@ -0,0 +1,67 @@
+/** @odoo-module **/
+import { Component, useState, useEffect, onWillStart } from "@odoo/owl";
+import { registry } from "@web/core/registry";
+import { standardFieldProps } from "@web/views/fields/standard_field_props";
+import { Dropdown } from "@web/core/dropdown/dropdown";
+import { DropdownItem } from "@web/core/dropdown/dropdown_item";
+import { FountainDropdown } from "./fountain_widget_component"
+import { useService } from '@web/core/utils/hooks';
+
+export class FountainWidget extends Component {
+ //Extending component and creating a new widget
+ setup() {
+ this.orm = useService('orm');
+ useEffect(() => { this.state.inputData = this.props.record.data[this.props.name] }, () => [this.props])
+ this.state = useState({
+ childMenu: {},
+ inputData: this.props.record.data[this.props.name]
+ });
+ onWillStart(async () => {
+ this.state.category = await this.orm.searchRead(this.props.record.fields[this.props.id].relation, []);
+ });
+ this.index = 0
+ }
+ // Function for returning the data to be inserted in the input
+ get inputData() {
+ return {
+ input: this.state.inputData[1]
+ }
+ }
+ // Function to get parent records
+ get parentMenu() {
+ return this.state.category.filter(item => !item.parent_id)
+ }
+ // Function to get child records
+ get childKeys() {
+ return Object.keys(this.state.childMenu)
+ }
+ // Click function of the options
+ onClickDropDown(parent_id, index = 0) {
+ if (this.index >= index) {
+ let childLength = this.childKeys.length
+ while (index < childLength) {
+ const keyIndex = this.childKeys[index]
+ delete this.state.childMenu[keyIndex]
+ childLength--
+ }
+ }
+ let obj = this.state.category.filter(item => item.parent_id[0] === parent_id)
+ if (!this.state.childMenu.hasOwnProperty(parent_id) && obj.length > 0) {
+ this.state.childMenu[parent_id] = obj
+ this.index = index;
+ }
+ this.props.update([parent_id])
+ return obj
+ }
+}
+FountainWidget.template = 'FountainWidgetField';
+FountainWidget.components = {
+ Dropdown,
+ DropdownItem,
+ FountainDropdown,
+};
+FountainWidget.props = {
+ ...standardFieldProps,
+};
+FountainWidget.supportedTypes = ["many2one"];
+registry.category("fields").add("fountain_widget", FountainWidget);
diff --git a/fountain_widget_many2one/static/src/xml/fountain_widget_component.xml b/fountain_widget_many2one/static/src/xml/fountain_widget_component.xml
new file mode 100644
index 000000000..26e6c617c
--- /dev/null
+++ b/fountain_widget_many2one/static/src/xml/fountain_widget_component.xml
@@ -0,0 +1,38 @@
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+