[ADD] web_filter_header_button

Author: KKamaa

web_filter_header_button/README.rst

@@ -7,7 +7,7 @@ Filter Button
    !! This file is generated by oca-gen-addon-readme !!
    !! changes will be overwritten.                   !!
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-   !! source digest: sha256:ca8b5898e3d8f183bcf7575688c5858938135a593f03f422767e69367be33984
+   !! source digest: sha256:329df6eb8c7d4f5db280601a3416d14460c294c342081e38909eabc689074bcf
    !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
 .. |badge1| image:: https://img.shields.io/badge/maturity-Beta-yellow.png
@@ -17,13 +17,13 @@ Filter Button
     :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/18.0/web_filter_header_button
+    :target: https://github.com/OCA/web/tree/16.0/web_filter_header_button
     :alt: OCA/web
 .. |badge4| image:: https://img.shields.io/badge/weblate-Translate%20me-F47D42.png
-    :target: https://translation.odoo-community.org/projects/web-18-0/web-18-0-web_filter_header_button
+    :target: https://translation.odoo-community.org/projects/web-16-0/web-16-0-web_filter_header_button
     :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=18.0
+    :target: https://runboat.odoo-community.org/builds?repo=OCA/web&target_branch=16.0
     :alt: Try me on Runboat
 
 |badge1| |badge2| |badge3| |badge4| |badge5|
@@ -109,7 +109,7 @@ 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 to smash it by providing a detailed and welcomed
-`feedback <https://github.com/OCA/web/issues/new?body=module:%20web_filter_header_button%0Aversion:%2018.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_filter_header_button%0Aversion:%2016.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.
 
@@ -120,6 +120,7 @@ Authors
 -------
 
 * Tecnativa
+* Therp Bv
 
 Contributors
 ------------
@@ -128,6 +129,8 @@ Contributors
 
   - David Vidal
 
+- `Therp Bv <https://therp.nl>`__
+
 Maintainers
 -----------
 
@@ -141,6 +144,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/18.0/web_filter_header_button>`_ project on GitHub.
+This module is part of the `OCA/web <https://github.com/OCA/web/tree/16.0/web_filter_header_button>`_ project on GitHub.
 
 You are welcome to contribute. To learn how please visit https://odoo-community.org/page/Contribute.

web_filter_header_button/__manifest__.py

@@ -1,10 +1,10 @@
-# Copyright 2024 Tecnativa - David Vidal
+# Copyright 2026 Therp Bv
 # License AGPL-3.0 or later (https://www.gnu.org/licenses/agpl).
 {
     "name": "Filter Button",
-    "version": "18.0.1.0.0",
+    "version": "16.0.1.0.0",
     "summary": "Show selected filters as buttons in the control panel",
-    "author": "Tecnativa, Odoo Community Association (OCA)",
+    "author": "Tecnativa, Therp Bv, Odoo Community Association (OCA)",
     "license": "AGPL-3",
     "category": "Server UX",
     "website": "https://github.com/OCA/web",
@@ -14,6 +14,15 @@
         "demo/ir_module_module_view.xml",
     ],
     "assets": {
-        "web.assets_backend": ["web_filter_header_button/static/src/**/*"],
+        "web.assets_backend": [
+            "web_filter_header_button/static/src/control_panel/control_panel_patch.js",
+            "web_filter_header_button/static/src/control_panel/control_panel.xml",
+            "web_filter_header_button/static/src/filter_button/filter_header_buttons.scss",
+            "web_filter_header_button/static/src/filter_button/filter_button.js",
+            "web_filter_header_button/static/src/filter_button/filter_button.xml",
+            "web_filter_header_button/static/src/search/search_model_patch.js",
+            "web_filter_header_button/static/src/search/search_arch_parser_patch.js",
+        ],
     },
+    "installable": True,
 }

web_filter_header_button/i18n/it.po

@@ -3,7 +3,7 @@
 #
 msgid ""
 msgstr ""
-"Project-Id-Version: Odoo Server 18.0\n"
+"Project-Id-Version: Odoo Server 16.0\n"
 "Report-Msgid-Bugs-To: \n"
 "Last-Translator: Automatically generated\n"
 "Language-Team: none\n"

web_filter_header_button/i18n/web_filter_header_button.pot

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

web_filter_header_button/readme/CONTRIBUTORS.md

