fix(week-view): expose the week column to custom event template

Closes #1039
mattlewis92 · Jul 20, 2019 · cb719af · cb719af
1 parent 63d7629
commit cb719af
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/projects/angular-calendar/src/modules/week/calendar-week-view-event.component.ts b/projects/angular-calendar/src/modules/week/calendar-week-view-event.component.ts
@@ -5,7 +5,11 @@ import {
   EventEmitter,
   TemplateRef
 } from '@angular/core';
-import { WeekViewAllDayEvent, DayViewEvent } from 'calendar-utils';
+import {
+  WeekViewAllDayEvent,
+  DayViewEvent,
+  WeekViewHourColumn
+} from 'calendar-utils';
 import { PlacementArray } from 'positioning';
 
 @Component({
@@ -20,6 +24,7 @@ import { PlacementArray } from 'positioning';
       let-tooltipAppendToBody="tooltipAppendToBody"
       let-tooltipDisabled="tooltipDisabled"
       let-tooltipDelay="tooltipDelay"
+      let-column="column"
     >
       <div
         class="cal-event"
@@ -63,7 +68,8 @@ import { PlacementArray } from 'positioning';
         tooltipTemplate: tooltipTemplate,
         tooltipAppendToBody: tooltipAppendToBody,
         tooltipDisabled: tooltipDisabled,
-        tooltipDelay: tooltipDelay
+        tooltipDelay: tooltipDelay,
+        column: column
       }"
     >
     </ng-template>
@@ -88,5 +94,7 @@ export class CalendarWeekViewEventComponent {
 
   @Input() tooltipTemplate: TemplateRef<any>;
 
+  @Input() column: WeekViewHourColumn;
+
   @Output() eventClicked: EventEmitter<any> = new EventEmitter();
 }
diff --git a/projects/angular-calendar/src/modules/week/calendar-week-view.component.ts b/projects/angular-calendar/src/modules/week/calendar-week-view.component.ts
@@ -299,6 +299,7 @@ export interface CalendarWeekViewBeforeRenderEvent extends WeekView {
                 [customTemplate]="eventTemplate"
                 [eventTitleTemplate]="eventTitleTemplate"
                 [eventActionsTemplate]="eventActionsTemplate"
+                [column]="column"
                 (eventClicked)="eventClicked.emit({ event: timeEvent.event })"
               >
               </mwl-calendar-week-view-event>