dc2bab5702
Introduces comprehensive suppliers management with mock data, localization, and UI components Implements: - Suppliers page with data table - Localization for Danish and English - Search and filtering functionality - Responsive table design - Mock data for initial population
39 lines
1.4 KiB
Text
39 lines
1.4 KiB
Text
@model PlanTempus.Application.Features.Suppliers.Components.SupplierTableViewModel
|
|
|
|
<swp-action-bar>
|
|
<swp-search-input>
|
|
<i class="ph ph-magnifying-glass"></i>
|
|
<input type="text" id="supplierSearchInput" 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="suppliers-list">
|
|
<swp-data-table>
|
|
<swp-data-table-header>
|
|
<swp-data-table-cell>@Model.ColumnSupplier</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnContact</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnProducts</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnLastOrder</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnStatus</swp-data-table-cell>
|
|
</swp-data-table-header>
|
|
@foreach (var supplier in Model.Suppliers)
|
|
{
|
|
@await Component.InvokeAsync("SupplierRow", supplier)
|
|
}
|
|
</swp-data-table>
|
|
|
|
<swp-empty-state id="supplierEmptyState" style="display: none;">
|
|
<i class="ph ph-package"></i>
|
|
<span>@Model.EmptySearchText</span>
|
|
</swp-empty-state>
|
|
</swp-card>
|