LayoutPickerView.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. {{? !it.disableHeaderSection}}
  2. <div class="layoutHeader sectionHeader">{{=it.layoutLabel}}</div>
  3. {{?}}
  4. {{~ it.templates :template:idx}}
  5. <div class="layoutEntry{{? template.description }} withDescription{{?}}" >
  6. <div class="layoutTemplates{{? template.description }} withDescription{{?}}">
  7. <div role="option" tabindex="{{? template.isSelected}}0{{??}}-1{{?}}" aria-checked="{{? template.isSelected}}true{{??}}false{{?}}"
  8. class="layoutTemplateItem {{? template.isSelected}}selected{{?}} {{=template.navigationTemplates}}"
  9. data-id="{{=template.name}}"{{? template.description }} style="float:left;"{{?}}
  10. aria-label="{{=template.ariaLabel}}">
  11. {{? template.icon}}
  12. <div class="layoutIcon"></div>
  13. {{?}}
  14. {{? template.label && template.type !== 'custom'}}
  15. <div class="caption">{{=template.label}}</div>
  16. {{?}}
  17. {{? template.type === 'custom'}}
  18. <div class="layoutThumbnailContainer">
  19. <img draggable="false" class="layoutThumbnail" alt="Thumbnail"/>
  20. <div class="layoutThumbnailOverlay">
  21. <div class="layoutContextMenuButton"></div>
  22. </div>
  23. </div>
  24. {{?}}
  25. </div>
  26. {{? template.description }}
  27. <div class="layoutDescription">{{=template.description}}</div>
  28. {{?}}
  29. {{? template.type === 'custom' }}
  30. <div class="layoutThumbnailLabel">{{=template.label}}</div>
  31. {{?}}
  32. {{? template.location }}
  33. <div class="layoutLocation">{{=template.location}}</div>
  34. {{?}}
  35. </div>
  36. </div>
  37. {{~}}
  38. {{? !it.disableFooterSection}}
  39. <div class="layoutFooter sectionFooter"></div>
  40. {{?}}