search_results.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <div ng-repeat="section in ctrl.results" class="search-section">
  2. <div class="search-section__header pointer" ng-hide="section.hideHeader" ng-class="{'selected': section.selected}" ng-click="ctrl.toggleFolderExpand(section)">
  3. <div ng-click="ctrl.toggleSelection(section, $event)">
  4. <gf-form-switch
  5. ng-show="ctrl.editable"
  6. on-change="ctrl.selectionChanged($event)"
  7. checked="section.checked"
  8. switch-class="gf-form-switch--transparent gf-form-switch--search-result__section">
  9. </gf-form-switch>
  10. </div>
  11. <i class="search-section__header__icon" ng-class="section.icon"></i>
  12. <span class="search-section__header__text">{{::section.title}}</span>
  13. <a ng-show="section.url" href="{{section.url}}" class="search-section__header__link">
  14. <i class="fa fa-cog"></i>
  15. </a>
  16. <i class="fa fa-angle-down search-section__header__toggle" ng-show="section.expanded"></i>
  17. <i class="fa fa-angle-right search-section__header__toggle" ng-hide="section.expanded"></i>
  18. </div>
  19. <div class="search-section__header" ng-show="section.hideHeader"></div>
  20. <div ng-if="section.expanded">
  21. <a ng-repeat="item in section.items" class="search-item" ng-class="{'selected': item.selected}" ng-href="{{::item.url}}" >
  22. <div ng-click="ctrl.toggleSelection(item, $event)">
  23. <gf-form-switch
  24. ng-show="ctrl.editable"
  25. on-change="ctrl.selectionChanged()"
  26. checked="item.checked"
  27. switch-class="gf-form-switch--transparent gf-form-switch--search-result__item">
  28. </gf-form-switch>
  29. </div>
  30. <span class="search-item__icon">
  31. <i class="gicon mini gicon-dashboard-list"></i>
  32. </span>
  33. <span class="search-item__body" ng-click="ctrl.onItemClick(item)">
  34. <div class="search-item__body-title">{{::item.title}}</div>
  35. </span>
  36. <span class="search-item__tags">
  37. <span ng-click="ctrl.selectTag(tag, $event)" ng-repeat="tag in item.tags" tag-color-from-name="tag" class="label label-tag">
  38. {{tag}}
  39. </span>
  40. </span>
  41. </a>
  42. </div>
  43. </div>