+
+
+
+
+
+
+
diff --git a/dynamic_hover_on_related_fields/static/src/js/fieldToltip.js b/dynamic_hover_on_related_fields/static/src/js/fieldToltip.js
new file mode 100644
index 000000000..e3546f92d
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/fieldToltip.js
@@ -0,0 +1,33 @@
+/** @odoo-module **/
+
+export function getTooltipInfo(params) {
+ let widgetDescription = undefined;
+ if (params.fieldInfo.widget) {
+ widgetDescription = params.fieldInfo.field.displayName;
+ }
+
+ const info = {
+ viewMode: params.viewMode,
+ resModel: params.resModel,
+ resId: params.resId,
+ debug: Boolean(odoo.debug),
+ field: {
+ name: params.field.name,
+ help: params.fieldInfo.help ?? params.field.help,
+ type: params.field.type,
+ widget: params.fieldInfo.widget,
+ widgetDescription,
+ context: params.fieldInfo.context,
+ domain: params.fieldInfo.domain || params.field.domain,
+ invisible: params.fieldInfo.invisible,
+ column_invisible: params.fieldInfo.column_invisible,
+ readonly: params.fieldInfo.readonly,
+ required: params.fieldInfo.required,
+ changeDefault: params.field.change_default,
+ relation: params.field.relation,
+ selection: params.field.selection,
+ default: params.field.default,
+ },
+ };
+ return JSON.stringify(info);
+}
diff --git a/dynamic_hover_on_related_fields/static/src/js/formLabel.js b/dynamic_hover_on_related_fields/static/src/js/formLabel.js
new file mode 100644
index 000000000..cd63b288d
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/formLabel.js
@@ -0,0 +1,28 @@
+/** @odoo-module **/
+
+import { FormLabel } from "@web/views/form/form_label"
+import { patch } from "@web/core/utils/patch"
+import { getTooltipInfo } from "./fieldToltip"
+patch(FormLabel.prototype, {
+ /**
+ * Retrieves tooltip information for the FormLabel.
+ * @returns {string} JSON string representing tooltip information.
+ */
+ get tooltipInfo() {
+ if (!odoo.debug) {
+ return JSON.stringify({
+ field: {
+ help: this.tooltipHelp,
+ },
+ });
+ }
+ return getTooltipInfo({
+ viewMode: "form",
+ resModel: this.props.record.resModel,
+ resId: this.props.record.resId,
+ field: this.props.record.fields[this.props.fieldName],
+ fieldInfo: this.props.fieldInfo,
+ help: this.tooltipHelp,
+ });
+ },
+})
\ No newline at end of file
diff --git a/dynamic_hover_on_related_fields/static/src/js/listRenderer.js b/dynamic_hover_on_related_fields/static/src/js/listRenderer.js
new file mode 100644
index 000000000..5cb15894e
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/listRenderer.js
@@ -0,0 +1,29 @@
+/** @odoo-module **/
+
+import { patch } from "@web/core/utils/patch"
+import { ListRenderer } from "@web/views/list/list_renderer";
+
+patch(ListRenderer.prototype, {
+ /**
+ * Generates tooltip information for the ListRenderer.
+ * @returns {string} JSON string representing tooltip information.
+ */
+ tolTipInfo(record, fields) {
+ const field = record.fields[fields.name]
+ const info = {
+ viewMode: "list",
+ resModel: record.resModel,
+ related_record_id: record.data[fields.name][0],
+ resId: record.resId,
+ debug: Boolean(odoo.debug),
+ field: {
+ name: field.name,
+ help: field?.help,
+ type: field.type,
+ domain: field.domain,
+ relation: field.relation,
+ },
+ };
+ return JSON.stringify(info);
+ }
+})
diff --git a/dynamic_hover_on_related_fields/static/src/js/many2ManyTagsField.js b/dynamic_hover_on_related_fields/static/src/js/many2ManyTagsField.js
new file mode 100644
index 000000000..18a943484
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/many2ManyTagsField.js
@@ -0,0 +1,44 @@
+/** @odoo-module **/
+
+import { patch } from "@web/core/utils/patch";
+import { Many2ManyTagsField } from "@web/views/fields/many2many_tags/many2many_tags_field";
+
+patch(Many2ManyTagsField.prototype, {
+
+ /**
+ * Retrieves tag properties for the Many2ManyTagsField.
+ * @param {Object} record - The record for which tag properties are retrieved.
+ * @returns {Object} Tag properties object.
+ */
+ getTagProps(record) {
+ const field = this.props.record.fields[this.props.name]
+ const info = {
+ viewMode: "form",
+ resModel:this.props.record.resModel,
+ resId: this.props.record.resId,
+ related_record_id: record.resId,
+ debug: Boolean(odoo.debug),
+ field: {
+ name: field.name,
+ help: field?.help,
+ type: field.type,
+ domain: field.domain,
+ relation: field.relation,
+ },
+ };
+ return {
+ id: record.id, // datapoint_X
+ resId: record.resId,
+ text: record.data.display_name,
+ colorIndex: record.data[this.props.colorField],
+ onDelete: !this.props.readonly ? () => this.deleteTag(record.id) : undefined,
+ onKeydown: (ev) => {
+ if (this.props.readonly) {
+ return;
+ }
+ this.onTagKeydown(ev);
+ },
+ info: JSON.stringify(info)
+ };
+ }
+})
diff --git a/dynamic_hover_on_related_fields/static/src/js/many2OneField.js b/dynamic_hover_on_related_fields/static/src/js/many2OneField.js
new file mode 100644
index 000000000..c8f1c5eb6
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/many2OneField.js
@@ -0,0 +1,51 @@
+/** @odoo-module **/
+
+import { patch } from "@web/core/utils/patch";
+import { Many2OneField } from "@web/views/fields/many2one/many2one_field";
+
+patch(Many2OneField.prototype, {
+ /**
+ * Generates tooltip information for the Many2OneField.
+ * @returns {string} JSON string representing tooltip information.
+ */
+ get tooltipInfo() {
+ return this.getTooltipInfo({
+ viewMode: "form",
+ resModel: this.props.record.resModel,
+ related_record_id: this.props.record.data[this.props.name][0],
+ resId: this.props.record.resId,
+ field: this.props.record.fields[this.props.name],
+ fieldInfo: this.props.fieldInfo,
+ });
+
+ },
+
+ /**
+ * Constructs tooltip information object based on provided parameters.
+ * @param {Object} params - Parameters for tooltip information.
+ * @param {string} params.viewMode - View mode of the record.
+ * @param {string} params.resModel - Model of the record.
+ * @param {number} params.resId - ID of the record.
+ * @param {Object} params.field - Field information.
+ * @param {Object} params.fieldInfo - Field information.
+ * @returns {string} JSON string representing tooltip information.
+ */
+ getTooltipInfo(params){
+ const info = {
+ viewMode: params.viewMode,
+ resModel: params.resModel,
+ related_record_id: params.related_record_id,
+ resId: params.resId,
+ debug: Boolean(odoo.debug),
+ field: {
+ name: params.field.name,
+ help: params.field?.help,
+ type: params.field.type,
+ domain: params.field.domain,
+ relation: params.field.relation,
+ },
+ };
+ console.log('info',info)
+ return JSON.stringify(info);
+ },
+})
diff --git a/dynamic_hover_on_related_fields/static/src/js/popoverController.js b/dynamic_hover_on_related_fields/static/src/js/popoverController.js
new file mode 100644
index 000000000..85dd58172
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/js/popoverController.js
@@ -0,0 +1,40 @@
+/** @odoo-module **/
+
+import { patch } from "@web/core/utils/patch"
+//import { PopoverController } from "@web/core/popover/popover_controller";
+import { onWillStart } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { usePopover } from "@web/core/popover/popover_hook";
+import { Popover } from "@web/core/popover/popover";
+console.log('Popover',Popover)
+
+const PopoverProps = {
+ setup(){
+ this.orm = useService("orm");
+ onWillStart(async () => await this.getDataFromBackend());
+ super.setup();
+ },
+ /**
+ * Fetches data from the backend to display in tooltips.
+ * Determines whether to call the method for many2many relationships or regular fields.
+ * Updates the required data in the component props.
+ */
+ async getDataFromBackend() {
+ if (!this.props.componentProps?.info?.field?.relation) return
+ if (this.props.componentProps?.info?.related_record_id){
+ const requiredData = await this.orm.call(
+ "hover.related.fields",
+ "finding_the_data_to_show_tooltip_many2many",
+ [this?.props?.componentProps?.info]);
+
+ this.props.componentProps.info.requiredData = requiredData;
+ }else if(this.props.componentProps?.info?.resId){
+ const requiredData = await this.orm.call(
+ "hover.related.fields",
+ "finding_the_data_to_show_tooltip",
+ [this?.props?.componentProps?.info]);
+ this.props.componentProps.info.requiredData = requiredData;
+ }
+ }
+};
+patch(Popover.prototype, PopoverProps);
diff --git a/dynamic_hover_on_related_fields/static/src/xml/listRenderer.xml b/dynamic_hover_on_related_fields/static/src/xml/listRenderer.xml
new file mode 100644
index 000000000..d2ea4efa7
--- /dev/null
+++ b/dynamic_hover_on_related_fields/static/src/xml/listRenderer.xml
@@ -0,0 +1,33 @@
+
+
+
+
+
+
+
+
+
+ Community
+
+
+ Enterprise
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Dynamic Hover on Related Fields Helps you to show the configured fields in a tooltip popup. +
+Dynamic Hover on Related Fields +
+
+ 
+
+
+
+
+ 
+ Email Us
+
+
+ 
+ Skype Us
+
+
+
+ Email Us
+
+
+
+ Skype Us
+
+
+ 
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ Key + Highlights
+
+
+
+
+
+ 
+
+
+ + Dynamic Hover on Related Fields +
++ Dynamic Hover on Related Fields Helps you to show the configured fields in a tooltip popup.
+
+
+
+
+
+
+
+
+ + Effortless Display of Configured Fields +
++ Quickly access relevant information with a convenient tooltip popup that effortlessly showcases configured fields. +
+
+
+
+
+
+
+
+
+ + Flexibility in Field and Model Selection. +
++ Tailor your experience by selecting the specific fields and models you want to see when hovering over related information. +
+
+
+
+
+
+
+
+
+ Dynamic Hover on Related Fields
+
+ Are you ready to make your business more
+ organized?
+
+
+
+
+ Are you ready to make your business more
+ organized?
+
Improve now!
+
+
+ 
+ 
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+
+
+
+
+
+
+
+
+ + Configuration + + +
+
+
+ + Go to Dynamic Hover -> New -> We can see the fields model and fields to configure. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + Configured Records + + +
+
+
+ + Go to Dynamic Hover -> We can see the configured models and fields. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + In Tree View + + +
+
+
+ + Hover over any configured related field to instantly view its data in popup +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + In Form View + +
+
+
+ + +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+ + In Many2many Tags + + +
+
+
+ + Hover on Many2many configured fields. +
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + Available in Odoo 17.0 Community & Enterprise.
+
+
+
+
+
+
+
+
+
+ + Effortless Display of Configured Fields.
+
+
+
+
+
+
+
+
+
+ + Flexibility in Field and Model Selection.
+
+
+
+
+
+
+
+
+
+ + Seamless Interaction.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+ + Dynamic Hover allows you to view related field information by hovering over a field, showing details from linked records without clicking. +
+
+
+
+
+
+
+ + Yes, you can configure which related fields show on hover by customizing the field properties in Odoo. +
+
+
+
+
+
+ + Dynamic Hover works with supported fields in Odoo, but availability may vary depending on the module and customization settings. +
+
+
+
+
+
+
+
+ + Latest Release 18.0.1.0.0 +
+ + 20th November, 2024 + +
+
+
+
+
+
+
+ Add
+
+
+
+ -
+
- + Initial Commit + + +
+
+ + Related Products +
+ +
+ 
+ 
+ 
+ 
+ 
+ + Our Services
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ ....
+
+ + +
+ +
+
+
+
+
+
+
+
+
+
+
+ Field Data
+-
+
+
-
+
+ :
+
+
+ -
+
+ :
+
++ ++
+ -
+
+ :
+
+
+
+
+
+
+
+
+ No Data Available !!!
+
+
+
+
+ Field Data
+-
+ --> Record -
-
+ :
+
+
+ -
+ :
+
+
+
+
+ No Data Available !!!
+-
+