From aa0d03c86af39a90f6d5ff72b1a53332bc96529d Mon Sep 17 00:00:00 2001
From: Patrick Mueller <patrick@mueller-patrick.tech>
Date: Wed, 28 Dec 2022 12:33:20 +0100
Subject: [PATCH] #6: Add ability to create whole-day events

---
 src/app/components/event/event.component.html      | 14 ++++++++++----
 src/app/components/event/event.component.ts        |  1 -
 .../events-table/events-table.component.html       |  1 +
 src/app/models/event.ts                            |  1 +
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/components/event/event.component.html b/src/app/components/event/event.component.html
index 8da14cf..123f0db 100644
--- a/src/app/components/event/event.component.html
+++ b/src/app/components/event/event.component.html
@@ -8,13 +8,16 @@
 	<td>
 		<input type="text" [(ngModel)]="event!.description">
 	</td>
+	<td>
+		<input type="checkbox" [(ngModel)]="event!.wholeDay">
+	</td>
 	<td class="{{showDateError || requiredFieldsMissing? 'has-error' : ''}}">
 		<input type="date" [(ngModel)]="newStartDate" (change)="setStartDateTime()">
-		<input type="time" [(ngModel)]="newStartTime" (change)="setStartDateTime()">
+		<input type="time" [(ngModel)]="newStartTime" (change)="setStartDateTime()" *ngIf="!this.event!.wholeDay">
 	</td>
 	<td class="{{showDateError || requiredFieldsMissing? 'has-error' : ''}}">
 		<input type="date" [(ngModel)]="newEndDate" (change)="setEndDateTime()">
-		<input type="time" [(ngModel)]="newEndTime" (change)="setEndDateTime()">
+		<input type="time" [(ngModel)]="newEndTime" (change)="setEndDateTime()" *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		<input type="text" [(ngModel)]="event!.location">
@@ -45,13 +48,16 @@
 	<td>
 		{{event?.description}}
 	</td>
+	<td>
+		<input type="checkbox" [(ngModel)]="event!.wholeDay" disabled>
+	</td>
 	<td>
 		<input type="date" [value]="newStartDate" readonly>
-		<input type="time" [value]="newStartTime" readonly>
+		<input type="time" [value]="newStartTime" readonly *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		<input type="date" [value]="newEndDate" readonly>
-		<input type="time" [value]="newEndTime" readonly>
+		<input type="time" [value]="newEndTime" readonly *ngIf="!this.event!.wholeDay">
 	</td>
 	<td>
 		{{event?.location}}
diff --git a/src/app/components/event/event.component.ts b/src/app/components/event/event.component.ts
index c72530c..e4bcad6 100644
--- a/src/app/components/event/event.component.ts
+++ b/src/app/components/event/event.component.ts
@@ -63,7 +63,6 @@ export class EventComponent implements OnInit {
 						this.showCreateError = true;
 						return;
 					}
-
 				});
 			} else {
 				// Update existing event
diff --git a/src/app/components/events-table/events-table.component.html b/src/app/components/events-table/events-table.component.html
index bf1f133..3136e13 100644
--- a/src/app/components/events-table/events-table.component.html
+++ b/src/app/components/events-table/events-table.component.html
@@ -3,6 +3,7 @@
 		<th>Calendar</th>
 		<th>Name</th>
 		<th>Description</th>
+		<th>Whole Day</th>
 		<th>Start</th>
 		<th>End</th>
 		<th>Location</th>
diff --git a/src/app/models/event.ts b/src/app/models/event.ts
index 226ba69..60e25e3 100644
--- a/src/app/models/event.ts
+++ b/src/app/models/event.ts
@@ -10,4 +10,5 @@ export interface Event {
 	location: string;
 	createdBy: string;
 	url: string;
+	wholeDay: boolean;
 }