5e3811347c
Implements new service detail tabs for prices, duration, and rules Extends localization support for Danish and English translations Adds dynamic view components for managing service-specific configurations Introduces flexible pricing, duration, and booking rule management Enhances service management with granular configuration options
80 lines
3.1 KiB
Text
80 lines
3.1 KiB
Text
@model PlanTempus.Application.Features.Services.Components.ServiceDetailViewViewModel
|
|
|
|
<swp-service-detail-view id="service-detail-view" data-service="@Model.ServiceKey">
|
|
<!-- Sticky Header (generic from page.css) -->
|
|
<swp-sticky-header>
|
|
<swp-header-content>
|
|
<!-- Page Header with Back Button -->
|
|
<swp-page-header>
|
|
<swp-page-title>
|
|
<swp-back-link data-service-back>
|
|
<i class="ph ph-arrow-left"></i>
|
|
@Model.BackText
|
|
</swp-back-link>
|
|
</swp-page-title>
|
|
<swp-page-actions>
|
|
<swp-btn class="primary">
|
|
<i class="ph ph-floppy-disk"></i>
|
|
@Model.SaveButtonText
|
|
</swp-btn>
|
|
</swp-page-actions>
|
|
</swp-page-header>
|
|
|
|
<!-- Service Header -->
|
|
@await Component.InvokeAsync("ServiceDetailHeader", Model.ServiceKey)
|
|
</swp-header-content>
|
|
|
|
<!-- Tabs (outside header-content, inside sticky-header) -->
|
|
<swp-tab-bar>
|
|
<swp-tab class="active" data-tab="general">@Model.TabGeneral</swp-tab>
|
|
<swp-tab data-tab="prices">@Model.TabPrices</swp-tab>
|
|
<swp-tab data-tab="duration">@Model.TabDuration</swp-tab>
|
|
<swp-tab data-tab="employees">@Model.TabEmployees</swp-tab>
|
|
<swp-tab data-tab="addons">@Model.TabAddons</swp-tab>
|
|
<swp-tab data-tab="rules">@Model.TabRules</swp-tab>
|
|
</swp-tab-bar>
|
|
</swp-sticky-header>
|
|
|
|
<!-- Tab Contents -->
|
|
<swp-tab-content data-tab="general" class="active">
|
|
<swp-page-container>
|
|
@await Component.InvokeAsync("ServiceDetailGeneral", Model.ServiceKey)
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
|
|
<swp-tab-content data-tab="prices">
|
|
<swp-page-container>
|
|
@await Component.InvokeAsync("ServiceDetailPrices", Model.ServiceKey)
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
|
|
<swp-tab-content data-tab="duration">
|
|
<swp-page-container>
|
|
@await Component.InvokeAsync("ServiceDetailDuration", Model.ServiceKey)
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
|
|
<swp-tab-content data-tab="employees">
|
|
<swp-page-container>
|
|
<swp-card>
|
|
<swp-section-label>Medarbejdere</swp-section-label>
|
|
<p style="color: var(--color-text-secondary);">Medarbejdere-tab kommer snart...</p>
|
|
</swp-card>
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
|
|
<swp-tab-content data-tab="addons">
|
|
<swp-page-container>
|
|
<swp-card>
|
|
<swp-section-label>Tilvalg</swp-section-label>
|
|
<p style="color: var(--color-text-secondary);">Tilvalg-tab kommer snart...</p>
|
|
</swp-card>
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
|
|
<swp-tab-content data-tab="rules">
|
|
<swp-page-container>
|
|
@await Component.InvokeAsync("ServiceDetailRules", Model.ServiceKey)
|
|
</swp-page-container>
|
|
</swp-tab-content>
|
|
</swp-service-detail-view>
|