#8: Add URL check

src/app/components/event/event.component.html

@@ -22,10 +22,10 @@
 	<td>
 		<input type="text" [(ngModel)]="event!.location">
 	</td>
-	<td class="{{showDateError || requiredFieldsMissing? 'has-error' : ''}}">
+	<td class="{{requiredFieldsMissing? 'has-error' : ''}}">
 		{{event?.createdBy}}
 	</td>
-	<td>
+	<td class="{{invalidUrlError? 'has-error' : ''}}">
 		<input type="text" [(ngModel)]="event!.url">
 	</td>
 	<td>
@@ -33,6 +33,7 @@
 		<p class="has-error" *ngIf="showDateError">Start Date must not be after end date!</p>
 		<p class="has-error" *ngIf="requiredFieldsMissing">Required fields are missing!</p>
 		<p class="has-error" *ngIf="showCreateError">Error creating event. Please try again.</p>
+		<p class="has-error" *ngIf="invalidUrlError">Invalid URL, please only provide valid ones!</p>
 	</td>
 	<td>
 		<button (click)="triggerDelete()">Delete</button>