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

Refactor employee table and row components

Browse source 
Migrates custom table components to generic data table
Improves consistency in table and row implementations
Removes legacy custom table elements in favor of more flexible data table approach
This commit is contained in:
Janus C. H. Knudsen 2026-01-14 16:53:42 +01:00
parent 5e2cab9bd5
commit 679c3fb3a6
7 changed files with 1257 additions and 1256 deletions
Download patch file Download diff file Expand all files Collapse all files

28
PlanTempus.Application/Features/Employees/Components/EmployeeDetailSalary/Default.cshtml
View file

@ -89,23 +89,23 @@
<swp-card>
<swp-section-label>@Model.LabelSalaryHistory</swp-section-label>
<swp-salary-table>
<swp-salary-table-header>
<swp-salary-table-cell>@Model.LabelPeriod</swp-salary-table-cell>
<swp-salary-table-cell>@Model.LabelGrossSalary</swp-salary-table-cell>
<swp-salary-table-cell></swp-salary-table-cell>
</swp-salary-table-header>
<swp-salary-table-body>
<div class="salary-history">
<swp-data-table>
<swp-data-table-header>
<swp-data-table-cell>@Model.LabelPeriod</swp-data-table-cell>
<swp-data-table-cell>@Model.LabelGrossSalary</swp-data-table-cell>
<swp-data-table-cell></swp-data-table-cell>
</swp-data-table-header>
@foreach (var item in Model.SalaryHistory)
{
<swp-salary-table-row>
<swp-salary-table-cell>@item.Period</swp-salary-table-cell>
<swp-salary-table-cell class="mono">@item.GrossSalary</swp-salary-table-cell>
<swp-salary-table-cell><i class="ph ph-caret-right"></i></swp-salary-table-cell>
</swp-salary-table-row>
<swp-data-table-row>
<swp-data-table-cell>@item.Period</swp-data-table-cell>
<swp-data-table-cell class="mono">@item.GrossSalary</swp-data-table-cell>
<swp-data-table-cell><i class="ph ph-caret-right"></i></swp-data-table-cell>
</swp-data-table-row>
}
</swp-salary-table-body>
</swp-salary-table>
</swp-data-table>
</div>
</swp-card>
</swp-detail-grid>

22
PlanTempus.Application/Features/Employees/Components/EmployeeRow/Default.cshtml
View file

@ -1,7 +1,7 @@
@model PlanTempus.Application.Features.Employees.Components.EmployeeRowViewModel
<swp-employee-row data-employee-detail="@Model.Key">
<swp-employee-cell>
<swp-data-table-row data-employee-detail="@Model.Key">
<swp-data-table-cell>
<swp-user-info>
<swp-user-avatar class="@Model.AvatarColor">@Model.Initials</swp-user-avatar>
<swp-user-details>
@ -9,17 +9,17 @@
<swp-user-email>@Model.Email</swp-user-email>
</swp-user-details>
</swp-user-info>
</swp-employee-cell>
<swp-employee-cell>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-status-badge class="@Model.Role">@Model.RoleText</swp-status-badge>
</swp-employee-cell>
<swp-employee-cell>
</swp-data-table-cell>
<swp-data-table-cell>
<swp-status-badge class="@Model.Status">@Model.StatusText</swp-status-badge>
</swp-employee-cell>
<swp-employee-cell>@Model.LastActive</swp-employee-cell>
<swp-employee-cell>
</swp-data-table-cell>
<swp-data-table-cell>@Model.LastActive</swp-data-table-cell>
<swp-data-table-cell>
<swp-row-toggle>
<i class="ph ph-caret-right"></i>
</swp-row-toggle>
</swp-employee-cell>
</swp-employee-row>
</swp-data-table-cell>
</swp-data-table-row>

24
PlanTempus.Application/Features/Employees/Components/EmployeeTable/Default.cshtml
View file

@ -14,21 +14,19 @@
</swp-users-header>
<swp-employee-table-card>
<swp-employee-table>
<swp-employee-table-header>
<swp-employee-row>
<swp-employee-cell>@Model.ColumnUser</swp-employee-cell>
<swp-employee-cell>@Model.ColumnRole</swp-employee-cell>
<swp-employee-cell>@Model.ColumnStatus</swp-employee-cell>
<swp-employee-cell>@Model.ColumnLastActive</swp-employee-cell>
<swp-employee-cell></swp-employee-cell>
</swp-employee-row>
</swp-employee-table-header>
<swp-employee-table-body>
<div 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-employee-table-body>
</swp-employee-table>
</swp-data-table>
</div>
</swp-employee-table-card>