#383421: allow multiple slot finder instances on one site (#118)

bsi-software · May 16, 2024 · 18bb19d · 18bb19d
1 parent 7825904
commit 18bb19d
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 15 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Next
+* Allow multiple slot finder instances on one site (#383421)
 
 ## [1.4.5] - 08.05.2024
 

diff --git a/content-elements/base/slot-finder/prototype/slot-finder.js b/content-elements/base/slot-finder/prototype/slot-finder.js
@@ -29,34 +29,35 @@ import { initDayView, initWeekView } from "../src/slot/slot.js";
  * @property {Observable<Slot|null>} selectedSlot
  */
 
-/** @type {Model}  */
-const model = {
-  locale: '',
-  url: '',
-  selectedDate: Observable(new Date()),
-  slots: Observable([]),
-  selectedSlot: Observable(null),
-};
-
 Alpine.data('slotFinder', () => ({
+
+  /** @type {Model}  */
+  model: {
+    locale: '',
+    url: '',
+    selectedDate: Observable(new Date()),
+    slots: Observable([]),
+    selectedSlot: Observable(null),
+  },
+
   init() {
-    model.locale = document.documentElement.lang.slice(0, 2) ?? 'de';
-    model.url = this.$el.dataset.bsiUrl ?? '';
+    this.model.locale = document.documentElement.lang.slice(0, 2) ?? 'de';
+    this.model.url = this.$el.dataset.bsiUrl ?? '';
   },
 
   initCalendar() {
-    initCalendar(model, this.$el);
+    initCalendar(this.model, this.$el);
   },
 
   initDayView() {
-    initDayView(model, this.$el, this.$refs.noSlotsText, this.$refs.chooseAnotherDayText);
+    initDayView(this.model, this.$el, this.$refs.noSlotsText, this.$refs.chooseAnotherDayText);
   },
 
   initWeekView() {
-    initWeekView(model, this.$el, this.$refs.noSlotsText, this.$refs.chooseAnotherDayText);
+    initWeekView(this.model, this.$el, this.$refs.noSlotsText, this.$refs.chooseAnotherDayText);
   },
 
   initSummary() { 
-    initSummary(model, this.$el, this.$refs.bookButton);
+    initSummary(this.model, this.$el, this.$refs.bookButton);
   },
 }));