calendarMonthCell.html 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <div
  2. mwl-droppable
  3. on-drop="vm.handleEventDrop(dropData.event, day.date, dropData.draggedFromDate)"
  4. class="cal-month-day {{ day.cssClass }}"
  5. ng-class="{
  6. 'cal-day-outmonth': !day.inMonth,
  7. 'cal-day-inmonth': day.inMonth,
  8. 'cal-day-weekend': day.isWeekend,
  9. 'cal-day-past': day.isPast,
  10. 'cal-day-today': day.isToday,
  11. 'cal-day-future': day.isFuture
  12. }">
  13. <small
  14. class="cal-events-num badge badge-important pull-left"
  15. ng-show="day.badgeTotal > 0"
  16. ng-bind="day.badgeTotal">
  17. </small>
  18. <span
  19. class="pull-right"
  20. data-cal-date
  21. ng-click="vm.calendarCtrl.dateClicked(day.date)"
  22. ng-bind="day.label">
  23. </span>
  24. <div class="cal-day-tick" ng-show="dayIndex === vm.openDayIndex && vm.view[vm.openDayIndex].events.length > 0">
  25. <i class="glyphicon glyphicon-chevron-up"></i>
  26. <i class="fa fa-chevron-up"></i>
  27. </div>
  28. <ng-include src="vm.calendarConfig.templates.calendarMonthCellEvents"></ng-include>
  29. <div id="cal-week-box" ng-if="$first && rowHovered">
  30. {{ vm.calendarConfig.i18nStrings.weekNumber.replace('{week}', day.date.week()) }}
  31. </div>
  32. </div>