From 966916a408514bef719558200991978976fd344c Mon Sep 17 00:00:00 2001 From: Denis Roussel Date: Thu, 14 Nov 2024 17:49:12 +0100 Subject: [PATCH] [IMP] web_widget_progressbar_gradient: Add inverse option Allows to reverse the gradient rendering --- web_widget_progressbar_gradient/README.rst | 10 ++++++++ .../readme/CONTRIBUTORS.md | 1 + .../readme/DESCRIPTION.md | 6 +++++ .../readme/USAGE.md | 2 ++ .../static/description/index.html | 10 ++++++++ .../description/progressbar_gradient.png | Bin 9152 -> 9061 bytes .../progressbar_gradient_inverse.png | Bin 0 -> 9152 bytes .../static/src/js/progressbar.esm.js | 24 ++++++++++++++++++ .../static/src/scss/progressbar.scss | 13 +++++++++- .../static/src/xml/progressbar.xml | 7 ----- 10 files changed, 65 insertions(+), 8 deletions(-) create mode 100644 web_widget_progressbar_gradient/static/description/progressbar_gradient_inverse.png diff --git a/web_widget_progressbar_gradient/README.rst b/web_widget_progressbar_gradient/README.rst index a16c1ed17b1..fd73c1051dc 100644 --- a/web_widget_progressbar_gradient/README.rst +++ b/web_widget_progressbar_gradient/README.rst @@ -32,9 +32,16 @@ This module allows to display progress bars with colorized gradient bar. The color will increase following value from green passing per yellow and finishing to red. +- Normal rendering: + |Progressbar Gradient| +- Reverse rendering: + +|Progressbar Inverse Gradient| + .. |Progressbar Gradient| image:: https://raw.githubusercontent.com/OCA/web/16.0/web_widget_progressbar_gradient/static/description/progressbar_gradient.png +.. |Progressbar Inverse Gradient| image:: https://raw.githubusercontent.com/OCA/web/16.0/web_widget_progressbar_gradient/static/description/progressbar_gradient_inverse.png **Table of contents** @@ -46,6 +53,8 @@ Usage - When declaring a progressbar field, use the 'progressbar_color' widget. +- Add the inverse option to reverse the colors on the progress bar + field: ``options="{'inverse': true}"`` Known issues / Roadmap ====================== @@ -76,6 +85,7 @@ Contributors - Denis Roussel denis.roussel@acsone.eu - Jacques-Etienne Baudoux je@bcim.be +- Souheil Bejaoui souheil.bejaoui@acsone.eu Maintainers ----------- diff --git a/web_widget_progressbar_gradient/readme/CONTRIBUTORS.md b/web_widget_progressbar_gradient/readme/CONTRIBUTORS.md index 48218ea2267..2c5aaa0206f 100644 --- a/web_widget_progressbar_gradient/readme/CONTRIBUTORS.md +++ b/web_widget_progressbar_gradient/readme/CONTRIBUTORS.md @@ -1,2 +1,3 @@ - Denis Roussel - Jacques-Etienne Baudoux +- Souheil Bejaoui diff --git a/web_widget_progressbar_gradient/readme/DESCRIPTION.md b/web_widget_progressbar_gradient/readme/DESCRIPTION.md index 874a82bf24b..02a379a11ed 100644 --- a/web_widget_progressbar_gradient/readme/DESCRIPTION.md +++ b/web_widget_progressbar_gradient/readme/DESCRIPTION.md @@ -2,4 +2,10 @@ This module allows to display progress bars with colorized gradient bar. The color will increase following value from green passing per yellow and finishing to red. +- Normal rendering: + ![Progressbar Gradient](../static/description/progressbar_gradient.png) + +- Reverse rendering: + +![Progressbar Inverse Gradient](../static/description/progressbar_gradient_inverse.png) diff --git a/web_widget_progressbar_gradient/readme/USAGE.md b/web_widget_progressbar_gradient/readme/USAGE.md index e81aa072c86..a3cd945eea1 100644 --- a/web_widget_progressbar_gradient/readme/USAGE.md +++ b/web_widget_progressbar_gradient/readme/USAGE.md @@ -1 +1,3 @@ - When declaring a progressbar field, use the 'progressbar_color' widget. +- Add the inverse option to reverse the colors on the progress bar field: + ``options="{'inverse': true}"`` diff --git a/web_widget_progressbar_gradient/static/description/index.html b/web_widget_progressbar_gradient/static/description/index.html index 0291c107651..a855bd23c46 100644 --- a/web_widget_progressbar_gradient/static/description/index.html +++ b/web_widget_progressbar_gradient/static/description/index.html @@ -373,7 +373,14 @@

Web Widget Progressbar Gradient

This module allows to display progress bars with colorized gradient bar. The color will increase following value from green passing per yellow and finishing to red.

+
    +
  • Normal rendering:
    • +

Progressbar Gradient

+
    +
  • Reverse rendering:
    • +
+

Progressbar Inverse Gradient

Table of contents

    @@ -393,6 +400,8 @@

    Usage

    • When declaring a progressbar field, use the ‘progressbar_color’ widget.
      • +
    • Add the inverse option to reverse the colors on the progress bar +field: options="{'inverse': true}"
@@ -423,6 +432,7 @@

Contributors

diff --git a/web_widget_progressbar_gradient/static/description/progressbar_gradient.png b/web_widget_progressbar_gradient/static/description/progressbar_gradient.png index 8df8e74d6aaff32702d8599d84b53835c05fc26f..3ef7bbbb584a7195a5deb32c87a67ede6bab5481 100644 GIT binary patch literal 9061 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 literal 9152 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 F{{W9GSPTFF diff --git a/web_widget_progressbar_gradient/static/description/progressbar_gradient_inverse.png b/web_widget_progressbar_gradient/static/description/progressbar_gradient_inverse.png new file mode 100644 index 0000000000000000000000000000000000000000..8df8e74d6aaff32702d8599d84b53835c05fc26f GIT binary patch literal 9152 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 F{{W9GSPTFF literal 0 HcmV?d00001 diff --git a/web_widget_progressbar_gradient/static/src/js/progressbar.esm.js b/web_widget_progressbar_gradient/static/src/js/progressbar.esm.js index 19eedd0852f..f75a80794ef 100644 --- a/web_widget_progressbar_gradient/static/src/js/progressbar.esm.js +++ b/web_widget_progressbar_gradient/static/src/js/progressbar.esm.js @@ -5,11 +5,35 @@ import {ProgressBarField} from "@web/views/fields/progress_bar/progress_bar_field"; import {registry} from "@web/core/registry"; +const {onMounted} = owl; export class ProgressBarFieldGradient extends ProgressBarField { setup() { super.setup(); + onMounted(() => this._mounted()); + } + + _mounted() { + // Set the gradient css and inverse if set + for (const child of this.__owl__.bdom.el.children) { + if (child.classList.contains("o_progress")) { + child.children[0].classList.add("o_progressbar_gradient"); + if (this.props.inverse) { + child.children[0].classList.add("o_inverse"); + } + } + } } } +ProgressBarFieldGradient.extractProps = ({attrs}) => { + return { + inverse: attrs.options.inverse, + }; +}; ProgressBarFieldGradient.template = "web_widget_progressbar_color.ProgressBarFieldGradient"; +ProgressBarFieldGradient.props = { + ...ProgressBarField.props, + inverse: {type: Boolean, optional: true}, +}; + registry.category("fields").add("progressbar_gradient", ProgressBarFieldGradient); diff --git a/web_widget_progressbar_gradient/static/src/scss/progressbar.scss b/web_widget_progressbar_gradient/static/src/scss/progressbar.scss index fc865523a29..b3795b14e5c 100644 --- a/web_widget_progressbar_gradient/static/src/scss/progressbar.scss +++ b/web_widget_progressbar_gradient/static/src/scss/progressbar.scss @@ -8,7 +8,8 @@ div:has(div.o_progressbar_gradient) .o_progressbar .o_progress { -webkit-mask: linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0); } -.o_progressbar .o_progress .o_progressbar_gradient::before { + +.o_progressbar .o_progress .o_progressbar_gradient.o_inverse::before { content: ""; position: absolute; top: 0; @@ -17,3 +18,13 @@ div:has(div.o_progressbar_gradient) .o_progressbar .o_progress { bottom: 0; background-image: linear-gradient(to right, #198754, #ffc107, #dc3545); } + +.o_progressbar .o_progress .o_progressbar_gradient::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-image: linear-gradient(to right, #dc3545, #ffc107, #198754); +} diff --git a/web_widget_progressbar_gradient/static/src/xml/progressbar.xml b/web_widget_progressbar_gradient/static/src/xml/progressbar.xml index d762571cc4e..eed36cc6fdb 100644 --- a/web_widget_progressbar_gradient/static/src/xml/progressbar.xml +++ b/web_widget_progressbar_gradient/static/src/xml/progressbar.xml @@ -9,12 +9,5 @@ t-inherit-mode="primary" owl="1" > - - -