timemanager/frontend/src/app/upcoming-deadlines-overview/upcoming-deadlines-overview.component.html
Sebastian Böckelmann f921d1d222
All checks were successful
Java CI with Maven / build-and-push-frontend (push) Successful in 8s
Java CI with Maven / build-and-push-backend (push) Successful in 11s
Visualize Upcoming Deadlines
2024-03-17 11:50:47 +01:00

22 lines
926 B
HTML

<div class="container">
<app-navigation-link-list [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list>
<ng-template #customCellTemplate let-day="day" let-locale="locale">
<div class="cal-cell-top">
<span class="cal-day-badge" *ngIf="day.badgeTotal > 0">{{ day.badgeTotal }}</span>
<span class="cal-day-number">{{ day.date | calendarDate:'monthViewDayNumber':locale }}</span>
</div>
<div class="cal-cell-content">
<div class="cal-events">
<div *ngFor="let event of day.events" class="event">
<div class="cal-event-circle"></div> <!-- Small circle -->
<div class="cal-event-title">{{ event.title }}</div> <!-- Event title -->
</div>
</div>
</div>
</ng-template>
<mwl-calendar-month-view [viewDate]="viewDate" [events]="events" [cellTemplate]="customCellTemplate" [refresh]="refresh"
></mwl-calendar-month-view>
</div>