feat(getWeekView): add way of setting minimum event height

References mattlewis92/angular-calendar#1192

Author: mattlewis92

src/calendar-utils.ts

@@ -444,6 +444,7 @@ export interface GetWeekViewArgs {
   segmentHeight: number;
   viewStart?: Date;
   viewEnd?: Date;
+  minimumEventHeight?: number
 }
 
 export function getDifferenceInDaysWithExclusions(
@@ -568,6 +569,7 @@ interface GetWeekViewHourGridArgs extends GetDayViewHourGridArgs {
   segmentHeight: number;
   viewStart: Date;
   viewEnd: Date;
+  minimumEventHeight: number
 }
 
 function getWeekViewHourGrid(
@@ -584,6 +586,7 @@ function getWeekViewHourGrid(
     segmentHeight,
     viewStart,
     viewEnd,
+    minimumEventHeight
   }: GetWeekViewHourGridArgs
 ): WeekViewHourColumn[] {
   const dayViewHourGrid = getDayViewHourGrid(dateAdapter, {
@@ -611,6 +614,7 @@ function getWeekViewHourGrid(
       dayEnd,
       segmentHeight,
       eventWidth: 1,
+      minimumEventHeight
     });
 
     const hours = dayViewHourGrid.map((hour) => {
@@ -703,6 +707,7 @@ export function getWeekView(
     dayEnd,
     weekendDays,
     segmentHeight,
+    minimumEventHeight,
     viewStart = dateAdapter.startOfWeek(viewDate, { weekStartsOn }),
     viewEnd = dateAdapter.endOfWeek(viewDate, { weekStartsOn }),
   }: GetWeekViewArgs
@@ -755,6 +760,7 @@ export function getWeekView(
       segmentHeight,
       viewStart,
       viewEnd,
+      minimumEventHeight
     }),
   };
 }
@@ -892,6 +898,7 @@ export interface GetDayViewArgs {
   };
   eventWidth: number;
   segmentHeight: number;
+  minimumEventHeight: number
 }
 
 function getOverLappingWeekViewEvents(
@@ -926,6 +933,7 @@ function getDayView(
     dayEnd,
     eventWidth,
     segmentHeight,
+    minimumEventHeight
   }: GetDayViewArgs
 ): DayView {
   const {
@@ -984,6 +992,10 @@ function getDayView(
         height *= hourHeightModifier;
       }
 
+      if (minimumEventHeight && height < minimumEventHeight) {
+        height = minimumEventHeight;
+      }
+
       const bottom: number = top + height;
 
       const overlappingPreviousEvents = getOverLappingWeekViewEvents(

test/calendar-utils-utc.spec.ts

@@ -2910,6 +2910,32 @@ adapters.forEach(({ name, adapter: dateAdapter }) => {
         });
         expect(result.hourColumns[0].events[0].event).toEqual(events[0]);
       });
+
+      it('should set a minimum event height', () => {
+        const result = getWeekView(dateAdapter, {
+          events: [{
+            start: moment().startOf('week').toDate(),
+            end: moment().startOf('week').add(5, 'minutes').toDate(),
+            title: '',
+            allDay: false,
+          },],
+          viewDate: new Date(),
+          weekStartsOn: DAYS_OF_WEEK.SUNDAY,
+          precision: 'days',
+          hourSegments: 2,
+          dayStart: {
+            hour: 0,
+            minute: 0,
+          },
+          dayEnd: {
+            hour: 23,
+            minute: 59,
+          },
+          segmentHeight: 30,
+          minimumEventHeight: 30
+        });
+        expect(result.hourColumns[0].events[0].height).toEqual(30);
+      });
     });
 
     describe('getMonthView', () => {