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 3.1KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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"><a ui-sref="home">Chronos</a></h1>
  4. </md-toolbar>
  5. <md-content layout-padding ng-controller="SideBarController">
  6. <div lu-busy="sidebar">
  7. <div ng-show="isInState('home') || isInState('rooms')">
  8. <form ng-submit="goToFirstMatch()">
  9. <md-autocomplete
  10. md-selected-item="Search.selected"
  11. md-search-text="Search.value"
  12. md-selected-item-change="goTo(item)"
  13. md-items="item in search(ctrl.searchText)"
  14. md-item-text="item.Name"
  15. md-min-length="1"
  16. placeholder="Type a name...">
  17. <md-item-template>
  18. <span md-highlight-text="ctrl.searchText" md-highlight-flags="^i">{{item.Name}}</span>
  19. </md-item-template>
  20. <md-not-found>
  21. No groups matching "{{Search.value}}" were found.
  22. </md-not-found>
  23. </md-autocomplete>
  24. </form>
  25. <ul class="col-sm-12 sidebar-group-list">
  26. <li ng-show="DataShareBusiness.CurrentGroups.length != 0" class="col-xs-12">
  27. <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
  28. ng-click="DataShareBusiness.upCurrentGroup()">
  29. ..
  30. </md-button>
  31. </li>
  32. <li ng-repeat="group in getCurrentGroups()" class="col-xs-12">
  33. <md-button class="md-primary md-hue-1 md-group-button col-xs-12"
  34. ng-class="{'md-group-button-checked': DataShareBusiness.getCurrentGroup().Id == group.Id}"
  35. ui-sref="{{getStateName()}}({group: DataShareBusiness.getSearchString(group)})">
  36. {{ group.Name }}
  37. </md-button>
  38. </li>
  39. </ul>
  40. </div>
  41. <div ng-hide="isInState('freeroom')">
  42. <span>Need a room?</span>
  43. <md-button class="md-primary md-group-button col-xs-12" ui-sref="freeroom">
  44. Find a free room!
  45. </md-button>
  46. </div>
  47. <div ng-hide="isInState('home')">
  48. <span>Want your courses?</span>
  49. <md-button class="md-primary md-group-button col-xs-12" ui-sref="home">
  50. Go to your courses
  51. </md-button>
  52. </div>
  53. <div ng-hide="isInState('rooms')">
  54. <span>Are there people here?</span>
  55. <md-button class="md-primary md-group-button col-xs-12" ui-sref="rooms">
  56. Show all rooms
  57. </md-button>
  58. </div>
  59. </div>
  60. </md-content>
  61. </md-sidenav>