fix: expose all track by fns to custom templates

mattlewis92 · Mar 1, 2019 · d6fb3de · d6fb3de
1 parent 302170e
commit d6fb3de
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 7 deletions.
diff --git a/projects/angular-calendar/src/modules/common/calendar-event-actions.component.ts b/projects/angular-calendar/src/modules/common/calendar-event-actions.component.ts
@@ -4,7 +4,11 @@ import { CalendarEvent, EventAction } from 'calendar-utils';
 @Component({
   selector: 'mwl-calendar-event-actions',
   template: `
-    <ng-template #defaultTemplate let-event="event">
+    <ng-template
+      #defaultTemplate
+      let-event="event"
+      let-trackByActionId="trackByActionId"
+    >
       <span *ngIf="event.actions" class="cal-event-actions">
         <a
           class="cal-event-action"
@@ -20,7 +24,8 @@ import { CalendarEvent, EventAction } from 'calendar-utils';
     <ng-template
       [ngTemplateOutlet]="customTemplate || defaultTemplate"
       [ngTemplateOutletContext]="{
-        event: event
+        event: event,
+        trackByActionId: trackByActionId
       }"
     >
     </ng-template>

diff --git a/projects/angular-calendar/src/modules/month/calendar-month-cell.component.ts b/projects/angular-calendar/src/modules/month/calendar-month-cell.component.ts
@@ -24,6 +24,7 @@ import { PlacementArray } from 'positioning';
       let-tooltipTemplate="tooltipTemplate"
       let-tooltipAppendToBody="tooltipAppendToBody"
       let-tooltipDelay="tooltipDelay"
+      let-trackByEventId="trackByEventId"
     >
       <div class="cal-cell-top">
         <span class="cal-day-badge" *ngIf="day.badgeTotal > 0">{{
@@ -70,7 +71,8 @@ import { PlacementArray } from 'positioning';
         eventClicked: eventClicked,
         tooltipTemplate: tooltipTemplate,
         tooltipAppendToBody: tooltipAppendToBody,
-        tooltipDelay: tooltipDelay
+        tooltipDelay: tooltipDelay,
+        trackByEventId: trackByEventId
       }"
     >
     </ng-template>

diff --git a/projects/angular-calendar/src/modules/month/calendar-month-view-header.component.ts b/projects/angular-calendar/src/modules/month/calendar-month-view-header.component.ts
@@ -11,7 +11,12 @@ import { trackByWeekDayHeaderDate } from '../common/util';
 @Component({
   selector: 'mwl-calendar-month-view-header',
   template: `
-    <ng-template #defaultTemplate let-days="days" let-locale="locale">
+    <ng-template
+      #defaultTemplate
+      let-days="days"
+      let-locale="locale"
+      let-trackByWeekDayHeaderDate="trackByWeekDayHeaderDate"
+    >
       <div class="cal-cell-row cal-header">
         <div
           class="cal-cell"
@@ -29,7 +34,11 @@ import { trackByWeekDayHeaderDate } from '../common/util';
     </ng-template>
     <ng-template
       [ngTemplateOutlet]="customTemplate || defaultTemplate"
-      [ngTemplateOutletContext]="{ days: days, locale: locale }"
+      [ngTemplateOutletContext]="{
+        days: days,
+        locale: locale,
+        trackByWeekDayHeaderDate: trackByWeekDayHeaderDate
+      }"
     >
     </ng-template>
   `

diff --git a/projects/angular-calendar/src/modules/month/calendar-open-day-events.component.ts b/projects/angular-calendar/src/modules/month/calendar-open-day-events.component.ts
@@ -34,6 +34,7 @@ export const collapseAnimation: AnimationTriggerMetadata = trigger('collapse', [
       let-events="events"
       let-eventClicked="eventClicked"
       let-isOpen="isOpen"
+      let-trackByEventId="trackByEventId"
     >
       <div class="cal-open-day-events" [@collapse] *ngIf="isOpen">
         <div
@@ -72,7 +73,8 @@ export const collapseAnimation: AnimationTriggerMetadata = trigger('collapse', [
       [ngTemplateOutletContext]="{
         events: events,
         eventClicked: eventClicked,
-        isOpen: isOpen
+        isOpen: isOpen,
+        trackByEventId: trackByEventId
       }"
     >
     </ng-template>

diff --git a/projects/angular-calendar/src/modules/week/calendar-week-view-header.component.ts b/projects/angular-calendar/src/modules/week/calendar-week-view-header.component.ts
@@ -17,6 +17,7 @@ import { trackByWeekDayHeaderDate } from '../common/util';
       let-locale="locale"
       let-dayHeaderClicked="dayHeaderClicked"
       let-eventDropped="eventDropped"
+      let-trackByWeekDayHeaderDate="trackByWeekDayHeaderDate"
     >
       <div class="cal-day-headers">
         <div
@@ -51,7 +52,8 @@ import { trackByWeekDayHeaderDate } from '../common/util';
         days: days,
         locale: locale,
         dayHeaderClicked: dayHeaderClicked,
-        eventDropped: eventDropped
+        eventDropped: eventDropped,
+        trackByWeekDayHeaderDate: trackByWeekDayHeaderDate
       }"
     >
     </ng-template>