From 5e340bdfd4f55052655a24192dab82f5aabb980c Mon Sep 17 00:00:00 2001
From: juirek <juirek@linuxuse.de>
Date: Tue, 23 Dec 2025 22:09:45 +0100
Subject: [PATCH] =?UTF-8?q?Cards=20werden=20jetzt=20=C3=BCber=20den=20Acco?=
 =?UTF-8?q?unt=20generiert?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 prof/uebersicht.html | 48 +++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 47 insertions(+), 1 deletion(-)

diff --git a/prof/uebersicht.html b/prof/uebersicht.html
index 677c940..7b89efd 100644
--- a/prof/uebersicht.html
+++ b/prof/uebersicht.html
@@ -33,6 +33,7 @@ setUserData(couchDB);
 <div class="header_bar_1_placeholder"></div>
 
 <content>
+	<!-- 
 	<div class="course-card">
 		<div class="course-title">
 			HCI
@@ -49,6 +50,8 @@ setUserData(couchDB);
 			</button>
 		</div>
 	</div>
+	-->
+	<div id="course-list"></div>
 </content>
 
 <style>
@@ -83,7 +86,7 @@ button.auswertung:hover {
 	box-shadow: var(--def-shadow);
 	display: flex;
 	flex-direction: column;
-	gap: 12px;
+	gap: 10px;
 }
 
 .course-title {
@@ -142,10 +145,53 @@ button.auswertung:hover {
 	background: var(--accent_color_bg_o);
 	border-radius: var(--border-radius);
 }
+
+#course-list {
+	display: flex;
+	flex-direction: column;
+	gap: 15px;
+}
+
 </style>
 
 <script>
+(async () => {
+	const courseList = document.getElementById("course-list");
 	
+	await setUserData(couchDB);
+
+	for(const courseId of userData.courses) {
+		const course = await couchDB.get("course:" + courseId);
+
+		const card = document.createElement("div");
+		card.className = "course-card";
+
+		card.innerHTML = `
+		<div class="course-title">${course.title}</div>
+
+		<div class="course-description">
+			${course.description}
+		</div>
+
+		<button class="action start">
+			Umfrage Starten
+		</button>
+
+		<button class="action edit" onclick="editCourse('${courseId}')">
+			✎
+		</button>
+		`;
+		courseList.appendChild(card);
+	}
+})();
+	
+
+	function editCourse(courseId) {
+		return
+	}
+
+	
+
 </script>
 	
 <!--Implementiere hier dein Zeugs-->