jonas/ics-php-renderer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
Jonas Lührig
2023-10-21 04:55:29 +02:00
commit 74e1f0054a
59 changed files with 11176 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

108
calendar-week.html Normal file
View File

@@ -0,0 +1,108 @@
<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">&#x1F81C;</a>-->
<span id="monthName">Woche 1</span>
<!--<a href="?month=11" id="monthFwd">&#x1F81E;</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 &uuml;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>