vergessen

prof/kursAnzeige.html

@@ -6,6 +6,7 @@
 <link rel="stylesheet" href="../lib/basic.css">
 <script src="../auth.js"></script>
 <script src="../lib/basic.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/qrcodejs/qrcode.min.js"></script>
 <script>
 const couchDB = new CouchDB();
 setUserData(couchDB);
@@ -13,7 +14,80 @@ setUserData(couchDB);
 <title>Kurs Anzeige</title>
 </head>
 <body>
+<div>
+<body>
+	<div class="header_bar_1">
+	<button class="back" onclick="location.href = './uebersicht.html?user=' + userData.name;">
+		Übersicht
+    </button>
+	<div>
+		<button class="profile" onclick='showOverlay("miniProfile")' style="position: absolute; top: 7px; right: 15px;">
+			<overlay id="miniProfile">
+			</overlay>
+		</button>
+	</div>
+</div>
+</div>
+<div class="qrImage">
+    <div id="qrCode"></div>
+</div>
 
 
+<script>
+    const params = new URLSearchParams(window.location.search);
+    const courseId = params.get("course"); 
+
+    if (!courseId) {
+			console.error("Keine courseId in der URL");
+	}
+
+    const qrCodeUrl = `${window.location.origin}/student/XXXXXXXXX?course=${courseId}`;
+
+    new QRCode(document.getElementById("qrCode"), {
+        text: qrCodeUrl,
+        widh: 200,
+        height: 200,
+    })
+</script>
+
+<style>
+button.back {
+	font-size: 20px;
+	padding: 15px;
+	padding-left: 40px;
+	padding-right: 40px;
+	background-color: var(--accent_color_bg);
+	border: none;
+	border-radius: var(--border-radius);
+	cursor: pointer;
+}
+
+button.back:focus-visible {
+	outline: 2px var(--accent_color_fg_o);
+	outline-offset: 2px;
+}
+
+button.back:hover {
+	background: var(--accent_color_bg_o);
+	border-radius: var(--border-radius);
+}
+.QrBox {
+
+}
+#qrCode {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    min-height: 100vh;
+    padding: 14px;
+    border: 4px solid var(--accent_color_fg);
+    border-radius: 12px;
+    background: var(--accent_color_bg);
+}
+
+
+
+</style>
+
 </body>
 </html>

student/umfrage.html

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang=de>
+<link rel="stylesheet" href="../lib/basic.css">
+<script src="../auth.js"></script>
+<script src="../lib/basic.js"></script>
+<head>
+	<meta charset="UTF-8">
+	<title>Beispielseite</title>
+	<style>
+			body {
+			font-family: Arial, sans-serif;
+			margin: 0;
+			padding: 0;
+			display: flex;
+			flex-direction: column;
+			min-height: 100vh;
+        }
+
+		.close-btn {
+			position:absolute;
+			top:20px;
+			left:20px;
+			font-size: 28px;
+			cursor: pointer;
+			font-weight: bold;
+		}
+		
+        header {
+			text-align: center;
+			padding-top: 120px;
+			padding-bottom: 40px;
+            font-size: 24px;
+            font-weight: bold;
+        }
+
+        main {
+            flex: 1;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            gap: 20px;
+        }
+
+        /* Bewertungsskala */
+        .rating span {
+            font-size: 30px;
+            cursor: pointer;
+            padding: 5px;
+        }
+
+        /* Navigationspunkte */
+        .nav-dots {
+            text-align: center;
+            margin-bottom: 20px;
+            font-size: 30px;
+        }
+
+        .nav-dots .active {
+            font-size: 45px;
+            font-weight: bold;
+        }
+
+        /* Weiter-Button */
+        .weiter-btn {
+            display: block;
+            width: 150px;
+            margin: 0 auto 30px auto;
+            padding: 10px;
+            font-size: 18px;
+            text-align: center;
+            background-color: #007bff;
+            color: white;
+            border: none;
+            border-radius: 5px;
+            cursor: pointer;
+        }
+
+        .weiter-btn:hover {
+            background-color: #0056b3;
+        }
+	</style>
+</head>
+<Body>
+
+<div class="close-btn">X</div>
+
+<header>
+	Verstehen Sie den in der Vorlesung vorgetragenen Inhalt?
+</header>
+
+<main>
+
+	<div class="rating"> 
+		<span>1</span> 
+		<span>2</span> 
+		<span>3</span> 
+		<span>4</span> 
+		<span>5</span> 
+	</div>
+	
+	<textarea rows="5" cols="40" placeholder="Gib hier deinen Text ein..."></textarea>
+</main>
+<div class="nav-dots">
+	<span>&lt;</span>
+	<span class="active">•</span>
+	<span>•</span>
+	<span>•</span>
+	<span>&gt;</span>
+</div>
+
+<button class="weiter-btn">Weiter</button>
+
+</body> 
+</html>