545d6606a6
Enhances employee hours view with dynamic weekly schedule rendering Updates toggle slider and theme switch components with improved interactions Adds more flexible notification and settings configurations for employees Improves user experience by streamlining UI controls and schedule display
36 lines
1.2 KiB
Text
36 lines
1.2 KiB
Text
@model PlanTempus.Application.Features.Employees.Components.EmployeeDetailHoursViewModel
|
|
|
|
@{
|
|
string GetBadgeClass(string status) => status switch
|
|
{
|
|
"work" => "",
|
|
"off" => "off",
|
|
"vacation" => "vacation",
|
|
"sick" => "sick",
|
|
_ => "off"
|
|
};
|
|
}
|
|
|
|
<swp-schedule-scroll>
|
|
<swp-schedule-table class="hours-view">
|
|
<!-- Header row -->
|
|
<swp-schedule-cell class="header week-number"></swp-schedule-cell>
|
|
@foreach (var dayName in Model.DayNames)
|
|
{
|
|
<swp-schedule-cell class="header"><swp-day-name>@dayName</swp-day-name></swp-schedule-cell>
|
|
}
|
|
|
|
<!-- Week rows -->
|
|
@foreach (var week in Model.Weeks)
|
|
{
|
|
<swp-schedule-cell class="employee week-label">
|
|
<swp-employee-name>Uge @week.WeekNumber</swp-employee-name>
|
|
<swp-employee-hours>@week.TotalHours @Model.LabelHours</swp-employee-hours>
|
|
</swp-schedule-cell>
|
|
@foreach (var day in week.Days)
|
|
{
|
|
<swp-schedule-cell class="day"><swp-time-badge class="@GetBadgeClass(day.Status)">@day.Display</swp-time-badge></swp-schedule-cell>
|
|
}
|
|
}
|
|
</swp-schedule-table>
|
|
</swp-schedule-scroll>
|