From 8d42b1676d3a7caeb6829363bb5ba612878ca46c Mon Sep 17 00:00:00 2001 From: Carlos Lopez Date: Mon, 2 Dec 2024 13:28:14 -0500 Subject: [PATCH] [ADD] web_widget_product_label_section_and_note: New module to unify the product and name into a single column. --- .../README.rst | 106 ++++ .../__init__.py | 0 .../__manifest__.py | 22 + ..._widget_product_label_section_and_note.pot | 63 +++ .../readme/CONFIGURE.rst | 8 + .../readme/CONTRIBUTORS.rst | 4 + .../readme/DESCRIPTION.rst | 1 + .../readme/ROADMAP.rst | 3 + .../readme/USAGE.rst | 3 + .../static/description/icon.png | Bin 0 -> 9455 bytes .../static/description/index.html | 460 ++++++++++++++++++ ...roduct_label_section_and_note_field.esm.js | 271 +++++++++++ .../product_label_section_and_note_field.scss | 5 + .../product_label_section_and_note_field.xml | 219 +++++++++ .../views/account_move_views.xml | 25 + 15 files changed, 1190 insertions(+) create mode 100644 web_widget_product_label_section_and_note/README.rst create mode 100644 web_widget_product_label_section_and_note/__init__.py create mode 100644 web_widget_product_label_section_and_note/__manifest__.py create mode 100644 web_widget_product_label_section_and_note/i18n/web_widget_product_label_section_and_note.pot create mode 100644 web_widget_product_label_section_and_note/readme/CONFIGURE.rst create mode 100644 web_widget_product_label_section_and_note/readme/CONTRIBUTORS.rst create mode 100644 web_widget_product_label_section_and_note/readme/DESCRIPTION.rst create mode 100644 web_widget_product_label_section_and_note/readme/ROADMAP.rst create mode 100644 web_widget_product_label_section_and_note/readme/USAGE.rst create mode 100644 web_widget_product_label_section_and_note/static/description/icon.png create mode 100644 web_widget_product_label_section_and_note/static/description/index.html create mode 100644 web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.esm.js create mode 100644 web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.scss create mode 100644 web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml create mode 100644 web_widget_product_label_section_and_note/views/account_move_views.xml diff --git a/web_widget_product_label_section_and_note/README.rst b/web_widget_product_label_section_and_note/README.rst new file mode 100644 index 000000000..4d03bc616 --- /dev/null +++ b/web_widget_product_label_section_and_note/README.rst @@ -0,0 +1,106 @@ +========================================= +Web widget product label section and note +========================================= + +.. + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + !! This file is generated by oca-gen-addon-readme !! + !! changes will be overwritten. !! + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + !! source digest: sha256:b34f3ca01ada6453f702e988c896537cf322d1f7dae827582f4e07313735dc66 + !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + +.. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png + :target: https://odoo-community.org/page/development-status + :alt: Beta +.. |badge2| image:: https://img.shields.io/badge/licence-AGPL--3-blue.png + :target: http://www.gnu.org/licenses/agpl-3.0-standalone.html + :alt: License: AGPL-3 +.. |badge3| image:: https://img.shields.io/badge/github-OCA%2Fweb-lightgray.png?logo=github + :target: https://github.com/OCA/web/tree/16.0/web_widget_product_label_section_and_note + :alt: OCA/web +.. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png + :target: https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_widget_product_label_section_and_note + :alt: Translate me on Weblate +.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png + :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=16.0 + :alt: Try me on Runboat + +|badge1| |badge2| |badge3| |badge4| |badge5| + +This module unifies the product and name into a single column, making it more user-friendly and space-saving. + +**Table of contents** + +.. contents:: + :local: + +Configuration +============= + +To extend this functionality to other modules (for example, Purchase), +in a new module, it is necessary to create an inherited view to change the widget for these fields: + +- `one2many` field with `widget="product_label_section_and_note_field_o2m"`. + +- `product_id` or product_tmpl_id field with `widget="product_label_section_and_note_field"`. + +- `name` field with `widget="section_and_note_text"`. + +Usage +===== + +- Go to the **Invoicing > Customers > Invoices** and add a new line. +- The product label must be displayed just after the product name. +- If the product does not have a description, a button must be displayed to add one. + +Known issues / Roadmap +====================== + +- Add compatibility with `sale` module +- Add compatibility with `purchase_product_matrix` module +- When this module is installed, the PDF report will always display the column `name` as a combination of the `product code`, `product name`, and `description`. This behavior may differ from the expected behavior, where only the column `name` is displayed and can be customized independently. + +Bug Tracker +=========== + +Bugs are tracked on `GitHub Issues `_. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us to smash it by providing a detailed and welcomed +`feedback `_. + +Do not contact contributors directly about support or help with technical issues. + +Credits +======= + +Authors +~~~~~~~ + +* Tecnativa +* Odoo S.A. + +Contributors +~~~~~~~~~~~~ + +* `Tecnativa `_: + + * Pedro M. Baeza + * Carlos Lopez + +Maintainers +~~~~~~~~~~~ + +This module is maintained by the OCA. + +.. image:: https://odoo-community.org/logo.png + :alt: Odoo Community Association + :target: https://odoo-community.org + +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. + +This module is part of the `OCA/web `_ project on GitHub. + +You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute. diff --git a/web_widget_product_label_section_and_note/__init__.py b/web_widget_product_label_section_and_note/__init__.py new file mode 100644 index 000000000..e69de29bb diff --git a/web_widget_product_label_section_and_note/__manifest__.py b/web_widget_product_label_section_and_note/__manifest__.py new file mode 100644 index 000000000..05eae540e --- /dev/null +++ b/web_widget_product_label_section_and_note/__manifest__.py @@ -0,0 +1,22 @@ +{ + "name": "Web widget product label section and note", + "version": "16.0.1.0.0", + "summary": "unify the product and name into a single column", + "author": "Tecnativa, Odoo Community Association (OCA), Odoo S.A.", + "website": "https://github.com/OCA/web", + "depends": [ + "web", + "account", + ], + "data": [ + "views/account_move_views.xml", + ], + "assets": { + "web.assets_backend": [ + "web_widget_product_label_section_and_note/static/src/components/**/*", + ], + }, + "installable": True, + "auto_install": False, + "license": "AGPL-3", +} diff --git a/web_widget_product_label_section_and_note/i18n/web_widget_product_label_section_and_note.pot b/web_widget_product_label_section_and_note/i18n/web_widget_product_label_section_and_note.pot new file mode 100644 index 000000000..e249e0afb --- /dev/null +++ b/web_widget_product_label_section_and_note/i18n/web_widget_product_label_section_and_note.pot @@ -0,0 +1,63 @@ +# Translation of Odoo Server. +# This file contains the translation of the following modules: +# * web_widget_product_label_section_and_note +# +msgid "" +msgstr "" +"Project-Id-Version: Odoo Server 16.0\n" +"Report-Msgid-Bugs-To: \n" +"Last-Translator: \n" +"Language-Team: \n" +"MIME-Version: 1.0\n" +"Content-Type: text/plain; charset=UTF-8\n" +"Content-Transfer-Encoding: \n" +"Plural-Forms: \n" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Click or press enter to add a description" +msgstr "" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Click to remove/add the product name from the description." +msgstr "" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Enter a description" +msgstr "" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Internal link" +msgstr "" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Scan barcode" +msgstr "" + +#. module: web_widget_product_label_section_and_note +#. odoo-javascript +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.esm.js:0 +#: code:addons/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml:0 +#, python-format +msgid "Search a product" +msgstr "" diff --git a/web_widget_product_label_section_and_note/readme/CONFIGURE.rst b/web_widget_product_label_section_and_note/readme/CONFIGURE.rst new file mode 100644 index 000000000..9dec51ac9 --- /dev/null +++ b/web_widget_product_label_section_and_note/readme/CONFIGURE.rst @@ -0,0 +1,8 @@ +To extend this functionality to other modules (for example, Purchase), +in a new module, it is necessary to create an inherited view to change the widget for these fields: + +- `one2many` field with `widget="product_label_section_and_note_field_o2m"`. + +- `product_id` or product_tmpl_id field with `widget="product_label_section_and_note_field"`. + +- `name` field with `widget="section_and_note_text"`. diff --git a/web_widget_product_label_section_and_note/readme/CONTRIBUTORS.rst b/web_widget_product_label_section_and_note/readme/CONTRIBUTORS.rst new file mode 100644 index 000000000..2ab4a0d07 --- /dev/null +++ b/web_widget_product_label_section_and_note/readme/CONTRIBUTORS.rst @@ -0,0 +1,4 @@ +* `Tecnativa `_: + + * Pedro M. Baeza + * Carlos Lopez \ No newline at end of file diff --git a/web_widget_product_label_section_and_note/readme/DESCRIPTION.rst b/web_widget_product_label_section_and_note/readme/DESCRIPTION.rst new file mode 100644 index 000000000..08fd5b2bd --- /dev/null +++ b/web_widget_product_label_section_and_note/readme/DESCRIPTION.rst @@ -0,0 +1 @@ +This module unifies the product and name into a single column, making it more user-friendly and space-saving. \ No newline at end of file diff --git a/web_widget_product_label_section_and_note/readme/ROADMAP.rst b/web_widget_product_label_section_and_note/readme/ROADMAP.rst new file mode 100644 index 000000000..f534a99ea --- /dev/null +++ b/web_widget_product_label_section_and_note/readme/ROADMAP.rst @@ -0,0 +1,3 @@ +- Add compatibility with `sale` module +- Add compatibility with `purchase_product_matrix` module +- When this module is installed, the PDF report will always display the column `name` as a combination of the `product code`, `product name`, and `description`. This behavior may differ from the expected behavior, where only the column `name` is displayed and can be customized independently. \ No newline at end of file diff --git a/web_widget_product_label_section_and_note/readme/USAGE.rst b/web_widget_product_label_section_and_note/readme/USAGE.rst new file mode 100644 index 000000000..a70feee9e --- /dev/null +++ b/web_widget_product_label_section_and_note/readme/USAGE.rst @@ -0,0 +1,3 @@ +- Go to the **Invoicing > Customers > Invoices** and add a new line. +- The product label must be displayed just after the product name. +- If the product does not have a description, a button must be displayed to add one. \ No newline at end of file diff --git a/web_widget_product_label_section_and_note/static/description/icon.png b/web_widget_product_label_section_and_note/static/description/icon.png new file mode 100644 index 0000000000000000000000000000000000000000..3a0328b516c4980e8e44cdb63fd945757ddd132d GIT binary patch literal 9455 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 z z?n?eq1XP>p-IM$Z^C;2L3itnbJZAip*Zo0aw2bs8@(s^~*8T9go!%dHcAz2lM;`yp zD=7&xjFV$S&5uDaiScyD?B-i1ze`+CoRtz`Wn+Zl&#s4&}MO{@N!ufrzjG$B79)Y2d3tBk&)TxUTw@QS0TEL_?njX|@vq?Uz(nBFK5Pq7*xj#u*R&i|?7+6# z+|r_n#SW&LXhtheZdah{ZVoqwyT{D>MC3nkFF#N)xLi{p7J1jXlmVeb;cP5?e(=f# zuT7fvjSbjS781v?7{)-X3*?>tq?)Yd)~|1{BDS(pqC zC}~H#WXlkUW*H5CDOo<)#x7%RY)A;ShGhI5s*#cRDA8YgqG(HeKDx+#(ZQ?386dv! zlXCO)w91~Vw4AmOcATuV653fa9R$fyK8ul%rG z-wfS zihugoZyr38Im?Zuh6@RcF~t1anQu7>#lPpb#}4cOA!EM11`%f*07RqOVkmX{p~KJ9 z^zP;K#|)$`^Rb{rnHGH{~>1(fawV0*Z#)}M`m8-?ZJV<+e}s9wE# z)l&az?w^5{)`S(%MRzxdNqrs1n*-=jS^_jqE*5XDrA0+VE`5^*p3CuM<&dZEeCjoz zR;uu_H9ZPZV|fQq`Cyw4nscrVwi!fE6ciMmX$!_hN7uF;jjKG)d2@aC4ropY)8etW=xJvni)8eHi`H$%#zn^WJ5NLc-rqk|u&&4Z6fD_m&JfSI1Bvb?b<*n&sfl0^t z=HnmRl`XrFvMKB%9}>PaA`m-fK6a0(8=qPkWS5bb4=v?XcWi&hRY?O5HdulRi4?fN zlsJ*N-0Qw+Yic@s0(2uy%F@ib;GjXt01Fmx5XbRo6+n|pP(&nodMoap^z{~q ziEeaUT@Mxe3vJSfI6?uLND(CNr=#^W<1b}jzW58bIfyWTDle$mmS(|x-0|2UlX+9k zQ^EX7Nw}?EzVoBfT(-LT|=9N@^hcn-_p&sqG z&*oVs2JSU+N4ZD`FhCAWaS;>|wH2G*Id|?pa#@>tyxX`+4HyIArWDvVrX)2WAOQff z0qyHu&-S@i^MS-+j--!pr4fPBj~_8({~e1bfcl0wI1kaoN>mJL6KUPQm5N7lB(ui1 zE-o%kq)&djzWJ}ob<-GfDlkB;F31j-VHKvQUGQ3sp`CwyGJk_i!y^sD0fqC@$9|jO zOqN!r!8-p==F@ZVP=U$qSpY(gQ0)59P1&t@y?5rvg<}E+GB}26NYPp4f2YFQrQtot5mn3wu_qprZ=>Ig-$ zbW26Ws~IgY>}^5w`vTB(G`PTZaDiGBo5o(tp)qli|NeV( z@H_=R8V39rt5J5YB2Ky?4eJJ#b`_iBe2ot~6%7mLt5t8Vwi^Jy7|jWXqa3amOIoRb zOr}WVFP--DsS`1WpN%~)t3R!arKF^Q$e12KEqU36AWwnCBICpH4XCsfnyrHr>$I$4 z!DpKX$OKLWarN7nv@!uIA+~RNO)l$$w}p(;b>mx8pwYvu;dD_unryX_NhT8*Tj>BTrTTL&!?O+%Rv;b?B??gSzdp?6Uug9{ zd@V08Z$BdI?fpoCS$)t4mg4rT8Q_I}h`0d-vYZ^|dOB*Q^S|xqTV*vIg?@fVFSmMpaw0qtTRbx} z({Pg?#{2`sc9)M5N$*N|4;^t$+QP?#mov zGVC@I*lBVrOU-%2y!7%)fAKjpEFsgQc4{amtiHb95KQEwvf<(3T<9-Zm$xIew#P22 zc2Ix|App^>v6(3L_MCU0d3W##AB0M~3D00EWoKZqsJYT(#@w$Y_H7G22M~ApVFTRHMI_3be)Lkn#0F*V8Pq zc}`Cjy$bE;FJ6H7p=0y#R>`}-m4(0F>%@P|?7fx{=R^uFdISRnZ2W_xQhD{YuR3t< z{6yxu=4~JkeA;|(J6_nv#>Nvs&FuLA&PW^he@t(UwFFE8)|a!R{`E`K`i^ZnyE4$k z;(749Ix|oi$c3QbEJ3b~D_kQsPz~fIUKym($a_7dJ?o+40*OLl^{=&oq$<#Q(yyrp z{J-FAniyAw9tPbe&IhQ|a`DqFTVQGQ&Gq3!C2==4x{6EJwiPZ8zub-iXoUtkJiG{} zPaR&}_fn8_z~(=;5lD-aPWD3z8PZS@AaUiomF!G8I}Mf>e~0g#BelA-5#`cj;O5>N Xviia!U7SGha1wx#SCgwmn*{w2TRX*I literal 0 HcmV?d00001 diff --git a/web_widget_product_label_section_and_note/static/description/index.html b/web_widget_product_label_section_and_note/static/description/index.html new file mode 100644 index 000000000..0555ba047 --- /dev/null +++ b/web_widget_product_label_section_and_note/static/description/index.html @@ -0,0 +1,460 @@ + + + + + +Web widget product label section and note + + + +
+

