Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

sidebar.html 3.2KB

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