[ADD] web_field_tooltip

2025-02-22 13:21:25 +02:00 · 2023-07-03 16:03:06 +02:00
parent 248dd3d182
commit 1299bc9311
21 changed files with 1347 additions and 0 deletions
--- a/web_field_tooltip/static/src/css/web_field_tooltip.css
+++ b/web_field_tooltip/static/src/css/web_field_tooltip.css
@@ -0,0 +1,12 @@
+.tooltip-icon {
+    color: #666666;
+    margin-left: 5px;
+    background: none;
+    border: none;
+}
+
+.popover-footer {
+    margin: 0;
+    padding: 8px 14px;
+    background-color: #f7f7f7;
+}
--- a/web_field_tooltip/static/src/js/web_field_tooltip.js
+++ b/web_field_tooltip/static/src/js/web_field_tooltip.js
@@ -0,0 +1,131 @@
+/* Copyright 2023 ACSONE SA/NV
+   Copyright 2019 TODAY Serpent Consulting Services Pvt. Ltd.
+   License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+odoo.define("web_field_tooltip.FieldTooltip", function(require) {
+    "use strict";
+
+    var core = require("web.core");
+    var FormRenderer = require("web.FormRenderer");
+    var FormController = require("web.FormController");
+    var field_utils = require("web.field_utils");
+    var rpc = require("web.rpc");
+    var _t = core._t;
+
+    FormRenderer.include({
+        /**
+         * @override
+         */
+        _renderTagLabel: function(node) {
+            var self = this;
+            var $result = this._super.apply(this, arguments);
+            var fieldName = node.tag === "label" ? node.attrs.for : node.attrs.name;
+
+            // Check if there's any tooltip that must be rendered for the given view
+
+            rpc.query({
+                model: "ir.model.fields.tooltip",
+                method: "search_read",
+                domain: [
+                    ["field_name", "=", fieldName],
+                    ["model", "=", self.state.model],
+                ],
+            }).then(function(data) {
+                if (data) {
+                    _.each(data, function(tooltip) {
+                        if (tooltip) {
+                            var $after_elem = $("<button>", {
+                                class: "fa fa fa-question-circle tooltip-icon",
+                                for: self._getIDForLabel(fieldName),
+                                role: "button",
+                            });
+
+                            var $popup_div = $("<div/>", {
+                                class: "popup-div",
+                            });
+
+                            var $popup_text = $("<p>", {
+                                html: tooltip.tooltip_text
+                                    ? tooltip.tooltip_text
+                                    : $result.text(),
+                            });
+
+                            $popup_div.append($popup_text);
+
+                            var $popup_last_edit = $("<p>", {
+                                class: "popover-footer",
+                                html:
+                                    _t("Last Updated by: ") +
+                                    field_utils.format.many2one(tooltip.write_uid),
+                            });
+
+                            var $edit_button = $("<button>", {
+                                title: _t("Edit the tooltip"),
+                                class: "fa fa-edit tooltip-icon",
+                            });
+
+                            $edit_button.on("click", function(e) {
+                                e.preventDefault();
+                                return self.do_action({
+                                    type: "ir.actions.act_window",
+                                    name: _t("Edit a Tooltip"),
+                                    res_model: "ir.model.fields.tooltip",
+                                    target: "current",
+                                    res_id: tooltip.id,
+                                    views: [[false, "form"]],
+                                    view_mode: "form",
+                                });
+                            });
+
+                            $popup_last_edit.append($edit_button);
+                            $popup_div.append($popup_last_edit);
+
+                            var options = {
+                                content: $popup_div,
+                                html: true,
+                                placement: "top",
+                                title: $result.text(),
+                                trigger: "focus",
+                                delay: {
+                                    show: 0,
+                                    hide: 100,
+                                },
+                            };
+                            $after_elem.popover(options);
+                            $result.append($after_elem);
+                        }
+                    });
+                }
+            });
+            return $result;
+        },
+    });
+
+    FormController.include({
+        renderSidebar: function($node) {
+            this._super($node);
+            if (this.sidebar) {
+                this.sidebar.items.other.push({
+                    label: _t("Manage Tooltips"),
+                    callback: this.on_manage_tooltips,
+                });
+            }
+        },
+        on_manage_tooltips: function() {
+            var self = this;
+            return self.do_action({
+                type: "ir.actions.act_window",
+                name: _t("Manage Tooltips"),
+                res_model: "ir.model.fields.tooltip",
+                target: "current",
+                views: [
+                    [false, "list"],
+                    [false, "form"],
+                ],
+                view_mode: "list",
+                domain: [["model", "=", self.modelName]],
+                context: {tooltip_model: self.modelName},
+            });
+        },
+    });
+});