wip: group inquiries and booking

assets/controllers/clipboard_controller.js

@@ -0,0 +1,37 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+
+    static values = {
+        content: String,
+        label: String,
+    }
+
+    connect() {
+        this.originalLabel = this.element.innerText
+    }
+
+    disconnect() {
+        clearTimeout(this.resetTimer)
+    }
+
+    copy() {
+        navigator.clipboard.writeText(this.contentValue).then(() => {
+            this.dispatch('copied', {
+                detail: {
+                    content: this.contentValue,
+                }
+            })
+        }).catch((error) => {
+            console.error('Failed to copy to clipboard:', error)
+        })
+
+        if (this.hasLabelValue) {
+            this.element.innerText = this.labelValue
+            clearTimeout(this.resetTimer)
+            this.resetTimer = setTimeout(() => {
+                this.element.innerText = this.originalLabel
+            }, 3000)
+        }
+    }
+}

assets/controllers/gallery_controller.js

@@ -0,0 +1,29 @@
+import { Controller } from '@hotwired/stimulus'
+import GLightbox from 'glightbox'
+
+/* stimulusFetch: 'lazy' */
+export default class extends Controller {
+
+    static targets = ['item']
+
+    connect() {
+        this.lightbox = GLightbox({
+            elements: this.itemTargets.map((el) => ({
+                href: el.dataset.galleryHref,
+                type: 'image',
+                alt: el.dataset.galleryAlt ?? '',
+            })),
+        })
+
+        this.itemTargets.forEach((el, index) => {
+            el.addEventListener('click', (e) => {
+                e.preventDefault()
+                this.lightbox.openAt(index)
+            })
+        })
+    }
+
+    disconnect() {
+        this.lightbox.destroy()
+    }
+}

assets/styles/_components.css

@@ -1,7 +1,9 @@
 @import "components/button.css";
 @import "components/forms.css";
+@import "components/gallery.css";
 @import "components/pagination.css";
 @import "components/price_calendar.css";
 @import "components/toast.css";
 @import "components/tooltip.css";
 @import "components/typography.css";
+@import "components/rte-content.css";

assets/styles/components/gallery.css

@@ -0,0 +1 @@
+@import "glightbox/dist/css/glightbox.min.css";

assets/styles/components/rte-content.css

@@ -0,0 +1,13 @@
+.rte-content {
+    p {
+        @apply pb-4;
+    }
+
+    ul {
+        @apply list-disc p-4;
+    }
+
+    ol {
+        @apply list-decimal p-4;
+    }
+}