[MIG] web_tree_many2one_clickable: Migration to 16.0

[MIG] web_tree_many2one_clickable: Migration to 16.0 [MIG] web_tree_many2one_clickable: Migration to 16.0 [MIG] web_tree_many2one_clickable: Migration to 16.0
2025-02-22 13:21:25 +02:00 · 2023-03-01 15:55:42 +01:00
parent 564aa5179c
commit b878a1a6d5
11 changed files with 118 additions and 133 deletions
--- a/web_tree_many2one_clickable/static/description/index.html
+++ b/web_tree_many2one_clickable/static/description/index.html
@@ -1,20 +1,20 @@
-<?xml version="1.0" encoding="utf-8" ?>
+<?xml version="1.0" encoding="utf-8"?>
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-<meta name="generator" content="Docutils 0.15.1: http://docutils.sourceforge.net/" />
+<meta name="generator" content="Docutils: https://docutils.sourceforge.io/" />
 <title>Clickable many2one fields for tree views</title>
 <style type="text/css">

 /*
 :Author: David Goodger (goodger@python.org)
-:Id: $Id: html4css1.css 7952 2016-07-26 18:15:59Z milde $
+:Id: $Id: html4css1.css 8954 2022-01-20 10:10:25Z milde $
 :Copyright: This stylesheet has been placed in the public domain.

 Default cascading style sheet for the HTML output of Docutils.

-See http://docutils.sf.net/docs/howto/html-stylesheets.html for how to
+See https://docutils.sourceforge.io/docs/howto/html-stylesheets.html for how to
 customize this style sheet.
 */

