You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
5.2 KiB
HTML
108 lines
5.2 KiB
HTML
<html>
|
|
<head>
|
|
<link href="css/style.css" rel="stylesheet">
|
|
<link href="css/dialog.css" rel="stylesheet">
|
|
<link href="css/calendar.css" rel="stylesheet">
|
|
<link href="css/calendar-week.css" rel="stylesheet">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title></title>
|
|
</head>
|
|
<body>
|
|
<!-- Content area of the page to avoid overflows -->
|
|
<div class="page-content">
|
|
<div class="calendar-parent">
|
|
<div class="calendar-header">
|
|
<div class="calendar-header-value first">
|
|
<!--<a href="?month=9" id="monthBck">🠜</a>-->
|
|
<span id="monthName">Woche 1</span>
|
|
<!--<a href="?month=11" id="monthFwd">🠞</a>-->
|
|
</div>
|
|
<div class="calendar-header-value">Montag</div>
|
|
<div class="calendar-header-value">Dienstag</div>
|
|
<div class="calendar-header-value">Mittwoch</div>
|
|
<div class="calendar-header-value">Donnerstag</div>
|
|
<div class="calendar-header-value">Freitag</div>
|
|
<div class="calendar-header-value">Samstag</div>
|
|
<div class="calendar-header-value">Sonntag</div>
|
|
</div>
|
|
<div class="calendar-body week-view">
|
|
<div class="calendar-header hours">
|
|
<div class="calendar-header-value">00:00</div>
|
|
<div class="calendar-header-value">01:00</div>
|
|
<div class="calendar-header-value">02:00</div>
|
|
<div class="calendar-header-value">03:00</div>
|
|
<div class="calendar-header-value">04:00</div>
|
|
<div class="calendar-header-value">05:00</div>
|
|
<div class="calendar-header-value">06:00</div>
|
|
<div class="calendar-header-value">07:00</div>
|
|
<div class="calendar-header-value">08:00</div>
|
|
<div class="calendar-header-value">09:00</div>
|
|
<div class="calendar-header-value">10:00</div>
|
|
<div class="calendar-header-value">11:00</div>
|
|
<div class="calendar-header-value">12:00</div>
|
|
<div class="calendar-header-value">13:00</div>
|
|
<div class="calendar-header-value">14:00</div>
|
|
<div class="calendar-header-value">15:00</div>
|
|
<div class="calendar-header-value">16:00</div>
|
|
<div class="calendar-header-value">17:00</div>
|
|
<div class="calendar-header-value">18:00</div>
|
|
<div class="calendar-header-value">19:00</div>
|
|
<div class="calendar-header-value">20:00</div>
|
|
<div class="calendar-header-value">21:00</div>
|
|
<div class="calendar-header-value">23:00</div>
|
|
</div>
|
|
<div class="calendar-weekday-column">
|
|
<div class="test-entry">a</div>
|
|
<div class="test-entry two">b</div>
|
|
<div class="test-entry three">b</div>
|
|
</div>
|
|
<div class="calendar-weekday-column"></div>
|
|
<div class="calendar-weekday-column"></div>
|
|
<div class="calendar-weekday-column"></div>
|
|
<div class="calendar-weekday-column"></div>
|
|
<div class="calendar-weekday-column"></div>
|
|
<div class="calendar-weekday-column"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Dialog to ask user for ICS URL if not specified through GET -->
|
|
<div class="dialog-parent hidden">
|
|
<div class="dialog">
|
|
<div class="dialog-content">
|
|
Es wurde keine ICS URL als GET Parameter übergeben.<br>
|
|
<br>
|
|
<label>Anzuzeigende ICS URL:</label>
|
|
<input type="text" form="dialog-form" name="icsUrl" />
|
|
</div>
|
|
<div class="dialog-buttons">
|
|
<form id="dialog-form" method="get"></form>
|
|
<input type="submit" form="dialog-form" value="OK" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
<script src="script/dialog.js"></script>
|
|
<script src="script/calendar.js"></script>
|
|
<script src="script/autoscroll.js"></script>
|
|
|
|
<script>
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
return;
|
|
let cbody = document.getElementsByClassName ("calendar-body")[0];
|
|
let hour = 0;
|
|
|
|
for (let i = 0; i < 8 * 24; i++) {
|
|
let hourPadded = String(hour).padStart(2, '0');
|
|
|
|
if (i % 8 == 0) {
|
|
cbody.innerHTML += `<div class="calendar-header-value">${hourPadded}:00</div>\n`;
|
|
hour++;
|
|
} else {
|
|
cbody.innerHTML += '<div class="calendar-entry">-</div>\n';
|
|
}
|
|
}
|
|
});
|
|
</script>
|
|
</html> |