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.

sidebar.html 2.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. <md-sidenav class="md-sidenav-left md-whiteframe-z2 md-sidebar" md-component-id="left" md-is-locked-open="$mdMedia('gt-md')">
  2. <md-toolbar class="md-theme-indigo">
  3. <h1 class="md-toolbar-tools">Chronos</h1>
  4. </md-toolbar>
  5. <md-content layout-padding ng-controller="SideBarController">
  6. <!--<md-button ng-click="close()" class="md-primary" hide-gt-md>
  7. Close Sidenav Left
  8. </md-button>
  9. <p hide-md show-gt-md>
  10. This sidenav is locked open on your device. To go back to the default behavior,
  11. narrow your display.
  12. </p>-->
  13. <div lu-busy="sidebar">
  14. <md-autocomplete
  15. md-selected-item="Search.selected"
  16. md-search-text="Search.value"
  17. md-selected-item-change="goTo(item)"
  18. md-items="item in search(ctrl.searchText)"
  19. md-item-text="item.Name"
  20. md-min-length="1"
  21. placeholder="Type a group name...">
  22. <md-item-template>
  23. <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.Name}}</span>
  24. </md-item-template>
  25. <md-not-found>
  26. No groups matching "{{Search.value}}" were found.
  27. </md-not-found>
  28. </md-autocomplete>
  29. <ul class="col-sm-12 sidebar-group-list">
  30. <li ng-show="DataShareBusiness.CurrentGroups.length != 0" class="col-xs-12">
  31. <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
  32. ui-sref="home({group: DataShareBusiness.getSearchString(DataShareBusiness.getCurrentGroup().Parent)})">
  33. ..
  34. </md-button>
  35. </li>
  36. <li ng-repeat="group in getCurrentGroups()" class="col-xs-12">
  37. <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
  38. ng-class="{'md-group-button-checked': DataShareBusiness.getCurrentGroup().Id == group.Id}"
  39. ui-sref="home({group: DataShareBusiness.getSearchString(group)})">
  40. {{ group.Name }}
  41. </md-button>
  42. </li>
  43. </ul>
  44. <div ng-hide="isInState('freeroom')">
  45. <span>Need a room ?</span>
  46. <md-button class="md-primary md-group-button col-xs-12" ui-sref="freeroom">
  47. Find a free room!
  48. </md-button>
  49. </div>
  50. </div>
  51. </md-content>
  52. </md-sidenav>