Web widget product label section and note

+ + +

Beta License: AGPL-3 OCA/web Translate me on Weblate Try me on Runboat

+

This module unifies the product and name into a single column, making it more user-friendly and space-saving.

+

Table of contents

+ +
+

Configuration

+

To extend this functionality to other modules (for example, Purchase), +in a new module, it is necessary to create an inherited view to change the widget for these fields:

+
    +
  • one2many field with widget=”product_label_section_and_note_field_o2m”.
    • +
  • product_id or product_tmpl_id field with widget=”product_label_section_and_note_field”.
    • +
  • name field with widget=”section_and_note_text”.
    • +
+
+
+

Usage

+
    +
  • Go to the Invoicing > Customers > Invoices and add a new line.
    • +
  • The product label must be displayed just after the product name.
    • +
  • If the product does not have a description, a button must be displayed to add one.
    • +
+
+
+

Known issues / Roadmap

+
    +
  • Add compatibility with sale module
    • +
  • Add compatibility with purchase_product_matrix module
    • +
  • When this module is installed, the PDF report will always display the column name as a combination of the product code, product name, and description. This behavior may differ from the expected behavior, where only the column name is displayed and can be customized independently.
    • +
+
+
+

Bug Tracker

+

Bugs are tracked on GitHub Issues. +In case of trouble, please check there if your issue has already been reported. +If you spotted it first, help us to smash it by providing a detailed and welcomed +feedback.

