feat: Add Grid View and Monthly Summary pages with workday management
Some checks failed
Publish Container / publish (push) Failing after 1m2s
Some checks failed
Publish Container / publish (push) Failing after 1m2s
- Implement GridView.razor for displaying a tabular view of workdays in the current month. - Create MonthlySummary.razor to show a summary of worked hours, income, and day types for the selected month. - Introduce WorkDayEditor.razor for adding and editing workday entries with detailed calculations. - Update Home.razor to include links to the new Grid View and Monthly Summary pages. - Add IWorkDayService interface and CouchbaseLiteWorkDayService implementation for managing workday data. - Define domain models: WorkDayDocument, MonthlySummaryModel, and CoeffSnapshotDocument for data structure. - Enhance CouchbaseLiteDatabaseProvider to include a collection for workdays. - Update app settings and services to support new features. - Add CSS styles for calendar view and table formatting.
This commit is contained in:
parent
6e3371514e
commit
3ccce7e8a6
17 changed files with 1257 additions and 18 deletions
|
|
@ -57,4 +57,47 @@ h1:focus {
|
|||
|
||||
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
|
||||
text-align: start;
|
||||
}
|
||||
|
||||
/* Calendar view */
|
||||
.calendar-table td.calendar-cell {
|
||||
height: 5rem;
|
||||
vertical-align: top;
|
||||
padding: 0.25rem 0.4rem;
|
||||
cursor: pointer;
|
||||
min-width: 5rem;
|
||||
}
|
||||
|
||||
.calendar-table td.calendar-cell:hover {
|
||||
background-color: rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.calendar-day-number {
|
||||
font-weight: bold;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.calendar-hours {
|
||||
font-size: 0.75rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.calendar-weekend {
|
||||
background-color: #ffe0e0 !important;
|
||||
}
|
||||
|
||||
.calendar-closure {
|
||||
background-color: #fff3cd !important;
|
||||
}
|
||||
|
||||
.calendar-illness {
|
||||
background-color: #d1ecf1 !important;
|
||||
}
|
||||
|
||||
.calendar-dayoff {
|
||||
background-color: #e2e3e5 !important;
|
||||
}
|
||||
|
||||
.calendar-holiday {
|
||||
background-color: #d4edda !important;
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue