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,61 @@
|
|||
<swp-card>
|
||||
<swp-card-header>
|
||||
<swp-card-title>
|
||||
<i class="ph ph-sliders"></i>
|
||||
<span localize="onlineBooking.settings.title">Booking-indstillinger</span>
|
||||
</swp-card-title>
|
||||
</swp-card-header>
|
||||
<swp-card-content>
|
||||
<swp-toggle-row>
|
||||
<swp-toggle-info>
|
||||
<swp-toggle-label localize="onlineBooking.settings.enableBooking">Aktivér online booking</swp-toggle-label>
|
||||
<swp-toggle-desc localize="onlineBooking.settings.enableBookingDesc">Tillad kunder at booke tider online</swp-toggle-desc>
|
||||
</swp-toggle-info>
|
||||
<swp-toggle-slider data-value="yes">
|
||||
<swp-toggle-option>Ja</swp-toggle-option>
|
||||
<swp-toggle-option>Nej</swp-toggle-option>
|
||||
</swp-toggle-slider>
|
||||
</swp-toggle-row>
|
||||
|
||||
<swp-section-divider></swp-section-divider>
|
||||
|
||||
<swp-edit-section>
|
||||
<swp-edit-row class="wide-label">
|
||||
<swp-edit-label localize="onlineBooking.settings.bookAhead">Book frem i tiden</swp-edit-label>
|
||||
<swp-edit-select>
|
||||
<select id="booking-ahead">
|
||||
<option value="7">7 dage</option>
|
||||
<option value="14">14 dage</option>
|
||||
<option value="30" selected>30 dage</option>
|
||||
<option value="60">60 dage</option>
|
||||
<option value="90">90 dage</option>
|
||||
</select>
|
||||
</swp-edit-select>
|
||||
</swp-edit-row>
|
||||
<swp-edit-row class="wide-label">
|
||||
<swp-edit-label localize="onlineBooking.settings.minNotice">Minimum varsel</swp-edit-label>
|
||||
<swp-edit-select>
|
||||
<select id="min-notice">
|
||||
<option value="0">Ingen begrænsning</option>
|
||||
<option value="1">1 time</option>
|
||||
<option value="2" selected>2 timer</option>
|
||||
<option value="4">4 timer</option>
|
||||
<option value="24">24 timer</option>
|
||||
</select>
|
||||
</swp-edit-select>
|
||||
</swp-edit-row>
|
||||
<swp-edit-row class="wide-label">
|
||||
<swp-edit-label localize="onlineBooking.settings.cancelDeadline">Aflysningsfrist</swp-edit-label>
|
||||
<swp-edit-select>
|
||||
<select id="cancel-deadline">
|
||||
<option value="0">Ingen frist</option>
|
||||
<option value="2">2 timer før</option>
|
||||
<option value="4">4 timer før</option>
|
||||
<option value="24" selected>24 timer før</option>
|
||||
<option value="48">48 timer før</option>
|
||||
</select>
|
||||
</swp-edit-select>
|
||||
</swp-edit-row>
|
||||
</swp-edit-section>
|
||||
</swp-card-content>
|
||||
</swp-card>
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
using Microsoft.AspNetCore.Mvc;
|
||||
|
||||
namespace PlanTempus.Application.Features.OnlineBooking.Components;
|
||||
|
||||
/// <summary>
|
||||
/// ViewComponent for online booking settings (toggle, booking ahead, notice, cancellation).
|
||||
/// </summary>
|
||||
public class OnlineBookingSettingsViewComponent : ViewComponent
|
||||
{
|
||||
public IViewComponentResult Invoke()
|
||||
{
|
||||
return View();
|
||||
}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue