Missing id's + verdere uitwerking afspraken naast elkaar

src/app/components/week-view/week-view.component.html

@@ -15,17 +15,19 @@
 
       <div *ngFor="let day of days" class="day-column">
         <div *ngFor="let hour of hours" class="hour-cell">
-          <div
-            class="appointments-wrapper"
-            [ngClass]="{ 'multiple': searchAppointments(day, hour).length > 1 }">
-
-            <component-appointment
-              *ngFor="let appointment of searchAppointments(day, hour)"
-              [appointment]="appointment"
-              size="medium"
-              (onClick)="emitAppointment($event)">
-            </component-appointment>
+          <div *ngIf="searchAppointments(day, hour) as appointmentDtos">
+            <div
+              class="appointments-wrapper"
+              [ngClass]="{ 'multiple': searchAppointments(day, hour).length > 1 }">
 
+              <component-appointment
+                *ngFor="let appointment of appointmentDtos"
+                [appointment]="appointment"
+                size="medium"
+                [width]="100 / appointmentDtos.length"
+                (onClick)="emitAppointment($event)">
+              </component-appointment>
+            </div>
           </div>
         </div>
       </div>