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:
parent
eba6bd646d
commit
435d9f11b7
17 changed files with 891 additions and 25 deletions
|
|
@ -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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue