#7: Adding filters

2022-12-28 14:10:39 +01:00
parent 85ffaea589
commit 1990c9a42d
2 changed files with 47 additions and 3 deletions
@@ -6,11 +6,21 @@
 	<input id="name" type="text" aria-label="Your Name" (keyup.enter)="login()" [(ngModel)]="name">
 </div>
 <div *ngIf="isLoggedIn">
+	<span>Logged in as {{getUserName()}}&nbsp; | &nbsp;</span>
+	<span>Calendar: </span>
 	<select [(ngModel)]="selectedCalendar" (change)="handleCalendarChange()">
 		<option value="" disabled selected hidden>Select calendar</option>
 		<option>public</option>
 		<option>members</option>
 		<option>management</option>
 	</select>
+	<span>&nbsp; | &nbsp;</span>
+	<span>Filter: </span>
+	<select [(ngModel)]="eventFilter" (change)="getEvents()">
+		<option value="" disabled selected hidden>Select filter</option>
+		<option value="all">All Events</option>
+		<option value="future">Future Events only</option>
+		<option value="past">Past Events only</option>
+	</select>
 	<app-events-table [events]="this.events" [selectedCalendar]="getCalendarId(selectedCalendar)"></app-events-table>
 </div>