a0c0ef9e8d
Introduces dependency injection container and composition root Adds core services like DateService and NavigationAnimator Simplifies CalendarOrchestrator with improved store handling Implements mock stores and demo application for V2 calendar
52 lines
1.8 KiB
HTML
52 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="da">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Calendar V2</title>
|
|
<link rel="stylesheet" href="css/calendar-v2.css">
|
|
</head>
|
|
<body>
|
|
<div class="calendar-wrapper">
|
|
<swp-calendar>
|
|
<swp-calendar-nav>
|
|
<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-week-info>
|
|
<swp-week-number>V2</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-calendar-nav>
|
|
|
|
<swp-calendar-container>
|
|
<swp-time-axis>
|
|
<swp-header-spacer></swp-header-spacer>
|
|
<swp-time-axis-content id="time-axis"></swp-time-axis-content>
|
|
</swp-time-axis>
|
|
<swp-grid-container>
|
|
<swp-header-viewport>
|
|
<swp-header-track>
|
|
<swp-calendar-header></swp-calendar-header>
|
|
</swp-header-track>
|
|
</swp-header-viewport>
|
|
<swp-content-viewport>
|
|
<swp-content-track>
|
|
<swp-scrollable-content>
|
|
<swp-time-grid>
|
|
<swp-grid-lines></swp-grid-lines>
|
|
<swp-day-columns></swp-day-columns>
|
|
</swp-time-grid>
|
|
</swp-scrollable-content>
|
|
</swp-content-track>
|
|
</swp-content-viewport>
|
|
</swp-grid-container>
|
|
</swp-calendar-container>
|
|
</swp-calendar>
|
|
</div>
|
|
|
|
<script type="module" src="js/v2-demo.js"></script>
|
|
</body>
|
|
</html>
|