+

Do not contact contributors directly about support or help with technical issues.

+
+
+

Credits

+
+

Authors

+
    +
  • Tecnativa
    • +
  • Odoo S.A.
    • +
+
+
+

Contributors

+
    +

  • Tecnativa:

    +
    +
      +
    • Pedro M. Baeza
      • +
    • Carlos Lopez
      • +
    +
    +
    • +
+
+
+

Maintainers

+

This module is maintained by the OCA.

+ +Odoo Community Association + +

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.

+

This module is part of the OCA/web project on GitHub.

+

You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

+
+
+
+ + diff --git a/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.esm.js b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.esm.js new file mode 100644 index 000000000..7fffe74df --- /dev/null +++ b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.esm.js @@ -0,0 +1,271 @@ +/** @odoo-module **/ +/* Copyright Odoo S.A. + * Copyright 2024 Tecnativa - Carlos Lopez + * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */ + +import { + onMounted, + onPatched, + onWillUnmount, + onWillUpdateProps, + useEffect, + useRef, + useState, +} from "@odoo/owl"; +import {AutoComplete} from "@web/core/autocomplete/autocomplete"; +import {Many2OneField} from "@web/views/fields/many2one/many2one_field"; +import {Many2XAutocomplete} from "@web/views/fields/relational_utils"; +import {SectionAndNoteListRenderer} from "@account/components/section_and_note_fields_backend/section_and_note_fields_backend"; +import {X2ManyField} from "@web/views/fields/x2many/x2many_field"; +import {_t} from "@web/core/l10n/translation"; +import {getActiveHotkey} from "@web/core/hotkeys/hotkey_service"; +import {registry} from "@web/core/registry"; + +export class ProductLabelSectionAndNoteListRender extends SectionAndNoteListRenderer { + setup() { + this.productColumns = ["product_id", "product_template_id"]; + // We need to store the titleField in a temporary variable + // because the titleField is set in the parent setup method + // and the function getActiveColumns is called before the setup method in the account module + this.titleField_tmp = ""; + super.setup(); + if (this.titleField_tmp) { + this.titleField = this.titleField_tmp; + } + } + + getCellTitle(column, record) { + // When using this list renderer, we don't want the product_id cell to have a tooltip with its label. + if (this.productColumns.includes(column.name)) { + return; + } + super.getCellTitle(column, record); + } + + getActiveColumns(list) { + let activeColumns = super.getActiveColumns(list); + const productCol = activeColumns.find((col) => + this.productColumns.includes(col.name) + ); + const labelCol = activeColumns.find((col) => col.name === "name"); + + if (productCol) { + if (labelCol) { + list.records.forEach( + (record) => (record.columnIsProductAndLabel = true) + ); + } else { + list.records.forEach( + (record) => (record.columnIsProductAndLabel = false) + ); + } + activeColumns = activeColumns.filter((col) => col.name !== "name"); + this.titleField_tmp = productCol.name; + } else { + this.titleField_tmp = "name"; + } + + return activeColumns; + } +} + +export class ProductLabelSectionAndNoteOne2Many extends X2ManyField {} +ProductLabelSectionAndNoteOne2Many.components = { + ...X2ManyField.components, + ListRenderer: ProductLabelSectionAndNoteListRender, +}; +ProductLabelSectionAndNoteOne2Many.additionalClasses = + SectionAndNoteListRenderer.additionalClasses; + +registry + .category("fields") + .add( + "product_label_section_and_note_field_o2m", + ProductLabelSectionAndNoteOne2Many + ); + +export class ProductLabelSectionAndNoteAutocomplete extends AutoComplete { + setup() { + super.setup(); + this.labelTextarea = useRef("labelNodeRef"); + } + onInputKeydown(event) { + super.onInputKeydown(event); + const hotkey = getActiveHotkey(event); + const labelVisibilityButton = document.getElementById( + "labelVisibilityButtonId" + ); + if (hotkey === "enter") { + if (labelVisibilityButton && !this.labelTextarea.el) { + labelVisibilityButton.click(); + event.stopPropagation(); + event.preventDefault(); + } + } + } +} + +export class ProductLabelSectionAndNoteFieldAutocomplete extends Many2XAutocomplete { + setup() { + super.setup(); + this.input = useRef("section_and_note_input"); + } + + get isSectionOrNote() { + return this.props.isSection || this.props.isNote; + } + + get isSection() { + return this.props.isSection; + } +} + +ProductLabelSectionAndNoteFieldAutocomplete.components = { + ...Many2XAutocomplete.components, + AutoComplete: ProductLabelSectionAndNoteAutocomplete, +}; +ProductLabelSectionAndNoteFieldAutocomplete.template = + "web_widget_product_label_section_and_note.ProductLabelSectionAndNoteFieldAutocomplete"; + +export class ProductLabelSectionAndNoteField extends Many2OneField { + setup() { + super.setup(); + this.isPrintMode = useState({value: false}); + this.labelVisibility = useState({value: false}); + this.isProductVisible = useState({value: false}); + this.switchToLabel = false; + this.columnIsProductAndLabel = useState({ + value: this.props.record.columnIsProductAndLabel, + }); + this.labelNode = useRef("labelNodeRef"); + this.productNode = useRef("productNodeRef"); + + useEffect( + () => { + this.columnIsProductAndLabel.value = + this.props.record.columnIsProductAndLabel; + }, + () => [this.props.record.columnIsProductAndLabel] + ); + + onPatched(() => { + if (this.labelNode.el && this.switchToLabel) { + this.switchToLabel = false; + this.labelNode.el.focus(); + } + }); + + this.onBeforePrint = () => { + this.isPrintMode.value = true; + }; + + this.onAfterPrint = () => { + this.isPrintMode.value = false; + }; + + // The following hooks are used to make a div visible only in the print view. This div is necessary in the + // print view in order not to have scroll bars but can't be displayed in the normal view because it adds + // an empty line. This is done by switching an attribute to true only during the print view life cycle and + // including the said div in a t-if depending on that attribute. + onMounted(() => { + window.addEventListener("beforeprint", this.onBeforePrint); + window.addEventListener("afterprint", this.onAfterPrint); + }); + + onWillUnmount(() => { + window.removeEventListener("beforeprint", this.onBeforePrint); + window.removeEventListener("afterprint", this.onAfterPrint); + }); + onWillUpdateProps((newProps) => { + const label = newProps.record.data.name || ""; + this.isProductVisible.value = label.includes(this.productName); + }); + } + + get productName() { + return this.props.record.data[this.props.name][1]; + } + + get label() { + let label = this.props.record.data.name || ""; + if (label.includes(this.productName)) { + label = label.replace(this.productName, ""); + if (label.includes("\n")) { + label = label.replace("\n", ""); + } + } + return label; + } + + get Many2XAutocompleteProps() { + const props = super.Many2XAutocompleteProps; + props.isSection = this.isSection(this.props.record); + props.isNote = this.isNote(this.props.record); + props.placeholder = _t("Search a product"); + props.updateLabel = this.updateLabel.bind(this); + return props; + } + + get isProductClickable() { + return this.props.record.evalContext.parent.state !== "draft"; + } + + get isSectionOrNote() { + return this.isSection(this.props.record) || this.isNote(this.props.record); + } + + get sectionAndNoteClasses() { + if (this.isSection()) { + return "fw-bold"; + } else if (this.isNote()) { + return "fst-italic"; + } + return ""; + } + + isSection(record = null) { + record = record || this.props.record; + return record.data.display_type === "line_section"; + } + + isNote(record = null) { + record = record || this.props.record; + return record.data.display_type === "line_note"; + } + + switchLabelVisibility() { + this.labelVisibility.value = !this.labelVisibility.value; + this.switchToLabel = true; + } + + switchProductVisibility() { + let new_name = ""; + if (this.isProductVisible.value && this.productName) { + new_name = this.label; + } else { + new_name = this.productName + "\n" + this.label; + } + this.props.record.update({name: new_name}); + this.isProductVisible.value = !this.isProductVisible.value; + } + + updateLabel(value) { + this.props.record.update({ + name: + this.productName && this.productName !== value + ? `${this.productName}\n${value}` + : value, + }); + } +} + +ProductLabelSectionAndNoteField.components = { + ...Many2OneField.components, + Many2XAutocomplete: ProductLabelSectionAndNoteFieldAutocomplete, +}; +ProductLabelSectionAndNoteField.template = + "web_widget_product_label_section_and_note.ProductLabelSectionAndNoteField"; + +registry + .category("fields") + .add("product_label_section_and_note_field", ProductLabelSectionAndNoteField); diff --git a/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.scss b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.scss new file mode 100644 index 000000000..da2eeef8c --- /dev/null +++ b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.scss @@ -0,0 +1,5 @@ +.o_field_product_label_section_and_note_cell { + textarea { + resize: none; + } +} diff --git a/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml new file mode 100644 index 000000000..3e512fd94 --- /dev/null +++ b/web_widget_product_label_section_and_note/static/src/components/product_label_section_and_note_field/product_label_section_and_note_field.xml @@ -0,0 +1,219 @@ + + + + +
+ + + + + + + + + + Search a product + + +