ShiftScheduler/Client/Pages/Index.razor
Copilot e275cbd240
Add reset button with proper styling and improve export button appearance (#8)
* Initial plan

* Initial plan for reset button implementation

Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>

* Implement reset button with styling and export button improvements

Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>

* Remove code comments and clean up .deb file

Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>

---------

Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: clayschaad <11883505+clayschaad@users.noreply.github.com>
2025-08-19 06:34:29 +02:00

35 lines
1.2 KiB
Text

@page "/"
<h3>Shift Scheduler</h3>
<div class="calendar-grid">
@foreach (var day in DaysInMonth)
{
<div class="day-cell">
<div class="day-header">
@day.ToString("dd.MM.yyyy") (@day.ToString("dddd"))
</div>
<div class="shifts">
@foreach (var shift in Shifts)
{
<div class="tooltip-wrapper">
<button class="shift-button @(SelectedSchedule.ContainsKey(day) && SelectedSchedule[day] == shift.Name ? "selected" : "")"
@onclick="() => SelectShift(day, shift.Name)">
@shift.Icon
</button>
<span class="tooltip">@shift.Name</span>
</div>
}
</div>
</div>
}
</div>
<div class="reset-section">
<button class="reset-btn" @onclick="ResetSchedule">Reset Schedule</button>
</div>
<div class="export-buttons">
<button class="btn export-btn" @onclick="ExportToIcs">Export to ICS</button>
<button class="btn export-btn" @onclick="ExportToPdf">Export to PDF</button>
</div>