month.html 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. <div class="cal-row-fluid cal-row-head">
  2. <div class="cal-cell1" ng-repeat="day in weekDays">{{ day }}</div>
  3. </div>
  4. <div class="cal-month-box">
  5. <div ng-repeat="week in view track by $index">
  6. <div class="cal-row-fluid cal-before-eventlist">
  7. <div
  8. class="cal-cell1 cal-cell {{ day.highlightClass }}"
  9. ng-repeat="day in week track by $index"
  10. ng-click="dayClicked($parent.$index, $index)"
  11. ng-class="{pointer: day.events.length > 0}">
  12. <div class="cal-month-day" ng-class="{'cal-day-outmonth': !day.inMonth, 'cal-day-inmonth': day.inMonth, 'cal-day-weekend': $index == 5 || $index == 6, 'cal-day-today': day.isToday}">
  13. <small class="cal-events-num badge badge-important pull-left" ng-show="day.events.length > 0">{{ day.events.length }}</small>
  14. <span class="pull-right" data-cal-date ng-click="drillDown(day.label)">{{ day.label }}</span>
  15. <div class="cal-day-tick" ng-show="day.isOpened">
  16. <i class="glyphicon glyphicon-chevron-up"></i>
  17. <i class="fa fa-chevron-up"></i>
  18. </div>
  19. <div class="events-list" ng-show="day.events.length > 0">
  20. <a
  21. href="javascript:;"
  22. ng-click="eventClick({$event: event})"
  23. ng-repeat="event in day.events track by $index"
  24. class="pull-left event event-{{ event.type }}"
  25. ng-mouseenter="highlightEvent(event, true)"
  26. ng-mouseleave="highlightEvent(event, false)"
  27. tooltip-append-to-body="true"
  28. tooltip="{{ event.title }}"
  29. ></a>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. <div class="cal-slide-box" collapse="!week.isOpened">
  35. <div class="cal-slide-content cal-event-list">
  36. <ul class="unstyled list-unstyled">
  37. <li ng-repeat="event in openEvents track by $index">
  38. <span class="pull-left event event-{{ event.type }}"></span>
  39. &nbsp;
  40. <a
  41. href="javascript:;"
  42. class="event-item"
  43. ng-click="eventClick({$event: event})">
  44. {{ event.title }}
  45. </a>
  46. <a
  47. href="javascript:;"
  48. class="event-item-edit"
  49. ng-if="editEventHtml && event.editable !== false"
  50. ng-bind-html="$sce.trustAsHtml(editEventHtml)"
  51. ng-click="eventEditClick({$event: event})">
  52. </a>
  53. <a
  54. href="javascript:;"
  55. class="event-item-delete"
  56. ng-if="deleteEventHtml && event.deletable !== false"
  57. ng-bind-html="$sce.trustAsHtml(deleteEventHtml)"
  58. ng-click="eventDeleteClick({$event: event})">
  59. </a>
  60. </li>
  61. </ul>
  62. </div>
  63. </div>
  64. </div>
  65. </div>