web-ribbon v17 added for testing

web_environment_ribbon/README.rst

@@ -2,10 +2,13 @@
 Web Environment Ribbon
 ======================
 
-.. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+.. 
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
    !! This file is generated by oca-gen-addon-readme !!
    !! changes will be overwritten.                   !!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+   !! source digest: sha256:633699dce7538787594626fb371be0a97de6e53505ea986d27b7e1faafb870ff
+   !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
 .. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
     :target: https://odoo-community.org/page/development-status
@@ -14,18 +17,19 @@ Web Environment Ribbon
     :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/15.0/web_environment_ribbon
+    :target: https://github.com/OCA/web/tree/17.0/web_environment_ribbon
     :alt: OCA/web
 .. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
-    :target: https://translation.odoo-community.org/projects/web-15-0/web-15-0-web_environment_ribbon
+    :target: https://translation.odoo-community.org/projects/web-17-0/web-17-0-web_environment_ribbon
     :alt: Translate me on Weblate
-.. |badge5| image:: https://img.shields.io/badge/runbot-Try%20me-875A7B.png
+.. |badge5| image:: https://img.shields.io/badge/runboat-Try%20me-875A7B.png
-    :target: https://runbot.odoo-community.org/runbot/162/15.0
+    :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=17.0
-    :alt: Try me on Runbot
+    :alt: Try me on Runboat
 
 |badge1| |badge2| |badge3| |badge4| |badge5|
 
-Mark a Test Environment with a red ribbon on the top left corner in every page
+Mark a Test Environment with a red ribbon on the top left corner in
+every page
 
 **Table of contents**
 
@@ -35,28 +39,29 @@ Mark a Test Environment with a red ribbon on the top left corner in every page
 Configuration
 =============
 
-* You can change the ribbon's name ("TEST") by editing the default system
+-  You can change the ribbon's name ("TEST") by editing the default
-  parameter "ribbon.name" (in the menu Settings > Parameters > System
+   system parameter "ribbon.name" (in the menu Settings > Parameters >
-  Parameters) To hide the ribbon, set this parameter to "False" or delete it.
+   System Parameters) To hide the ribbon, set this parameter to "False"
-* You can customize the ribbon color and background color through system
+   or delete it.
-  parameters: "ribbon.color", "ribbon.background.color". Fill with valid CSS
+-  You can customize the ribbon color and background color through
-  colors or just set to "False" to use default values.
+   system parameters: "ribbon.color", "ribbon.background.color". Fill
-* You can add the database name in the ribbon by adding "{db_name}" in the
+   with valid CSS colors or just set to "False" to use default values.
-  system parameter "ribbon.name".
+-  You can add the database name in the ribbon by adding "{db_name}" in
+   the system parameter "ribbon.name".
 
 Usage
 =====
 
-To use this module, you need only to install it. After installation, a red
+To use this module, you need only to install it. After installation, a
-ribbon will be visible on top left corner of every Odoo backend page
+red ribbon will be visible on top left corner of every Odoo backend page
 
 Bug Tracker
 ===========
 
 Bugs are tracked on `GitHub Issues <https://github.com/OCA/web/issues>`_.
 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
