issue-92 #109

Merged
sebastian merged 4 commits from issue-92 into master 2024-03-17 13:21:28 +01:00
4 changed files with 34 additions and 5 deletions
Showing only changes of commit 88d285bef7 - Show all commits

View File

@ -189,8 +189,7 @@ import {CommonModule} from "@angular/common";
NgApexchartsModule, NgApexchartsModule,
MatButtonToggleModule, MatButtonToggleModule,
MatGridListModule, MatGridListModule,
MatStepperModule, MatStepperModule
CommonModule
], ],
providers: [ providers: [
HttpClientModule, HttpClientModule,

View File

@ -24,3 +24,20 @@
.undecorated-link:hover { .undecorated-link:hover {
color: #3498db; color: #3498db;
} }
.calendar-header {
display: flex;
align-items: center;
}
.calendar-control {
display: flex;
}
.calendar-header-title {
align-content: center;
flex-grow: 1;
flex-shrink: 0;
text-align: center;
margin-right: auto;
}

View File

@ -1,8 +1,17 @@
<div class="container"> <div class="container">
<app-navigation-link-list [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list> <app-navigation-link-list [navigationLinks]="defaultNavigationLinkPath"></app-navigation-link-list>
<div class="calendar-header">
<mwl-calendar-month-view [viewDate]="viewDate" [events]="events" [refresh]="refresh" (dayClicked)="dayClicked($event.day)" [activeDayIsOpen]="activeDayIsOpen" <div class="calendar-control">
></mwl-calendar-month-view> <button mat-flat-button color="primary" mwlCalendarPreviousView [view]="'month'" [(viewDate)]="viewDate"
(viewDateChange)="closeOpenMonthViewDay()">Previous</button>
<button mat-flat-button mwlCalendarToday [(viewDate)]="viewDate">Today</button>
<button mat-flat-button color="primary" mwlCalendarNextView [view]="'month'" [(viewDate)]="viewDate"
(viewDateChange)="closeOpenMonthViewDay()">Next</button>
</div>
<h1 class="calendar-header-title">{{ viewDate | calendarDate:('month' + 'ViewTitle'):'en' }}</h1>
</div>
<mwl-calendar-month-view [viewDate]="viewDate" [events]="events" [refresh]="refresh" (dayClicked)="dayClicked($event.day)"
[activeDayIsOpen]="activeDayIsOpen"></mwl-calendar-month-view>
</div> </div>

View File

@ -80,4 +80,8 @@ export class UpcomingDeadlinesOverviewComponent implements OnInit{
this.viewDate = date; this.viewDate = date;
} }
} }
closeOpenMonthViewDay() {
this.activeDayIsOpen = false;
}
} }