@@ -366,57 +366,60 @@ ul.auto-toc {
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! source digest: sha256:2b8b8f544159751e2d6eec3db8f694788e672e6ccde284cf0783987f58441d3a
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<p><a class="reference external" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external" href="https://github.com/OCA/web/tree/15.0/web_tree_many2one_clickable"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external" href="https://translation.odoo-community.org/projects/web-15-0/web-15-0-web_tree_many2one_clickable"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external" href="https://runbot.odoo-community.org/runbot/162/15.0"><img alt="Try me on Runbot" src="https://img.shields.io/badge/runbot-Try%20me-875A7B.png" /></a></p>
+<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/web/tree/16.0/web_tree_many2one_clickable"><img alt="OCA/web" src="https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_tree_many2one_clickable"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/web&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
 <p>This addon forces Odoo to use many2one widget on a many2one fields in
 tree views. This allows users to open linked resources from trees directly,
 using a button without accessing the form.</p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
 <ul class="simple">
-<li><a class="reference internal" href="#usage" id="id1">Usage</a></li>
-<li><a class="reference internal" href="#known-issues-roadmap" id="id2">Known issues / Roadmap</a></li>
-<li><a class="reference internal" href="#bug-tracker" id="id3">Bug Tracker</a></li>
-<li><a class="reference internal" href="#credits" id="id4">Credits</a><ul>
-<li><a class="reference internal" href="#authors" id="id5">Authors</a></li>
-<li><a class="reference internal" href="#contributors" id="id6">Contributors</a></li>
-<li><a class="reference internal" href="#maintainers" id="id7">Maintainers</a></li>
+<li><a class="reference internal" href="#usage" id="toc-entry-1">Usage</a></li>
+<li><a class="reference internal" href="#known-issues-roadmap" id="toc-entry-2">Known issues / Roadmap</a></li>
+<li><a class="reference internal" href="#bug-tracker" id="toc-entry-3">Bug Tracker</a></li>
+<li><a class="reference internal" href="#credits" id="toc-entry-4">Credits</a><ul>
+<li><a class="reference internal" href="#authors" id="toc-entry-5">Authors</a></li>
+<li><a class="reference internal" href="#contributors" id="toc-entry-6">Contributors</a></li>
+<li><a class="reference internal" href="#maintainers" id="toc-entry-7">Maintainers</a></li>
 </ul>
 </li>
 </ul>
 </div>
 <div class="section" id="usage">
-<h1><a class="toc-backref" href="#id1">Usage</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-1">Usage</a></h1>
 <p>Put the mouse pointer over a many2one cell and click the button.</p>
-<img alt="https://raw.githubusercontent.com/OCA/web/15.0/web_tree_many2one_clickable/static/img/clickable.gif" src="https://raw.githubusercontent.com/OCA/web/15.0/web_tree_many2one_clickable/static/img/clickable.gif" />
+<img alt="https://raw.githubusercontent.com/OCA/web/16.0/web_tree_many2one_clickable/static/img/clickable.gif" src="https://raw.githubusercontent.com/OCA/web/16.0/web_tree_many2one_clickable/static/img/clickable.gif" />
 </div>
 <div class="section" id="known-issues-roadmap">
-<h1><a class="toc-backref" href="#id2">Known issues / Roadmap</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-2">Known issues / Roadmap</a></h1>
 <p>This widget is currently not working on the product field in the lines tree of the
 sale order form, see <a class="reference external" href="https://github.com/OCA/web/pull/1438">https://github.com/OCA/web/pull/1438</a> for further details.</p>
 <p>To add this functionality to lines of sales, purchases and invoices, as they are
 special views, is required a glue module that add this feature.</p>
 </div>
 <div class="section" id="bug-tracker">
-<h1><a class="toc-backref" href="#id3">Bug Tracker</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-3">Bug Tracker</a></h1>
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/web/issues">GitHub Issues</a>.
 In case of trouble, please check there if your issue has already been reported.
-If you spotted it first, help us smashing it by providing a detailed and welcomed
-<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_tree_many2one_clickable%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+If you spotted it first, help us to smash it by providing a detailed and welcomed
+<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_tree_many2one_clickable%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
-<h1><a class="toc-backref" href="#id4">Credits</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-4">Credits</a></h1>
 <div class="section" id="authors">
-<h2><a class="toc-backref" href="#id5">Authors</a></h2>
+<h2><a class="toc-backref" href="#toc-entry-5">Authors</a></h2>
 <ul class="simple">
 <li>Therp BV</li>
 <li>Tecnativa</li>
 <li>Camptocamp</li>
+<li>Onestein</li>
 </ul>
 </div>
 <div class="section" id="contributors">
-<h2><a class="toc-backref" href="#id6">Contributors</a></h2>
+<h2><a class="toc-backref" href="#toc-entry-6">Contributors</a></h2>
 <ul class="simple">
 <li>Therp BV</li>
 <li>Pedro M. Baeza &lt;<a class="reference external" href="mailto:pedro.baeza&#64;serviciosbaeza.com">pedro.baeza&#64;serviciosbaeza.com</a>&gt;</li>
@@ -425,16 +428,17 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 <li>Artem Kostyuk &lt;<a class="reference external" href="mailto:a.kostyuk&#64;mobilunity.com">a.kostyuk&#64;mobilunity.com</a>&gt;</li>
 <li>Anand Kansagra &lt;<a class="reference external" href="mailto:kansagraanand&#64;hotmail.com">kansagraanand&#64;hotmail.com</a>&gt;</li>
 <li>Alexandre Díaz &lt;<a class="reference external" href="mailto:alexandre.diaz&#64;tecnativa.com">alexandre.diaz&#64;tecnativa.com</a>&gt;</li>
+<li>Dennis Sluijk &lt;<a class="reference external" href="mailto:d.sluijk&#64;onestein.nl">d.sluijk&#64;onestein.nl</a>&gt;</li>
 </ul>
 </div>
 <div class="section" id="maintainers">
-<h2><a class="toc-backref" href="#id7">Maintainers</a></h2>
+<h2><a class="toc-backref" href="#toc-entry-7">Maintainers</a></h2>
 <p>This module is maintained by the OCA.</p>
 <a class="reference external image-reference" href="https://odoo-community.org"><img alt="Odoo Community Association" src="https://odoo-community.org/logo.png" /></a>
 <p>OCA, or the Odoo Community Association, is a nonprofit organization whose
 mission is to support the collaborative development of Odoo features and
 promote its widespread use.</p>
-<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/15.0/web_tree_many2one_clickable">OCA/web</a> project on GitHub.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/web/tree/16.0/web_tree_many2one_clickable">OCA/web</a> project on GitHub.</p>
 <p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
 </div>
 </div>
--- a/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.esm.js
+++ b/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.esm.js
@@ -0,0 +1,33 @@
+/** @odoo-module */
+/* Copyright 2013 Therp BV (<http://therp.nl>).
+ * Copyright 2015 Pedro M. Baeza <pedro.baeza@serviciosbaeza.com>
+ * Copyright 2016 Antonio Espinosa <antonio.espinosa@tecnativa.com>
+ * Copyright 2017 Sodexis <dev@sodexis.com>
+ * Copyright 2018 Camptocamp SA
+ * Copyright 2019 Alexandre Díaz <alexandre.diaz@tecnativa.com>
+ * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
+
+import {ListRenderer} from "@web/views/list/list_renderer";
+import {Component} from "@odoo/owl";
+import {useService} from "@web/core/utils/hooks";
+
+export class TreeMany2oneClickableButton extends Component {
+    setup() {
+        this.actionService = useService("action");
+    }
+
+    async onClick(ev) {
+        ev.stopPropagation();
+        return this.actionService.doAction({
+            type: "ir.actions.act_window",
+            res_model: this.props.field.relation,
+            res_id: this.props.value[0],
+            views: [[false, "form"]],
+            target: "target",
+            additionalContext: this.props.context || {},
+        });
+    }
+}
+TreeMany2oneClickableButton.template = "web_tree_many2one_clickable.Button";
+
+Object.assign(ListRenderer.components, {TreeMany2oneClickableButton});
--- a/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.scss
+++ b/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.scss
@@ -0,0 +1,10 @@
+td.o_list_many2one {
+    button.web_tree_many2one_clickable {
+        margin-left: 0.5em;
+        visibility: hidden;
+    }
+
+    &:hover button.web_tree_many2one_clickable {
+        visibility: visible;
+    }
+}
--- a/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.xml
+++ b/web_tree_many2one_clickable/static/src/components/many2one_button/many2one_button.xml
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<templates>
+    <t t-name="web_tree_many2one_clickable.Button" owl="1">
+        <button
+            class="btn btn-sm btn-secondary fa fa-arrow-right web_tree_many2one_clickable"
+            t-on-click="onClick"
+        >
+        </button>
+    </t>
+
+    <t t-inherit="web.ListRenderer.RecordRow" t-inherit-mode="extension">
+        <xpath expr="//Field" position="after">
+            <TreeMany2oneClickableButton
+                record="record"
+                field="record.fields[column.name]"
+                value="record.data[column.name]"
+                t-if="record.fields[column.name].type == 'many2one' and record.data[column.name] and canUseFormatter(column, record) and !props.archInfo.fieldNodes[column.name].options.no_open"
+            />
+        </xpath>
+    </t>
+</templates>
--- a/web_tree_many2one_clickable/static/src/css/web_tree_many2one_clickable.scss
+++ b/web_tree_many2one_clickable/static/src/css/web_tree_many2one_clickable.scss
@@ -1,10 +0,0 @@
-td.o_many2one_cell {
-    a {
-        margin-left: 0.5em;
-        visibility: hidden;
-    }
-
-    &:hover a {
-        visibility: visible;
-    }
-}
--- a/web_tree_many2one_clickable/static/src/js/web_tree_many2one_clickable.js
+++ b/web_tree_many2one_clickable/static/src/js/web_tree_many2one_clickable.js
@@ -1,68 +0,0 @@
-/* Copyright 2013 Therp BV (<http://therp.nl>).
- * Copyright 2015 Pedro M. Baeza <pedro.baeza@serviciosbaeza.com>
- * Copyright 2016 Antonio Espinosa <antonio.espinosa@tecnativa.com>
- * Copyright 2017 Sodexis <dev@sodexis.com>
- * Copyright 2018 Camptocamp SA
- * Copyright 2019 Alexandre Díaz <alexandre.diaz@tecnativa.com>
- * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
-
-odoo.define("web_tree_many2one_clickable.many2one_clickable", function (require) {
-    "use strict";
-
-    var ListRenderer = require("web.ListRenderer");
-    var ListFieldMany2One = require("web.relational_fields").ListFieldMany2One;
-
-    ListRenderer.include({
-        _renderBodyCell: function (record, node, colIndex, options) {
-            if (
-                !node.attrs.widget &&
-                node.attrs.name &&
-                this.state.fields[node.attrs.name] &&
-                this.state.fields[node.attrs.name].type === "many2one"
-            ) {
-                // No explicit widget provided on a many2one field,
-                // force `many2one` widget
-                node.attrs.widget = "many2one";
-            }
-            return this._super(record, node, colIndex, options);
-        },
-    });
-
-    ListFieldMany2One.include({
-        _renderReadonly: function () {
-            this._super.apply(this, arguments);
-            var self = this;
-
-            if (!this.noOpen && this.value) {
-                // Replace '<a>' element
-                this.$el.removeClass("o_form_uri");
-                this.$el = $("<span/>", {
-                    html: this.$el.html(),
-                    class: this.$el.attr("class") + " o_field_text",
-                    name: this.$el.attr("name"),
-                });
-
-                // Append button
-                var $a = $("<a/>", {
-                    href: "#",
-                    class: "o_form_uri btn btn-sm btn-secondary fa fa-angle-double-right",
-                }).on("click", function (ev) {
-                    ev.preventDefault();
-                    ev.stopPropagation();
-
-                    self.do_action({
-                        type: "ir.actions.act_window",
-                        res_model: self.field.relation,
-                        res_id: self.value.res_id,
-                        views: [[false, "form"]],
-                        target: "target",
-                        context: self.record.getContext({
-                            additionalContext: self.attrs.context || {},
-                        }),
-                    });
-                });
-                this.$el.append($a);
-            }
-        },
-    });
-});