+If you spotted it first, help us to smash it by providing a detailed and welcomed
-`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_environment_ribbon%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
+`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_environment_ribbon%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**>`_.
 
 Do not contact contributors directly about support or help with technical issues.
 
@@ -64,24 +69,24 @@ Credits
 =======
 
 Authors
-~~~~~~~
+-------
 
 * Francesco OpenCode Apruzzese
 * Tecnativa
 
 Contributors
-~~~~~~~~~~~~
+------------
 
-* Francesco Apruzzese <cescoap@gmail.com>
+-  Francesco Apruzzese <cescoap@gmail.com>
-* Javi Melendez <javimelex@gmail.com>
+-  Javi Melendez <javimelex@gmail.com>
-* Antonio Espinosa <antonio.espinosa@tecnativa.com>
+-  Antonio Espinosa <antonio.espinosa@tecnativa.com>
-* Thomas Binsfeld <thomas.binsfeld@acsone.eu>
+-  Thomas Binsfeld <thomas.binsfeld@acsone.eu>
-* Xavier Jiménez <xavier.jimenez@qubiq.es>
+-  Xavier Jiménez <xavier.jimenez@qubiq.es>
-* Dennis Sluijk <d.sluijk@onestein.nl>
+-  Dennis Sluijk <d.sluijk@onestein.nl>
-* Eric Lembregts <eric@lembregts.eu>
+-  Eric Lembregts <eric@lembregts.eu>
 
 Maintainers
-~~~~~~~~~~~
+-----------
 
 This module is maintained by the OCA.
 
@@ -93,6 +98,6 @@ 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 <https://github.com/OCA/web/tree/15.0/web_environment_ribbon>`_ project on GitHub.
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/17.0/web_environment_ribbon>`_ project on GitHub.
 
 You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

web_environment_ribbon/__manifest__.py

@@ -20,8 +20,8 @@
     "auto_install": False,
     "installable": True,
     "assets": {
-        "web.assets_common": [
+        "web.assets_backend": [
-            "web_environment_ribbon/static/**/*",
+            "web_environment_ribbon/static/src/components/environment_ribbon/*",
         ],
     },
 }

web_environment_ribbon/i18n/ca.po

@@ -16,22 +16,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "X-Generator: Weblate 3.10\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Nom mostrat"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Última modificació el"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Backend \"Web Environment Ribbon\""
+
+#~ msgid "Display Name"
+#~ msgstr "Nom mostrat"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Última modificació el"

web_environment_ribbon/i18n/de.po

@@ -19,22 +19,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "X-Generator: Weblate 3.10\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Anzeigename"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Zuletzt geändert am"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Web-Umgebung Ribbon-Backend"
+
+#~ msgid "Display Name"
+#~ msgstr "Anzeigename"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Zuletzt geändert am"

web_environment_ribbon/i18n/es.po

@@ -16,22 +16,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "X-Generator: Weblate 3.7.1\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Nombre mostrado"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Última modificación el"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Backend \"Web Environment Ribbon\""
+
+#~ msgid "Display Name"
+#~ msgstr "Nombre mostrado"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Última modificación el"

web_environment_ribbon/i18n/fr.po

@@ -19,22 +19,16 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: nplurals=2; plural=(n > 1);\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Nom affiché"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Dernière modification le"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Backend du bandeau de l'environnement Web"
+
+#~ msgid "Display Name"
+#~ msgstr "Nom affiché"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Dernière modification le"

web_environment_ribbon/i18n/hr.po

@@ -9,8 +9,8 @@ msgstr ""
 "Project-Id-Version: Odoo Server 10.0\n"
 "Report-Msgid-Bugs-To: \n"
 "POT-Creation-Date: 2017-07-13 16:06+0000\n"
-"PO-Revision-Date: 2017-07-13 16:06+0000\n"
+"PO-Revision-Date: 2023-01-04 02:41+0000\n"
-"Last-Translator: Bole <bole@dajmi5.com>, 2017\n"
+"Last-Translator: Bole <bole@dajmi5.com>\n"
 "Language-Team: Croatian (https://www.transifex.com/oca/teams/23907/hr/)\n"
 "Language: hr\n"
 "MIME-Version: 1.0\n"
@@ -18,23 +18,18 @@ msgstr ""
 "Content-Transfer-Encoding: \n"
 "Plural-Forms: nplurals=3; plural=n%10==1 && n%100!=11 ? 0 : n%10>=2 && n"
 "%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2;\n"
-
+"X-Generator: Weblate 4.14.1\n"
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Naziv za prikaz"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Zadnje modificirano"
 
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
-msgstr ""
+msgstr "Pozadina trake okoline"
+
+#~ msgid "Display Name"
+#~ msgstr "Naziv za prikaz"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Zadnje modificirano"

web_environment_ribbon/i18n/nl.po

@@ -16,22 +16,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "X-Generator: Weblate 4.3.2\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Weergavenaam"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Laatst Gewijzigd op"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Web Environment Ribbon Backend"
+
+#~ msgid "Display Name"
+#~ msgstr "Weergavenaam"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Laatst Gewijzigd op"

web_environment_ribbon/i18n/nl_NL.po

@@ -11,8 +11,8 @@ msgstr ""
 "POT-Creation-Date: 2017-07-13 16:06+0000\n"
 "PO-Revision-Date: 2021-04-22 15:47+0000\n"
 "Last-Translator: Bosd <c5e2fd43-d292-4c90-9d1f-74ff3436329a@anonaddy.me>\n"
-"Language-Team: Dutch (Netherlands) (https://www.transifex.com/oca/teams/"
+"Language-Team: Dutch (Netherlands) (https://www.transifex.com/oca/"
-"23907/nl_NL/)\n"
+"teams/23907/nl_NL/)\n"
 "Language: nl_NL\n"
 "MIME-Version: 1.0\n"
 "Content-Type: text/plain; charset=UTF-8\n"
@@ -20,22 +20,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n != 1;\n"
 "X-Generator: Weblate 4.3.2\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Weergavenaam"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Laatst bijgewerkt op"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr ""
+
+#~ msgid "Display Name"
+#~ msgstr "Weergavenaam"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Laatst bijgewerkt op"

web_environment_ribbon/i18n/pt.po

@@ -16,22 +16,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n > 1;\n"
 "X-Generator: Weblate 3.7.1\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Nome a Exibir"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Última Modificação em"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr ""
+
+#~ msgid "Display Name"
+#~ msgstr "Nome a Exibir"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Última Modificação em"

web_environment_ribbon/i18n/pt_BR.po

@@ -20,22 +20,16 @@ msgstr ""
 "Plural-Forms: nplurals=2; plural=n > 1;\n"
 "X-Generator: Weblate 3.1.1\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "Exibir Nome"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "Identificação"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "Última Modificação em"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Back-end da fita do ambiente da Web"
+
+#~ msgid "Display Name"
+#~ msgstr "Exibir Nome"
+
+#~ msgid "ID"
+#~ msgstr "Identificação"
+
+#~ msgid "Last Modified on"
+#~ msgstr "Última Modificação em"

web_environment_ribbon/i18n/sl.po

@@ -19,22 +19,10 @@ msgstr ""
 "Plural-Forms: nplurals=4; plural=(n%100==1 ? 0 : n%100==2 ? 1 : n%100==3 || n"
 "%100==4 ? 2 : 3);\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr ""
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr ""
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr ""
+
+#~ msgid "ID"
+#~ msgstr "ID"

web_environment_ribbon/i18n/web_environment_ribbon.pot

@@ -4,7 +4,7 @@
 #
 msgid ""
 msgstr ""
-"Project-Id-Version: Odoo Server 15.0\n"
+"Project-Id-Version: Odoo Server 17.0\n"
 "Report-Msgid-Bugs-To: \n"
 "Last-Translator: \n"
 "Language-Team: \n"

web_environment_ribbon/i18n/zh.po

@@ -0,0 +1,20 @@
+# Translation of Odoo Server.
+# This file contains the translation of the following modules:
+# 	* web_environment_ribbon
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: Odoo Server 16.0\n"
+"Report-Msgid-Bugs-To: \n"
+"Last-Translator: Automatically generated\n"
+"Language-Team: none\n"
+"Language: zh\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: \n"
+"Plural-Forms: nplurals=1; plural=0;\n"
+
+#. module: web_environment_ribbon
+#: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
+msgid "Web Environment Ribbon Backend"
+msgstr ""

web_environment_ribbon/i18n/zh_CN.po

@@ -16,22 +16,16 @@ msgstr ""
 "Plural-Forms: nplurals=1; plural=0;\n"
 "X-Generator: Weblate 3.8\n"
 
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__display_name
-msgid "Display Name"
-msgstr "显示名称"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend__id
-msgid "ID"
-msgstr "ID"
-
-#. module: web_environment_ribbon
-#: model:ir.model.fields,field_description:web_environment_ribbon.field_web_environment_ribbon_backend____last_update
-msgid "Last Modified on"
-msgstr "最后修改时间"
-
 #. module: web_environment_ribbon
 #: model:ir.model,name:web_environment_ribbon.model_web_environment_ribbon_backend
 msgid "Web Environment Ribbon Backend"
 msgstr "Web环境功能区后台"
+
+#~ msgid "Display Name"
+#~ msgstr "显示名称"
+
+#~ msgid "ID"
+#~ msgstr "ID"
+
+#~ msgid "Last Modified on"
+#~ msgstr "最后修改时间"

web_environment_ribbon/models/web_environment_ribbon_backend.py

@@ -5,7 +5,6 @@ from odoo import api, models
 
 
 class WebEnvironmentRibbonBackend(models.AbstractModel):
-
     _name = "web.environment.ribbon.backend"
     _description = "Web Environment Ribbon Backend"
 

web_environment_ribbon/pyproject.toml

@@ -0,0 +1,3 @@
+[build-system]
+requires = ["whool"]
+build-backend = "whool.buildapi"

web_environment_ribbon/readme/CONFIGURE.md

@@ -0,0 +1,9 @@
+- You can change the ribbon's name ("TEST") by editing the default
+  system parameter "ribbon.name" (in the menu Settings \> Parameters \>
+  System Parameters) To hide the ribbon, set this parameter to "False"
+  or delete it.
+- You can customize the ribbon color and background color through system
+  parameters: "ribbon.color", "ribbon.background.color". Fill with valid
+  CSS colors or just set to "False" to use default values.
+- You can add the database name in the ribbon by adding "{db_name}" in
+  the system parameter "ribbon.name".

web_environment_ribbon/readme/CONFIGURE.rst

@@ -1,8 +0,0 @@
-* You can change the ribbon's name ("TEST") by editing the default system
-  parameter "ribbon.name" (in the menu Settings > Parameters > System
-  Parameters) To hide the ribbon, set this parameter to "False" or delete it.
-* You can customize the ribbon color and background color through system
-  parameters: "ribbon.color", "ribbon.background.color". Fill with valid CSS
-  colors or just set to "False" to use default values.
-* You can add the database name in the ribbon by adding "{db_name}" in the
-  system parameter "ribbon.name".

web_environment_ribbon/readme/CONTRIBUTORS.md

@@ -0,0 +1,7 @@
+- Francesco Apruzzese \<<cescoap@gmail.com>\>
+- Javi Melendez \<<javimelex@gmail.com>\>
+- Antonio Espinosa \<<antonio.espinosa@tecnativa.com>\>
+- Thomas Binsfeld \<<thomas.binsfeld@acsone.eu>\>
+- Xavier Jiménez \<<xavier.jimenez@qubiq.es>\>
+- Dennis Sluijk \<<d.sluijk@onestein.nl>\>
+- Eric Lembregts \<<eric@lembregts.eu>\>

web_environment_ribbon/readme/CONTRIBUTORS.rst

@@ -1,7 +0,0 @@
-* Francesco Apruzzese <cescoap@gmail.com>
-* Javi Melendez <javimelex@gmail.com>
-* Antonio Espinosa <antonio.espinosa@tecnativa.com>
-* Thomas Binsfeld <thomas.binsfeld@acsone.eu>
-* Xavier Jiménez <xavier.jimenez@qubiq.es>
-* Dennis Sluijk <d.sluijk@onestein.nl>
-* Eric Lembregts <eric@lembregts.eu>

web_environment_ribbon/readme/DESCRIPTION.md

@@ -1 +1,2 @@
-Mark a Test Environment with a red ribbon on the top left corner in every page
+Mark a Test Environment with a red ribbon on the top left corner in
+every page

web_environment_ribbon/readme/USAGE.md

@@ -0,0 +1,2 @@
+To use this module, you need only to install it. After installation, a
+red ribbon will be visible on top left corner of every Odoo backend page

web_environment_ribbon/readme/USAGE.rst

@@ -1,2 +0,0 @@
-To use this module, you need only to install it. After installation, a red
-ribbon will be visible on top left corner of every Odoo backend page

web_environment_ribbon/static/description/index.html

@@ -3,18 +3,18 @@
 <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>Web Environment Ribbon</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,60 +366,64 @@ ul.auto-toc {
 <!-- !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
+!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
+!! source digest: sha256:633699dce7538787594626fb371be0a97de6e53505ea986d27b7e1faafb870ff
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<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_environment_ribbon"><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_environment_ribbon"><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/17.0/web_environment_ribbon"><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-17-0/web-17-0-web_environment_ribbon"><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=17.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
-<p>Mark a Test Environment with a red ribbon on the top left corner in every page</p>
+<p>Mark a Test Environment with a red ribbon on the top left corner in
+every page</p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
 <ul class="simple">
-<li><a class="reference internal" href="#configuration" id="id1">Configuration</a></li>
+<li><a class="reference internal" href="#configuration" id="toc-entry-1">Configuration</a></li>
-<li><a class="reference internal" href="#usage" id="id2">Usage</a></li>
+<li><a class="reference internal" href="#usage" id="toc-entry-2">Usage</a></li>
-<li><a class="reference internal" href="#bug-tracker" id="id3">Bug Tracker</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="id4">Credits</a><ul>
+<li><a class="reference internal" href="#credits" id="toc-entry-4">Credits</a><ul>
-<li><a class="reference internal" href="#authors" id="id5">Authors</a></li>
+<li><a class="reference internal" href="#authors" id="toc-entry-5">Authors</a></li>
-<li><a class="reference internal" href="#contributors" id="id6">Contributors</a></li>
+<li><a class="reference internal" href="#contributors" id="toc-entry-6">Contributors</a></li>
-<li><a class="reference internal" href="#maintainers" id="id7">Maintainers</a></li>
+<li><a class="reference internal" href="#maintainers" id="toc-entry-7">Maintainers</a></li>
 </ul>
 </li>
 </ul>
 </div>
 <div class="section" id="configuration">
-<h1><a class="toc-backref" href="#id1">Configuration</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-1">Configuration</a></h1>
 <ul class="simple">
-<li>You can change the ribbon’s name (“TEST”) by editing the default system
+<li>You can change the ribbon’s name (“TEST”) by editing the default
-parameter “ribbon.name” (in the menu Settings &gt; Parameters &gt; System
+system parameter “ribbon.name” (in the menu Settings &gt; Parameters &gt;
-Parameters) To hide the ribbon, set this parameter to “False” or delete it.</li>
+System Parameters) To hide the ribbon, set this parameter to “False”
-<li>You can customize the ribbon color and background color through system
+or delete it.</li>
-parameters: “ribbon.color”, “ribbon.background.color”. Fill with valid CSS
+<li>You can customize the ribbon color and background color through
-colors or just set to “False” to use default values.</li>
+system parameters: “ribbon.color”, “ribbon.background.color”. Fill
-<li>You can add the database name in the ribbon by adding “{db_name}” in the
+with valid CSS colors or just set to “False” to use default values.</li>
-system parameter “ribbon.name”.</li>
+<li>You can add the database name in the ribbon by adding “{db_name}” in
+the system parameter “ribbon.name”.</li>
 </ul>
 </div>
 <div class="section" id="usage">
-<h1><a class="toc-backref" href="#id2">Usage</a></h1>
+<h1><a class="toc-backref" href="#toc-entry-2">Usage</a></h1>
-<p>To use this module, you need only to install it. After installation, a red
+<p>To use this module, you need only to install it. After installation, a
-ribbon will be visible on top left corner of every Odoo backend page</p>
+red ribbon will be visible on top left corner of every Odoo backend page</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
+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_environment_ribbon%0Aversion:%2015.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_environment_ribbon%0Aversion:%2017.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>Francesco OpenCode Apruzzese</li>
 <li>Tecnativa</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>Francesco Apruzzese &lt;<a class="reference external" href="mailto:cescoap&#64;gmail.com">cescoap&#64;gmail.com</a>&gt;</li>
 <li>Javi Melendez &lt;<a class="reference external" href="mailto:javimelex&#64;gmail.com">javimelex&#64;gmail.com</a>&gt;</li>
@@ -431,13 +435,13 @@ If you spotted it first, help us smashing it by providing a detailed and welcome
 </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_environment_ribbon">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/17.0/web_environment_ribbon">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>

web_environment_ribbon/static/src/components/environment_ribbon/ribbon.css

@@ -27,10 +27,3 @@
 .test-ribbon b {
     font-size: 20px;
 }
-
-header:hover ~ .test-ribbon,
-nav:hover ~ .test-ribbon {
-    /* Ease out ribbon when user is using the navigation in Odoo */
-    opacity: 0;
-    transition: 0.2s ease;
-}

web_environment_ribbon/static/src/components/environment_ribbon/ribbon.esm.js

@@ -0,0 +1,68 @@
+/** @odoo-module **/
+
+import {Component, xml} from "@odoo/owl";
+import {useBus, useService} from "@web/core/utils/hooks";
+import {registry} from "@web/core/registry";
+
+export class WebEnvironmentRibbon extends Component {
+    setup() {
+        this.orm = useService("orm");
+        useBus(this.env.bus, "WEB_CLIENT_READY", this.showRibbon.bind(this));
+    }
+
+    // Code from: http://jsfiddle.net/WK_of_Angmar/xgA5C/
+    validStrColour(strToTest) {
+        if (strToTest === "") {
+            return false;
+        }
+        if (strToTest === "inherit") {
+            return true;
+        }
+        if (strToTest === "transparent") {
+            return true;
+        }
+        const image = document.createElement("img");
+        image.style.color = "rgb(0, 0, 0)";
+        image.style.color = strToTest;
+        if (image.style.color !== "rgb(0, 0, 0)") {
+            return true;
+        }
+        image.style.color = "rgb(255, 255, 255)";
+        image.style.color = strToTest;
+        return image.style.color !== "rgb(255, 255, 255)";
+    }
+
+    showRibbon() {
+        const ribbon = $(".test-ribbon");
+        const self = this;
+        ribbon.hide();
+        // Get ribbon data from backend
+        self.orm
+            .call("web.environment.ribbon.backend", "get_environment_ribbon")
+            .then(function (ribbon_data) {
+                // Ribbon name
+                if (ribbon_data.name && ribbon_data.name !== "False") {
+                    ribbon.show();
+                    ribbon.html(ribbon_data.name);
+                }
+                // Ribbon color
+                if (ribbon_data.color && self.validStrColour(ribbon_data.color)) {
+                    ribbon.css("color", ribbon_data.color);
+                }
+                // Ribbon background color
+                if (
+                    ribbon_data.background_color &&
+                    self.validStrColour(ribbon_data.background_color)
+                ) {
+                    ribbon.css("background-color", ribbon_data.background_color);
+                }
+            });
+    }
+}
+
+WebEnvironmentRibbon.props = {};
+WebEnvironmentRibbon.template = xml`<div class="test-ribbon" />`;
+
+registry.category("main_components").add("WebEnvironmentRibbon", {
+    Component: WebEnvironmentRibbon,
+});

web_environment_ribbon/static/src/js/ribbon.js

@@ -1,62 +0,0 @@
-/* Copyright 2015 Sylvain Calador <sylvain.calador@akretion.com>
-   Copyright 2015 Javi Melendez <javi.melendez@algios.com>
-   Copyright 2016 Antonio Espinosa <antonio.espinosa@tecnativa.com>
-   Copyright 2017 Thomas Binsfeld <thomas.binsfeld@acsone.eu>
-   Copyright 2017 Xavier Jiménez <xavier.jimenez@qubiq.es>
-   License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl). */
-
-odoo.define("web_environment_ribbon.ribbon", function (require) {
-    "use strict";
-    var rpc = require("web.rpc");
-    var core = require("web.core");
-
-    // Code from: http://jsfiddle.net/WK_of_Angmar/xgA5C/
-    function validStrColour(strToTest) {
-        if (strToTest === "") {
-            return false;
-        }
-        if (strToTest === "inherit") {
-            return true;
-        }
-        if (strToTest === "transparent") {
-            return true;
-        }
-        var image = document.createElement("img");
-        image.style.color = "rgb(0, 0, 0)";
-        image.style.color = strToTest;
-        if (image.style.color !== "rgb(0, 0, 0)") {
-            return true;
-        }
-        image.style.color = "rgb(255, 255, 255)";
-        image.style.color = strToTest;
-        return image.style.color !== "rgb(255, 255, 255)";
-    }
-
-    core.bus.on("web_client_ready", null, function () {
-        var ribbon = $('<div class="test-ribbon hidden"/>');
-        $("body").append(ribbon);
-        ribbon.hide();
-        // Get ribbon data from backend
-        rpc.query({
-            model: "web.environment.ribbon.backend",
-            method: "get_environment_ribbon",
-        }).then(function (ribbon_data) {
-            // Ribbon name
-            if (ribbon_data.name && ribbon_data.name !== "False") {
-                ribbon.html(ribbon_data.name);
-                ribbon.show();
-            }
-            // Ribbon color
-            if (ribbon_data.color && validStrColour(ribbon_data.color)) {
-                ribbon.css("color", ribbon_data.color);
-            }
-            // Ribbon background color
-            if (
-                ribbon_data.background_color &&
-                validStrColour(ribbon_data.background_color)
-            ) {
-                ribbon.css("background-color", ribbon_data.background_color);
-            }
-        });
-    });
-});

web_environment_ribbon/tests/test_environment_ribbon_data.py

@@ -7,7 +7,7 @@ from odoo.tests import common
 class TestEnvironmentRibbonData(common.TransactionCase):
     @classmethod
     def setUpClass(cls):
-        super(TestEnvironmentRibbonData, cls).setUpClass()
+        super().setUpClass()
         cls.env["ir.config_parameter"].set_param("ribbon.name", "Test Ribbon {db_name}")
         cls.env["ir.config_parameter"].set_param("ribbon.color", "#000000")
         cls.env["ir.config_parameter"].set_param("ribbon.background.color", "#FFFFFF")
@@ -18,7 +18,7 @@ class TestEnvironmentRibbonData(common.TransactionCase):
         ribbon = self.env["web.environment.ribbon.backend"].get_environment_ribbon()
 
         expected_ribbon = {
-            "name": "Test Ribbon {db_name}".format(db_name=self.env.cr.dbname),
+            "name": f"Test Ribbon {self.env.cr.dbname}",
             "color": "#000000",
             "background_color": "#FFFFFF",
         }