Adds workweek settings and dynamic view configuration

Introduces settings service for managing tenant-specific calendar configurations

Enables dynamic workweek presets with configurable work days
Improves view switching with enhanced UI components
Adds flexible calendar rendering based on tenant settings

Extends DateService to support workweek date generation
This commit is contained in:
Janus C. H. Knudsen 2025-12-15 22:24:32 +01:00
parent 58cedb9fad
commit ad2df353b5
13 changed files with 751 additions and 38 deletions

View file

@ -10,18 +10,36 @@
<div class="calendar-wrapper">
<swp-calendar>
<swp-calendar-nav>
<swp-nav-button id="btn-day">Dag</swp-nav-button>
<swp-nav-button id="btn-simple">Datoer</swp-nav-button>
<swp-nav-button id="btn-resource">Resources</swp-nav-button>
<swp-nav-button id="btn-team">Teams</swp-nav-button>
<swp-nav-button id="btn-department">Departments</swp-nav-button>
<!-- View switcher (small chips) -->
<swp-view-switcher>
<button class="view-chip active" data-view="simple">Datoer</button>
<button class="view-chip" data-view="day">Dag</button>
<button class="view-chip" data-view="resource">Resource</button>
<button class="view-chip" data-view="team">Team</button>
<button class="view-chip" data-view="department">Dept</button>
</swp-view-switcher>
<!-- Workweek preset dropdown -->
<select id="workweek-select" class="workweek-dropdown">
<option value="standard">Man-Fre</option>
<option value="compressed">Man-Tor</option>
<option value="midweek">Ons-Fre</option>
<option value="weekend">Weekend</option>
<option value="fullweek">Alle dage</option>
</select>
<!-- Navigation -->
<swp-nav-group>
<swp-nav-button id="btn-prev"></swp-nav-button>
<swp-nav-button id="btn-next"></swp-nav-button>
</swp-nav-group>
<swp-week-info>
<swp-week-number>V2</swp-week-number>
<swp-week-number>V2 Demo</swp-week-number>
<swp-date-range id="view-info"></swp-date-range>
</swp-week-info>
<swp-nav-button id="btn-prev"></swp-nav-button>
<swp-nav-button id="btn-next"></swp-nav-button>
<swp-nav-button id="btn-drawer">Toggle</swp-nav-button>
<swp-nav-button id="btn-drawer" class="btn-small">Drawer</swp-nav-button>
</swp-calendar-nav>
<swp-calendar-container>