Add seconds to durations for use in promo

Author: sery0ga

mock/data/events.json

@@ -140,8 +140,8 @@
     "title": "3-day Happiness Workshop",
     "hashed_id": "8553",
     "type": {
-      "id": 1126,
-      "name": "Practitioner Course Level 1",
+      "id": 1127,
+      "name": "Practitioner Course Level 2",
       "min_hours": 1,
       "free": true
     },
@@ -199,7 +199,7 @@
     "title": "4-day Awesomeness Workshop",
     "hashed_id": "8329",
     "type": {
-      "id": 1126,
+      "id": 1128,
       "name": "Practitioner Course Level 1",
       "min_hours": 1,
       "free": true

site/pages/schedule.html

@@ -9,8 +9,22 @@
 <div id="wsb-event-list"></div>
 <div id="wsb-event-list-2"></div>
 <script>
+  /**
+   * Returns the value of query parameter or null if the parameter is not found
+   * @param name {string}
+   */
+  function getQueryParam(name) {
+    const params = new Proxy(new URLSearchParams(window.location.search), {
+      get: (searchParams, prop) => searchParams.get(prop),
+    });
+    return params[name];
+  }
+
+
   const apiKey = siteConfig.apiKey;
   const themeName = siteConfig.theme ? siteConfig.theme : 'alfred';
+  const typesParams = getQueryParam('types');
+  const types = typesParams?.split(',');
   document.addEventListener('wsbwidgetsloaded', function() {
       const widgets = [
         {
@@ -20,10 +34,11 @@
           cols: ['schedule', 'location', 'language', 'trainers', 'title', 'register'],
           registration: true,
           table: true,
+          typeIds: types,
           eventPageUrl: '/event-page',
           registrationPageUrl: '/registration',
           trainerName: true,
-          filters: ['type', 'location', 'language', 'trainer'],
+          filters: ['type','location', 'language', 'trainer'],
         }
       ];
       const config = {

src/models/utils/Duration.ts

@@ -5,10 +5,12 @@ export default class Duration {
   readonly days: number;
   readonly hours: number;
   readonly minutes: number;
+  readonly seconds: number;
 
   constructor(duration: LuxonDuration) {
     this.days = Math.floor(duration.as('days'));
     this.hours = Math.floor(duration.as('hours')) - this.days * 24;
     this.minutes = Math.floor(duration.as('minutes')) - (this.days * 24 + this.hours) * 60;
+    this.seconds = Math.floor(duration.as('seconds')) - ((this.days * 24 + this.hours) * 60 + this.minutes) * 60;
   }
 }