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.

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <div layout="column" layout-fill layout-align="top center">
  2. <p ng-show="getSheetCount() > 5">
  3. Too many elements to display, please select a sub group.
  4. </p>
  5. <div lu-busy="coursesView" class="col-xs-12 seven-cols">
  6. <div class="col-xs-12">
  7. <div class="col-xs-offset-4 col-xs-1">
  8. <md-button class="md-primary md-group-button" ng-click="goToRelativeWeek(-1)">
  9. <
  10. </md-button>
  11. </div>
  12. <div class="col-xs-2">
  13. <md-datepicker ng-model="selectedDate" md-placeholder="Enter date"></md-datepicker>
  14. </div>
  15. <div class="col-xs-1">
  16. <md-button class="md-primary md-group-button col-xs-1" ng-click="goToRelativeWeek(1)">
  17. >
  18. </md-button>
  19. </div>
  20. </div>
  21. <div class="col-xs-1 hour-column">
  22. <div class="day-column-hours">
  23. <div class="day-column-hour" ng-hide="$first" ng-repeat="hour in hours" ng-style="{'top': ($index / hours.length * 100) + '%'}">
  24. {{hour | date : timeFormat}} -
  25. </div>
  26. </div>
  27. </div>
  28. <div class="col-xs-11 days-container">
  29. <div ng-repeat="day in days" class="col-sm-1 day-column"
  30. ng-style="{'border-right': $last ? 'solid #dddddd 1px' : ''}">
  31. <div class="day-column-header day-column-header-day"
  32. ng-class="{'day-column-header-current': !isToday(day.date) && selectedDate.getTime() == day.date.getTime(),
  33. 'day-column-header-today': isToday(day.date)}">
  34. {{ day.day }}
  35. </div>
  36. <div class="day-column-header day-column-header-date"
  37. ng-class="{'day-column-header-current': !isToday(day.date) && selectedDate.getTime() == day.date.getTime(),
  38. 'day-column-header-today': isToday(day.date)}">
  39. {{ day.date | date : dateFormat }}
  40. </div>
  41. <div class="day-column-courses">
  42. <div class="day-column-course" ng-repeat="course in getCoursesByDate(day.date)" ng-click="showCourse(course)"
  43. ng-style="{'height': (course.EndPercent - course.BeginPercent) + '%',
  44. 'top' : course.BeginPercent + '%', 'width': (100 / course.ParallelCoursesCount)+'%',
  45. 'left': (course.ParallelCoursesPosition * (100 / course.ParallelCoursesCount)) + '%',
  46. 'border-left': (course.ParallelCoursesPosition != 0) ? 'solid #dddddd 1px' : ''}">
  47. <span class="day-column-course-name">{{ course.Name }}</span>
  48. <div ng-repeat="room in course.RoomList">
  49. <span class="day-column-room-name">{{room.Name}}</span>
  50. </div>
  51. <div ng-repeat="staff in course.StaffList">
  52. <span class="day-column-staff-name">{{staff.Name}}</span>
  53. </div>
  54. <span class="day-column-course-hour">{{course.BeginDate | date : timeFormat}} - {{course.EndDate | date : timeFormat}}</span>
  55. <div ng-repeat="group in course.GroupList">
  56. <span class="day-column-group-name">{{group.Name}}</span>
  57. </div>
  58. </div>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. </div>