Added configuration option to limit displayed events

Author: nkl-kst

MMM-OnThisDay.js

@@ -12,6 +12,7 @@ const moduleDefinition = {
         updateInterval: 3600, // 60 min.
 
         // Appearance
+        maxEvents: null,
         reverseOrder: false,
 
         // Style

README.md

@@ -83,6 +83,7 @@ All options are optional so the module works out of the box.
 | ---------------- | -------------------------------------------------------------------------------------------------------------------- |
 | `animationSpeed` | Duration of content refresh animation in seconds.<br><br>**Type:** `Number`<br>**Default:** `1`                      |
 | `updateInterval` | Time between loading new events data in seconds.<br><br>**Type:** `Number`<br>**Default:** `3600` (1 hour)           |
+| `maxEvents`      | Display up to the given number of events if supported.<br><br>**Type:** `Number`<br>**Default:** `null`              |
 | `reverseOrder`   | Display events in reversed order if supported.<br><br>**Type:** `Boolean`<br>**Default:** `false`                    |
 | `maxWidth`       | Max width of the displayed events content.<br><br>**Type:** `String`<br>**Default:** `400px`                         |
 | `textSize`       | CSS class to set the text size, use MagicMirror core classes here<br><br>**Type:** `String`<br>**Default:** `xsmall` |

template/MMM-OnThisDay.njk

@@ -15,6 +15,10 @@
             {% set items = items | reverse %}
         {% endif %}
 
+        {% if config.maxEvents %}
+            {% set items = items.slice(0, config.maxEvents) %}
+        {% endif %}
+
         <ul>
             {% for item in items %}
                 <li>{{ item }}</li>