CybroAddons/code_backend_theme_enterprise/static/src/xml/web_navbar.xml

<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

  <t t-name="web.NavBar" owl="1">
    <header>
      <nav
              class="o_main_navbar"
              t-on-dropdown-item-selected="onNavBarDropdownItemSelection"
              data-command-category="navbar"
      >

        <!-- Apps Menu -->
            <t t-call="web.NavBar.AppsMenu">
          <t t-set="apps" t-value="menuService.getApps()"/>
        </t>

            <!-- App Brand -->

            <MenuItem
                    t-if="currentApp"
                    href="getMenuItemHref(currentApp)"
                    payload="currentApp"
                    t-esc="currentApp.name"
                    class="o_menu_brand"
                    t-ref="menuBrand"
            />

            <!-- Current
            App Sections -->
            <t t-if="currentAppSections.length"
               t-call="web.NavBar.SectionsMenu">
            <t t-set="sections" t-value="currentAppSections"/>
            </t>


          <!-- Systray -->
          <div class="o_menu_systray" role="menu">
          <t t-foreach="systrayItems" t-as="item" t-key="item.key">
            <NotUpdatable>
                <ErrorHandler onError="error => handleItemError(error, item)">
                    <t t-component="item.Component" t-props="item.props"/>
                </ErrorHandler>
            </NotUpdatable>
          </t>
        </div>
      </nav>
    </header>
  </t>

    <t t-name="web.NavBar.AppsMenu" owl="1">
    <Dropdown hotkey="'h'" title="'Home Menu'" class="o_navbar_apps_menu">
      <t t-set-slot="toggler">
        <i class="fa fa-th-large"/>
      </t>
        <div class="input-group">
              <div class="input-group-prepend">
                  <div class="input-group-text">
                      <i class="fa fa-search"/>
                  </div>
              </div>
            <!--          <button t-on-click.prevent="menuService.valueChage" class="main_dino" value="click">Click</button>-->

            <!--          </button>-->
            <input type="search"
                   autocomplete="off"
                   t-on-input="valueChage"
                   placeholder="Search menus..." class="hi_dino"/>
        </div>
        <MenuItem
                t-foreach="apps"
                t-as="app"
                t-key="app.id"
                class="o_app"
                t-att-class="{ focus: menuService.getCurrentApp() === app }"
                href="getMenuItemHref(app)"
                payload="app"
                t-esc="app.name"
        />
    </Dropdown>
  </t>

    <t t-name="web.NavBar.SectionsMenu" owl="1">
    <div class="o_menu_sections" t-ref="appSubMenus" role="menu">

      <t t-foreach="sections" t-as="section" t-key="section.id">
        <t
                t-set="sectionsVisibleCount"
                t-value="(sections.length - currentAppSectionsExtra.length)"
        />

          <t t-if="section_index lt Math.min(10, sectionsVisibleCount)">
          <t t-set="hotkey" t-value="((section_index + 1) % 10).toString()"/>
        </t>
          <t t-else="">
          <t t-set="hotkey" t-value="undefined"/>
        </t>

          <t t-if="!section.childrenTree.length">
          <MenuItem
                  title="section.name"
                  class="o_nav_entry"
                  payload="section"
                  href="getMenuItemHref(section)"
                  hotkey="hotkey"
                  t-esc="section.name"
          />
        </t>
          <t t-else="">
          <MenuDropdown
                  hotkey="hotkey"
                  title="section.name"
                  xmlid="section.xmlid"
          >
            <t t-set-slot="toggler">
              <span t-esc="section.name" t-att-data-section="section.id"/>
            </t>
              <t t-call="web.NavBar.SectionsMenu.Dropdown.MenuSlot">
              <t t-set="items" t-value="section.childrenTree"/>
            </t>
          </MenuDropdown>
        </t>
      </t>

        <t t-if="currentAppSectionsExtra.length"
           t-call="web.NavBar.SectionsMenu.MoreDropdown">
        <t t-set="sections" t-value="currentAppSectionsExtra"/>
            <t t-if="sectionsVisibleCount lt 10">
          <t t-set="hotkey"
             t-value="(sectionsVisibleCount + 1 % 10).toString()"/>
        </t>
      </t>

    </div>
  </t>

    <t t-name="web.NavBar.SectionsMenu.Dropdown.MenuSlot" owl="1">
    <t t-foreach="items" t-as="item" t-key="item.id">
      <MenuItem
              t-if="!item.childrenTree.length"
              payload="item"
              href="getMenuItemHref(item)"
              class="dropdown-item"
              t-esc="item.name"
      />

        <t t-else="">
        <div class="dropdown-menu_group dropdown-header" t-esc="item.name"/>
            <MenuItem
                    t-foreach="item.childrenTree"
                    t-as="subItem"
                    t-key="subItem.id"
                    class="o_dropdown_menu_group_entry dropdown-item"
                    payload="subItem"
                    href="getMenuItemHref(subItem)"
                    t-esc="subItem.name"
            />
      </t>
    </t>
  </t>

    <t t-name="web.NavBar.SectionsMenu.MoreDropdown" owl="1">
    <Dropdown class="o_menu_sections_more" title="'More Menu'" hotkey="hotkey">
      <t t-set-slot="toggler">
        <i class="fa fa-plus"/>
      </t>
        <t t-foreach="sections" t-as="section" t-key="section.id">

        <t t-if="!section.childrenTree.length">
          <MenuItem
                  class="o_more_dropdown_section"
                  payload="section"
                  href="getMenuItemHref(section)"
                  t-esc="section.name"
          />
        </t>
            <t t-else="">
          <div
                  class="o_more_dropdown_section o_more_dropdown_section_group dropdown-header bg-100"
                  t-esc="section.name"
          />
                <t t-call="web.NavBar.SectionsMenu.Dropdown.MenuSlot">
            <t t-set="items" t-value="section.childrenTree"/>
          </t>
        </t>
      </t>
    </Dropdown>
  </t>

</templates>