diff options
| author | Friedrich Beckmann <friedrich.beckmann@gmx.de> | 2025-04-04 17:22:06 +0200 |
|---|---|---|
| committer | Friedrich Beckmann <friedrich.beckmann@gmx.de> | 2025-04-04 17:22:06 +0200 |
| commit | cf0e5d04eeeb75d02cdf2c422ab3c081d5716d03 (patch) | |
| tree | 6281d73fda2371049adf45c4405bd03cc036516f /index.html | |
| parent | 78ef1ec2f346e48c61f64635293a41ba516edf22 (diff) | |
add first course table version without calendar
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 65 |
1 files changed, 65 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..ae190b0 --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width,initial-scale=1"> + <title>Event Calendar</title> +</head> +<body> +<header class="row"> + <h4 class="col"><a href="https://github.com/vkurko/calendar">Event Calendar</a> Demo</h4> +</header> +<main> + <table id="myTable"> + <thead> + <tr> + <th>Select</th> + <th>Vertiefung</th> + <th>Name</th> + <th>Dozent</th> + <th>Sem.</th> + <th>SWS</th> + <th>CP</th> + <th>Tag1</th> + <th>Start1</th> + <th>Ende1</th> + <th>Raum1</th> + <th>Tag2</th> + <th>Start2</th> + <th>Ende2</th> + <th>Raum2</th> + </tr> + </thead> + <tbody id="tableBody"></tbody> + </table> +</main> + +<script type="text/javascript"> + const courses = [{"Vertiefung": "Elektronik", "Name": "Mikroelektronik", "Dozent": "Beckmann", "Semester": "WS", "SWS": "4", "CP": "5", "Tag1": "Montag", "Startzeit1": "14:00", "Ende1": "15:30", "Raum1": "E6.04", "Tag2": "", "Startzeit2": "", "Ende2": "", "Raum2": ""}, {"Vertiefung": "Energie", "Name": "Erneuerbare Energien", "Dozent": "Schw\u00e4gerl", "Semester": "SS", "SWS": "4", "CP": "5", "Tag1": "Montag", "Startzeit1": "14:00", "Ende1": "17:10", "Raum1": "A3.10", "Tag2": "", "Startzeit2": "", "Ende2": "", "Raum2": ""}, {"Vertiefung": "Autom./Robotik", "Name": "Robot Systems Engineering", "Dozent": "Dietrich", "Semester": "SS", "SWS": "4", "CP": "5", "Tag1": "Mittwoch", "Startzeit1": "11:40", "Ende1": "13:10", "Raum1": "H1.22", "Tag2": "Donnerstag", "Startzeit2": "11:40", "Ende2": "13:10", "Raum2": "H1.22"}, {"Vertiefung": "Elektronik", "Name": "Schaltungstechnik", "Dozent": "Kopystynski", "Semester": "SS", "SWS": "4", "CP": "5", "Tag1": "Montag", "Startzeit1": "11:40", "Ende1": "13:10", "Raum1": "A3.19", "Tag2": "Donnerstag", "Startzeit2": "14:00", "Ende2": "15:30", "Raum2": "A2.15"}]; + +const table = document.getElementById("tableBody"); +courses.map(course=>{ + let row = table.insertRow(); + let checkb = row.insertCell(); + checkb.innerHTML = "<input id=\"" + course.Name + "\" type=checkbox onclick=\"onCheckBoxClicked(event)\">"; + for (const [key, value] of Object.entries(course)) { + box = row.insertCell(); + box.innerHTML = value; + }; +}); + +function onCheckBoxClicked(e) { + console.log("clicked", e); + let listofchecked = []; + courses.map(course=>{ + const checkb = document.getElementById(course.Name); + if (checkb.checked) { + listofchecked.push(course.Name); + } + }); + console.log(listofchecked); + +} +</script> +</body> +</html> |