You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

39 lines
1.3 KiB

  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <templates xml:space="preserve">
  3. <t t-name="muk_web_theme.AppsSearch" owl="1">
  4. <div
  5. class="mk_apps_search_container"
  6. t-att-class="state.hasResults ? 'mk_apps_search_active' : ''"
  7. >
  8. <div class="mk_apps_search_input d-flex align-items-center">
  9. <span class="mk_apps_search_icon fa fa-search" />
  10. <input
  11. type="search"
  12. autocomplete="off"
  13. class="form-control"
  14. placeholder="Search menus..."
  15. data-allow-hotkeys="true"
  16. t-on-input="_onInput"
  17. t-on-keydown="_onKeyDown"
  18. t-ref="autofocus"
  19. />
  20. </div>
  21. <div t-if="state.hasResults" class="mk_apps_search_menus">
  22. <t t-foreach="state.results" t-as="menu" t-key="menu.id">
  23. <a
  24. t-att-style="menu.style ? menu.style : ''"
  25. t-att-href="menu.href"
  26. t-att-data-menu-id="menu.id"
  27. t-att-data-menu-xmlid="menu.xmlid"
  28. t-att-data-action-id="menu.actionID"
  29. t-on-click.prevent="() => menu.action()"
  30. t-out="menu.name"
  31. />
  32. </t>
  33. </div>
  34. </div>
  35. </t>
  36. </templates>