#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);
  },
 }));