NavigationPickerView.html 1.0 KB

123456789101112131415161718192021222324252627
  1. <div class="pickers">
  2. {{? (it.templates && it.templates.length > 1) || (it.templates && it.templates[0].navModels && it.templates[0].navModels.length > 1) }}
  3. <div class="navigationPicker">
  4. {{~ it.templates :template:index}}
  5. <div class="navigationType" role="listbox" aria-multiselectable="false" aria-label="{{!template.label}}">
  6. {{? template.isBeta}}
  7. <div class="betaContainer">
  8. <div class="betaIndicator"></div>
  9. </div>
  10. {{?}}
  11. <div class="navigationHeader sectionHeader">{{!template.label}}</div>
  12. {{~ template.navModels :value:idx}}
  13. <div class="navigationTemplates">
  14. <div role="option" aria-checked="false" aria-label="{{!value.label}}" aria-posinset="{{!(idx+1)}}" aria-setsize="{{!template.navModels.length}}"
  15. class="{{!value.css}} templateItem" data-id="{{!value.dataId}}" tabindex="-1">
  16. <div class="navIcon"></div>
  17. <div class="navLabel">{{!value.label}}</div>
  18. </div>
  19. </div>
  20. {{~}}
  21. </div>
  22. {{~}}
  23. </div>
  24. {{?}}
  25. <div class="layoutPicker"></div>
  26. </div>
  27. <div class="loadMoreButton">{{!it.loadMoreLabel}}</div>