added hardLimit option

Author: ljmerza

README.md

@@ -60,6 +60,7 @@ resources:
 | highlightToday | boolean | **Optional** | `false` Hightlight's today's events
 | hidePastEvents | boolean | **Optional** | `false` Hide events that have passed
 | eventsLimit | integer | **Optional** | `99` Maximum number of events to show (shows rest of day after cut off)
+| hardLimit | boolean | **Optional** | `false` Overrides `eventsLimit` default of showing rest of day's events even after cutoff
 | maxHeight | boolean | **Optional** | `false` Sets max height for card to 500px and overflows the rest
 | fullDayEventText | string | **Optional** | `All day` Set custom text for a full day event
 | startText | string | **Optional** | `Start` Set custom text for event start time

dist/calendar-card.js

@@ -19,6 +19,7 @@ export default {
     ignoreEventsExpression: '',
     ignoreEventsByLocationExpression: '',
     maxHeight: false,
+    hardLimit: false,
     fullDayEventText: 'All day',
     startText: 'Start',
     endText: 'End',

dist/calendar-card.js.map

@@ -37,6 +37,14 @@ export function groupEventsByDay(events, config) {
 
         // did we max the number of events we want to show during this day?
         hasMaxedOutEvents = config.eventsLimit < numberOfEvents;
+
+        // if we maxed out events by default we show the rest of the curent day's events
+        // even if they go over max - but if this config is true then dont goover max no matter what
+        if (config.hardLimit){
+            const numberOfEventsOver = numberOfEvents - config.eventsLimit;
+            group.events = group.events.slice(0, group.events.length - numberOfEventsOver);
+        }
+
         return group;
     }).filter(Boolean); // filter out empty days that we may have maxed out on
 

src/defaults.js

@@ -126,9 +126,17 @@ export default class CalendarCardEditor extends LitElement {
           <div class='checkbox-options'>
             <paper-checkbox
               @checked-changed="${this.checkboxChanged}" 
-              .checked=${this._config.maxHeight}
-              .configValue="${"maxHeight"}"
-            >Max Height</paper-checkbox>
+              .checked=${this._config.showEventOrigin}
+              .configValue="${"showEventOrigin"}"
+            >Show Event Origin</paper-checkbox>
+          </div>
+
+          <div class='checkbox-options'>
+            <paper-checkbox
+              @checked-changed="${this.checkboxChanged}" 
+              .checked=${this._config.hardLimit}
+              .configValue="${"hardLimit"}"
+            >Hard Limit</paper-checkbox>
           </div>
 
           <div class='other-options'>