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:
parent
58cedb9fad
commit
ad2df353b5
13 changed files with 751 additions and 38 deletions
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue