8b2a630861
Standardizes markup structure for invoice history, employee table, and salary history components Simplifies HTML markup by removing unnecessary wrapper elements Applies consistent CSS class naming and styling approach Improves component readability and maintainability
30 lines
1.2 KiB
Text
30 lines
1.2 KiB
Text
@model PlanTempus.Application.Features.Employees.Components.EmployeeTableViewModel
|
|
|
|
<swp-users-header>
|
|
<swp-users-count>
|
|
<strong>@Model.CurrentCount af @Model.MaxCount</strong> @Model.CountLabel
|
|
<swp-users-progress>
|
|
<swp-users-progress-bar style="width: @Model.ProgressPercent.ToString("F1", System.Globalization.CultureInfo.InvariantCulture)%"></swp-users-progress-bar>
|
|
</swp-users-progress>
|
|
</swp-users-count>
|
|
<swp-btn class="primary">
|
|
<i class="ph ph-user-plus"></i>
|
|
@Model.InviteButtonText
|
|
</swp-btn>
|
|
</swp-users-header>
|
|
|
|
<swp-card class="employees-list">
|
|
<swp-data-table>
|
|
<swp-data-table-header>
|
|
<swp-data-table-cell>@Model.ColumnUser</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnRole</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnStatus</swp-data-table-cell>
|
|
<swp-data-table-cell>@Model.ColumnLastActive</swp-data-table-cell>
|
|
<swp-data-table-cell></swp-data-table-cell>
|
|
</swp-data-table-header>
|
|
@foreach (var employeeKey in Model.EmployeeKeys)
|
|
{
|
|
@await Component.InvokeAsync("EmployeeRow", employeeKey)
|
|
}
|
|
</swp-data-table>
|
|
</swp-card>
|