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

@ -18,18 +18,10 @@
<!-- Tab Bar -->
<swp-tab-bar>
<swp-tab class="active" data-tab="general">
<i class="ph ph-buildings"></i>
<span localize="settings.tabs.company">Virksomhed</span>
</swp-tab>
<swp-tab data-tab="calendar">
<swp-tab class="active" data-tab="calendar">
<i class="ph ph-calendar"></i>
<span localize="settings.tabs.calendar">Kalender</span>
</swp-tab>
<swp-tab data-tab="booking">
<i class="ph ph-globe"></i>
<span localize="settings.tabs.booking">Online Booking</span>
</swp-tab>
<swp-tab data-tab="billing">
<i class="ph ph-receipt"></i>
<span localize="settings.tabs.billing">Faktura & Kvittering</span>
@ -53,27 +45,13 @@
</swp-tab-bar>
</swp-sticky-header>
<!-- Tab Content: Virksomhed -->
<swp-tab-content data-tab="general" class="active">
<swp-page-container>
@await Component.InvokeAsync("SettingsGeneral")
</swp-page-container>
</swp-tab-content>
<!-- Tab Content: Kalender -->
<swp-tab-content data-tab="calendar">
<swp-tab-content data-tab="calendar" class="active">
<swp-page-container>
@await Component.InvokeAsync("SettingsCalendar")
</swp-page-container>
</swp-tab-content>
<!-- Tab Content: Online Booking -->
<swp-tab-content data-tab="booking">
<swp-page-container>
@await Component.InvokeAsync("SettingsBooking")
</swp-page-container>
</swp-tab-content>
<!-- Tab Content: Faktura & Kvittering -->
<swp-tab-content data-tab="billing">
<swp-page-container>