@@ -1,2 +1,3 @@
 - [Tecnativa](https://tecnativa.com)
   - David Vidal
+- [Therp Bv](https://therp.nl)

web_filter_header_button/static/description/index.html

@@ -367,9 +367,9 @@ <h1 class="title">Filter Button</h1>
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-!! source digest: sha256:ca8b5898e3d8f183bcf7575688c5858938135a593f03f422767e69367be33984
+!! source digest: sha256:329df6eb8c7d4f5db280601a3416d14460c294c342081e38909eabc689074bcf
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<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/18.0/web_filter_header_button"><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-18-0/web-18-0-web_filter_header_button"><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=18.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-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_filter_header_button"><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_filter_header_button"><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 module allows to add some selected filters as buttons in the header
 control panel.</p>
 <p><strong>Table of contents</strong></p>
@@ -449,7 +449,7 @@ <h1><a class="toc-backref" href="#toc-entry-5">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 to smash it by providing a detailed and welcomed
-<a class="reference external" href="https://github.com/OCA/web/issues/new?body=module:%20web_filter_header_button%0Aversion:%2018.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_filter_header_button%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">
@@ -458,6 +458,7 @@ <h1><a class="toc-backref" href="#toc-entry-6">Credits</a></h1>
 <h2><a class="toc-backref" href="#toc-entry-7">Authors</a></h2>
 <ul class="simple">
 <li>Tecnativa</li>
+<li>Therp Bv</li>
 </ul>
 </div>
 <div class="section" id="contributors">
@@ -467,6 +468,7 @@ <h2><a class="toc-backref" href="#toc-entry-8">Contributors</a></h2>
 <li>David Vidal</li>
 </ul>
 </li>
+<li><a class="reference external" href="https://therp.nl">Therp Bv</a></li>
 </ul>
 </div>
 <div class="section" id="maintainers">
@@ -478,7 +480,7 @@ <h2><a class="toc-backref" href="#toc-entry-9">Maintainers</a></h2>
 <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/18.0/web_filter_header_button">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_filter_header_button">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_filter_header_button/static/src/control_panel/control_panel.xml

@@ -1,35 +1,44 @@
 <?xml version="1.0" encoding="UTF-8" ?>
 <templates xml:space="preserve">
-    <t t-inherit="web.ControlPanel" t-inherit-mode="extension">
-        <xpath expr="//div[hasclass('o_control_panel_main')]" position="after">
-            <t t-if="this.env.config.viewType and this.env.config.viewType !== 'form'">
-                <Transition
-                    visible="state.showButtonFilters"
-                    name="'o-fade'"
-                    t-slot-scope="transition"
-                    leaveDuration="500"
-                >
-                    <div
-                        class="o_embedded_actions overflow-hidden d-flex flex-wrap w-100 align-items-center justify-content-center gap-2"
-                        t-att-class="transition.className"
-                    >
-                        <FilterButton
-                            filters="this.env.searchModel.headerButtonFilters"
-                        />
-                    </div>
-                </Transition>
-            </t>
-        </xpath>
-
-        <xpath expr="//button[@t-on-click='onClickShowEmbedded']" position="after">
+    <t
+        t-name="web_filter_header_button.ControlPanel.Regular"
+        t-inherit="web.ControlPanel.Regular"
+        t-inherit-mode="extension"
+        owl="1"
+    >
+        <xpath expr="//div[hasclass('o_search_options')]/*[last()]" position="after">
+            <t t-set="sm" t-value="env.searchModel" />
+            <t
+                t-set="hbf"
+                t-value="(sm &amp;&amp; sm.headerButtonFilters) ? sm.headerButtonFilters : []"
+            />
             <button
-                t-if="state.headerButtonFilters?.length"
-                class="btn btn-secondary"
-                t-att-class="{active: state.showButtonFilters}"
-                t-on-click="onClickShowshowButtonFilters"
+                t-if="hbf.length"
+                type="button"
+                class="btn btn-secondary mx-2 o_filter_header_toggle"
+                t-att-title="env._t('Toggle filter buttons')"
+                t-att-aria-label="env._t('Toggle filter buttons')"
+                t-att-aria-expanded="hbfShowButtonFilters ? 'true' : 'false'"
+                t-on-click.stop.prevent="onClickToggleHeaderButtons"
             >
-                <i class="fa fa-filter" />
+                <i class="fa fa-sliders" /> Filter Buttons
             </button>
         </xpath>
     </t>
+
+    <t t-inherit="web.ControlPanel" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('o_control_panel')]" position="inside">
+            <t t-set="sm" t-value="env.searchModel" />
+            <t
+                t-set="hbf"
+                t-value="(sm &amp;&amp; sm.headerButtonFilters) ? sm.headerButtonFilters : []"
+            />
+            <div
+                t-if="hbf.length"
+                t-att-class="'o_filter_header_button_bar ' + (hbfShowButtonFilters ? 'o_filter_header_button_bar_show' : 'o_filter_header_button_bar_hide')"
+            >
+                  <FilterButton filters="hbf" />
+              </div>
+        </xpath>
+    </t>
 </templates>

web_filter_header_button/static/src/control_panel/control_panel_patch.esm.js

@@ -0,0 +1,54 @@
+/** @odoo-module **/
+
+import {patch} from "@web/core/utils/patch";
+import {ControlPanel} from "@web/search/control_panel/control_panel";
+import {useState} from "@odoo/owl";
+
+import {FilterButton} from "../filter_button/filter_button";
+
+patch(ControlPanel, "web_filter_header_button.ControlPanel.components", {
+    components: {
+        ...ControlPanel.components,
+        FilterButton,
+    },
+});
+
+patch(ControlPanel.prototype, "web_filter_header_button.ControlPanel", {
+    setup() {
+        this._super(...arguments);
+
+        this.state = useState({
+            ...(this.state || {}),
+            showButtonFilters: false,
+        });
+
+        this._hbfUserToggled = false;
+
+        this.onClickToggleHeaderButtons = this.onClickToggleHeaderButtons.bind(this);
+    },
+
+    /**
+     * Always show by default when header button filters exist.
+     * If user toggles, respect the toggled value afterward.
+     */
+    get hbfShowButtonFilters() {
+        const headerButtonFilters = this.env?.searchModel?.headerButtonFilters || [];
+
+        if (!headerButtonFilters.length) {
+            return false;
+        }
+
+        if (!this._hbfUserToggled) {
+            return true;
+        }
+
+        return this.state.showButtonFilters;
+    },
+
+    onClickToggleHeaderButtons() {
+        const currentlyVisible = this.hbfShowButtonFilters;
+
+        this._hbfUserToggled = true;
+        this.state.showButtonFilters = !currentlyVisible;
+    },
+});

web_filter_header_button/static/src/control_panel/control_panel_patch.js

@@ -1,3 +1,5 @@
+/** @odoo-module **/
+
 import {Component} from "@odoo/owl";
 
 export class FilterButton extends Component {