Adds Online Booking configuration and preview components

Introduces comprehensive online booking feature with:
- Localization support for booking settings
- ViewComponents for booking URL, settings, company info, hours, and preview
- Responsive preview with device toggle functionality
- Integrated with settings page and translation files

Enhances application's online booking configuration interface
This commit is contained in:
Janus C. H. Knudsen 2026-01-28 20:17:54 +01:00
parent eba6bd646d
commit 435d9f11b7
17 changed files with 891 additions and 25 deletions

View file

@ -0,0 +1,31 @@
<swp-card>
<swp-card-header>
<swp-card-title>
<i class="ph ph-link"></i>
<span localize="onlineBooking.url.title">Booking URL</span>
</swp-card-title>
</swp-card-header>
<swp-card-content>
<swp-url-field>
<input type="text" value="https://book.plantempus.dk/salonbeauty" readonly id="booking-url">
<swp-url-copy title="Kopier link" onclick="copyBookingUrl()">
<i class="ph ph-copy"></i>
</swp-url-copy>
</swp-url-field>
<swp-url-actions>
<swp-btn class="secondary sm" onclick="window.open(document.getElementById('booking-url').value, '_blank')">
<i class="ph ph-arrow-square-out"></i>
<span localize="onlineBooking.url.open">Åbn i ny fane</span>
</swp-btn>
</swp-url-actions>
</swp-card-content>
</swp-card>
<script>
function copyBookingUrl() {
const input = document.getElementById('booking-url');
navigator.clipboard.writeText(input.value).then(() => {
// Could show a toast notification here
});
}
</script>