[MIG] web_responsive: Migration to 15.0

web_responsive/static/src/components/apps_menu/apps_menu.xml

@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!-- Copyright 2018 Tecnativa - Jairo Llopis
+     Copyright 2021 ITerra - Sergey Shebanin
+     License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). -->
+<templates>
+    <t t-inherit="web.NavBar.AppsMenu" t-inherit-mode="extension" owl="1">
+        <xpath expr="//Dropdown" position="replace">
+            <!-- Same hotkey as in EE -->
+            <AppsMenu
+                hotkey="'a'"
+                title="'Home Menu'"
+                manualOnly="true"
+                class="o_navbar_apps_menu"
+            >
+              <t t-set-slot="toggler">
+                  <i class="fa fa-th-large" />
+              </t>
+              <t t-transition="o_notification_fade">
+                <AppsMenuSearchBar />
+                <MenuItem
+                        t-foreach="apps"
+                        t-as="app"
+                        t-key="app.id"
+                        class="o_app"
+                        t-att-class="{ o_dropdown_active: menuService.getCurrentApp() === app }"
+                        payload="app"
+                    >
+                  <a t-att-href="getMenuItemHref(app)">
+                    <img
+                                class="o-app-icon"
+                                draggable="false"
+                                t-attf-src="data:image/png;base64,{{app.webIconData}}"
+                            />
+                    <div t-esc="app.name" />
+                  </a>
+                </MenuItem>
+              </t>
+            </AppsMenu>
+        </xpath>
+    </t>
+    <!-- Search bar -->
+    <t t-name="web_responsive.AppsMenuSearchResults" owl="1">
+        <div
+            class="search-container"
+            t-att-class="state.results.length ? 'has-results' : ''"
+        >
+            <div class="search-input">
+                    <span class="fa fa-search search-icon" />
+                    <input
+                    type="search"
+                    t-ref="SearchBarInput"
+                    t-on-input="_searchMenus"
+                    t-on-keydown="_onKeyDown"
+                    autocomplete="off"
+                    placeholder="Search menus..."
+                    class="form-control"
+                />
+            </div>
+            <div t-if="state.results.length" class="search-results">
+                <t t-foreach="state.results" t-as="result">
+                    <t t-set="menu" t-value="_menuInfo(result)" />
+                    <a
+                        t-attf-class="search-result {{result_index == state.offset ? 'highlight' : ''}}"
+                        t-att-style="menu.webIconData ? &quot;background-image:url('data:image/png;base64,&quot; + menu.webIconData + &quot;')&quot; : ''"
+                        t-attf-href="#menu_id={{menu.id}}&amp;action_id={{menu.actionID}}"
+                        t-att-data-menu-id="menu.id"
+                        t-att-data-action-id="menu.actionID"
+                        draggable="false"
+                        t-esc="result"
+                    />
+                </t>
+            </div>
+        </div>
+    </t>
+    <t t-inherit="web.Dropdown" t-inherit-mode="extension" owl="1">
+        <xpath expr="//div[hasclass('dropdown-menu')]" position="attributes">
+            <attribute name="t-transition">fade</attribute>
+        </xpath>
+    </t>
+</templates>