From 1f8d1973d58c2d47374bf95231f979617cd33ec9 Mon Sep 17 00:00:00 2001
From: "Lucas Perais (lpe)" <lpe@odoo.com>
Date: Tue, 7 Sep 2021 06:22:42 +0000
Subject: [PATCH] [REF] web: introduce ControlPanelBottomContent

The ControlPanel now supports being passed an object "bottom-content" in its display props.
That Object is constituted by a component and by props to pass to it.

The bottom content of the Control panel is rendered as a Slot within that component

If not present, the ControlPanel continues to display its bottom part as usual

Part-of: odoo/odoo#73311
---
 .../search/control_panel/control_panel.xml    | 59 +++++++++++--------
 1 file changed, 34 insertions(+), 25 deletions(-)

diff --git a/addons/web/static/src/search/control_panel/control_panel.xml b/addons/web/static/src/search/control_panel/control_panel.xml
index 617c77b2d98..0cc3a796d30 100644
--- a/addons/web/static/src/search/control_panel/control_panel.xml
+++ b/addons/web/static/src/search/control_panel/control_panel.xml
@@ -16,36 +16,45 @@
                 </div>
             </div>
             <div t-if="display['bottom']" class="o_cp_bottom">
-                <div t-if="display['bottom-left']" class="o_cp_bottom_left">
-                    <t t-slot="control-panel-bottom-left"/>
-                </div>
-                <div t-if="display['bottom-right']" class="o_cp_bottom_right">
-                    <t t-slot="control-panel-bottom-right">
-                        <div class="btn-group o_search_options position-static" role="search">
-                            <t t-foreach="searchMenus" t-as="menu" t-key="menu.key">
-                                <t t-component="menu.Component"/>
-                            </t>
-                        </div>
+                <t t-if="display['bottom-content']">
+                    <t t-component="display['bottom-content'].Component" t-props="display['bottom-content'].props" >
+                        <t t-call="web.ControlPanel.BottomContent" />
                     </t>
-
-                    <div class="o_cp_pager"/>
-
-                    <t t-if="props.viewSwitcherEntries and props.viewSwitcherEntries.length > 1">
-                        <nav class="btn-group o_cp_switch_buttons">
-                            <t t-foreach="props.viewSwitcherEntries" t-as="view" t-key="view.type">
-                                <button class="btn btn-secondary fa fa-lg o_switch_view "
-                                    t-attf-class="o_{{view.type}} {{view.icon}} {{view.active ? 'active' : ''}}"
-                                    t-att-data-tooltip="view.name"
-                                    t-on-click="onViewClicked(view.type)"
-                                    />
-                            </t>
-                        </nav>
-                    </t>
-                </div>
+                </t>
+                <t t-else="" t-call="web.ControlPanel.BottomContent" />
             </div>
         </div>
     </t>
 
+    <t t-name="web.ControlPanel.BottomContent" owl="1">
+        <div t-if="display['bottom-left']" class="o_cp_bottom_left">
+            <t t-slot="control-panel-bottom-left"/>
+        </div>
+        <div t-if="display['bottom-right']" class="o_cp_bottom_right">
+            <t t-slot="control-panel-bottom-right">
+                <div class="btn-group o_search_options position-static" role="search">
+                    <t t-foreach="searchMenus" t-as="menu" t-key="menu.key">
+                        <t t-component="menu.Component"/>
+                    </t>
+                </div>
+            </t>
+
+            <div class="o_cp_pager"/>
+
+            <t t-if="props.viewSwitcherEntries and props.viewSwitcherEntries.length > 1">
+                <nav class="btn-group o_cp_switch_buttons">
+                    <t t-foreach="props.viewSwitcherEntries" t-as="view" t-key="view.type">
+                        <button class="btn btn-secondary fa fa-lg o_switch_view "
+                            t-attf-class="o_{{view.type}} {{view.icon}} {{view.active ? 'active' : ''}}"
+                            t-att-data-tooltip="view.name"
+                            t-on-click="onViewClicked(view.type)"
+                            />
+                    </t>
+                </nav>
+            </t>
+        </div>
+    </t>
+
     <t t-name="web.Breadcrumbs" owl="1">
         <ol class="breadcrumb">
             <t t-foreach="props.breadcrumbs or []" t-as="breadcrumb" t-key="breadcrumb.jsId">