123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109 |
- <br><br><br>
- <ng-template #modalContent let-close="close">
- <div class="modal-header">
- <h5 class="modal-title">Event action occurred</h5>
- <button type="button" class="close" (click)="close()">
- <span aria-hidden="true">×</span>
- </button>
- </div>
- <div class="modal-body">
- <div>
- Action:
- <pre>{{ modalData?.action }}</pre>
- </div>
- <div>
- Event:
- <pre>{{ modalData?.event | json }}</pre>
- </div>
- </div>
- <div class="modal-footer">
- <button type="button" class="btn btn-outline-secondary" (click)="close()">OK</button>
- </div>
- </ng-template>
- <div class="row text-center">
- <div class="col-md-4">
- <div class="btn-group">
- <div
- class="btn btn-primary"
- mwlCalendarPreviousView
- [view]="view"
- [(viewDate)]="viewDate"
- (viewDateChange)="activeDayIsOpen = false">
- Previous
- </div>
- <div
- class="btn btn-outline-secondary"
- mwlCalendarToday
- [(viewDate)]="viewDate">
- Today
- </div>
- <div
- class="btn btn-primary"
- mwlCalendarNextView
- [view]="view"
- [(viewDate)]="viewDate"
- (viewDateChange)="activeDayIsOpen = false">
- Next
- </div>
- </div>
- </div>
- <div class="col-md-4">
- <h3>{{ viewDate | calendarDate:(view + 'ViewTitle'):'en' }}</h3>
- </div>
- <div class="col-md-4">
- <div class="btn-group">
- <div
- class="btn btn-primary"
- (click)="view = CalendarView.Month"
- [class.active]="view === CalendarView.Month">
- Month
- </div>
- <div
- class="btn btn-primary"
- (click)="view = CalendarView.Week"
- [class.active]="view === CalendarView.Week">
- Week
- </div>
- <div
- class="btn btn-primary"
- (click)="view = CalendarView.Day"
- [class.active]="view === CalendarView.Day">
- Day
- </div>
- </div>
- </div>
- </div>
- <br>
- <div [ngSwitch]="view">
- <mwl-calendar-month-view
- *ngSwitchCase="CalendarView.Month"
- [viewDate]="viewDate"
- [events]="events"
- [refresh]="refresh"
- [activeDayIsOpen]="activeDayIsOpen"
- (dayClicked)="dayClicked($event.day)"
- (eventClicked)="handleEvent('Clicked', $event.event)"
- (eventTimesChanged)="eventTimesChanged($event)">
- </mwl-calendar-month-view>
- <mwl-calendar-week-view
- *ngSwitchCase="CalendarView.Week"
- [viewDate]="viewDate"
- [events]="events"
- [refresh]="refresh"
- (eventClicked)="handleEvent('Clicked', $event.event)"
- (eventTimesChanged)="eventTimesChanged($event)">
- </mwl-calendar-week-view>
- <mwl-calendar-day-view
- *ngSwitchCase="CalendarView.Day"
- [viewDate]="viewDate"
- [events]="events"
- [refresh]="refresh"
- (eventClicked)="handleEvent('Clicked', $event.event)"
- (eventTimesChanged)="eventTimesChanged($event)">
- </mwl-calendar-day-view>
- </div>
- <br><br><br>
|