PlanTempusApp/PlanTempus.Application/Features/Services/Pages/Index.cshtml
Janus C. H. Knudsen 120367acbb Enhances Services module with detail view and interactions
Adds comprehensive service detail view with multiple tabs and dynamic interactions
Implements client-side navigation between service list and detail views
Introduces mock service data catalog for flexible component rendering
Extends localization support for new service detail screens

Improves user experience by adding edit capabilities and smooth view transitions
2026-01-16 22:03:22 +01:00

33 lines
1.2 KiB
Text

@page "/services"
@using PlanTempus.Application.Features.Services.Components
@model PlanTempus.Application.Features.Services.Pages.IndexModel
@{
ViewData["Title"] = "Services";
}
<!-- List View (default) -->
<swp-services-list-view id="services-list-view">
<swp-sticky-header>
<swp-header-content>
<swp-page-header>
<swp-page-title>
<h1 localize="services.title">Services</h1>
<p localize="services.subtitle">Administrer services og priser</p>
</swp-page-title>
</swp-page-header>
<swp-stats-row>
@await Component.InvokeAsync("ServiceStatCard", "total-services")
@await Component.InvokeAsync("ServiceStatCard", "active-categories")
@await Component.InvokeAsync("ServiceStatCard", "average-price")
</swp-stats-row>
</swp-header-content>
</swp-sticky-header>
<swp-page-container>
@await Component.InvokeAsync("ServiceTable", "all-services")
</swp-page-container>
</swp-services-list-view>
<!-- Detail View (hidden by default, shown when row clicked) -->
@await Component.InvokeAsync("ServiceDetailView", "service-1")