Janus007/PlanTempusApp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds comprehensive customers list and management components

Browse source 
Introduces customer-related view components for table and row display
Implements mock data loading and customer list rendering
Adds localization support for customer-related text
Enhances UI with detailed customer information and interactions
This commit is contained in:
Janus C. H. Knudsen 2026-01-21 18:00:53 +01:00
parent cd7acaf490
commit 6ef001e35f
11 changed files with 869 additions and 675 deletions
Download patch file Download diff file Expand all files Collapse all files

42
PlanTempus.Application/Features/Customers/Components/CustomerTable/Default.cshtml Normal file
View file

@ -0,0 +1,42 @@
@model PlanTempus.Application.Features.Customers.Components.CustomerTableViewModel
<swp-action-bar>
<swp-search-input>
<i class="ph ph-magnifying-glass"></i>
<input type="text" id="searchInput" placeholder="@Model.SearchPlaceholder" />
</swp-search-input>
<swp-btn-group>
<swp-btn class="secondary">
<i class="ph ph-export"></i>
<span>@Model.ExportButtonText</span>
</swp-btn>
<swp-btn class="primary">
<i class="ph ph-plus"></i>
<span>@Model.CreateButtonText</span>
</swp-btn>
</swp-btn-group>
</swp-action-bar>
<swp-card class="customers-list">
<swp-data-table>
<swp-data-table-header>
<swp-data-table-cell>@Model.ColumnName</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnPhone</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnEmail</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnVisits</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnLastVisit</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnHairdresser</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnCreated</swp-data-table-cell>
<swp-data-table-cell>@Model.ColumnTags</swp-data-table-cell>
</swp-data-table-header>
@foreach (var customer in Model.Customers)
{
@await Component.InvokeAsync("CustomerRow", customer)
}
</swp-data-table>
<swp-empty-state id="emptyState" style="display: none;">
<i class="ph ph-users"></i>
<span>@Model.EmptySearchText</span>
</swp-empty-state>
</swp-card>