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.5KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  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. ng-href="{{DataShareBusiness.getGroupUrl(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. ng-href="{{DataShareBusiness.getGroupUrl(group)}}">
  40. {{ group.Name }}
  41. </md-button>
  42. </li>
  43. </ul>
  44. <!--<span>Need a room ?</span>
  45. <md-button class="md-primary md-group-button col-xs-12" ng-click="findFreeRoom()">
  46. Find a free room!
  47. </md-button>-->
  48. </div>
  49. </md-content>
  50. </md-sidenav>