92 lines
2.6 KiB
HTML
92 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
|
<link rel="stylesheet" href="../lib/basic.css">
|
|
<script src="../auth.js"></script>
|
|
<script src="../lib/basic.js"></script>
|
|
<script src="../other/skills.js"></script>
|
|
<script src="../other/skilltree.js"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
|
|
<title>Kurs Anzeige</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header_bar_1">
|
|
<div>
|
|
<button onclick="location.href = './uebersicht.html?user=' + userData.name;" class="navigation">Meine
|
|
Kurse</button>
|
|
</div>
|
|
<div>
|
|
<button class="auswertung" onclick='location.href = "./auswertung.html?user=" + userData.name'>
|
|
|
|
</button>
|
|
</div>
|
|
<div>
|
|
<button class="profile" onclick='showOverlay("miniProfile")'>
|
|
<overlay id="miniProfile" />
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="header_bar_1_placeholder"></div>
|
|
<input id="tester" type="text">
|
|
<div>
|
|
<span id="course-name">Kurs SWT</span>
|
|
<span id="course-owner">Prof. Dr. Kurt Schneider</span>
|
|
<br>
|
|
<span>Termine</span>
|
|
<div style="height: 200px; overflow-y: scroll; border: 1px solid black;">
|
|
<span>Di 01.01.2023, 13:00 - 15:00 Uhr</span>
|
|
<br>
|
|
<span>Raum 023, Gebäude 2323</span>
|
|
</div>
|
|
<span>Bewertungen</span>
|
|
<div id="course-surveys" style="height: 200px; overflow-y: scroll; border: 1px solid black;">
|
|
<div>Di, 01.01.2023</div>
|
|
<div>Di, 01.01.2023</div>
|
|
<div>Di, 01.01.2023</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<script>
|
|
const couchDB = new CouchDB();
|
|
setUserData(couchDB).then(
|
|
() => {
|
|
const params = getURLArgsMap();
|
|
const courseId = params["course"];
|
|
|
|
if (courseId) {
|
|
loadCourse(courseId);
|
|
}
|
|
}
|
|
)
|
|
|
|
async function loadCourse(courseId) {
|
|
const course = await couchDB.get("course:" + courseId);
|
|
if (course == undefined) {
|
|
alert("Kurs existiert nicht!");
|
|
return;
|
|
}
|
|
const results = course.result_history;
|
|
|
|
document.getElementById("course-name").innerHTML = course.title;
|
|
document.getElementById("course-owner").innerHTML = course.owner;
|
|
|
|
const courseSurveys = document.getElementById("course-surveys");
|
|
courseSurveys.innerHTML = "";
|
|
for (const result of results) {
|
|
const date = new Date(result.date);
|
|
const dateStr = `${date.getDate()}.${date.getMonth() + 1}.${date.getFullYear()}`;
|
|
courseSurveys.innerHTML += `<div>Di, ${dateStr}</div>`;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |