From f820a0148ae5455ded72a150c0f0899a88376c83 Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Thu, 31 Oct 2024 14:22:46 +0100
Subject: [PATCH] adapts the LV view to incorporate a dropdown if a
 lehrveranstaltung has multiple moodle links

---
 public/css/components/MyLv.css                           | 4 ++++
 public/js/components/Cis/Mylv/Semester/Studiengang/Lv.js | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/css/components/MyLv.css b/public/css/components/MyLv.css
index a3a3dd23f..eea5a5eea 100644
--- a/public/css/components/MyLv.css
+++ b/public/css/components/MyLv.css
@@ -1,4 +1,8 @@
 .unavailable, .unavailable:hover{
 	color: #565e647f !important;
 	cursor: default;
+}
+
+.mylv_dropdown{
+	margin-left: -5px !important;
 }
\ No newline at end of file
diff --git a/public/js/components/Cis/Mylv/Semester/Studiengang/Lv.js b/public/js/components/Cis/Mylv/Semester/Studiengang/Lv.js
index fca5b045a..4c17b1a1f 100644
--- a/public/js/components/Cis/Mylv/Semester/Studiengang/Lv.js
+++ b/public/js/components/Cis/Mylv/Semester/Studiengang/Lv.js
@@ -128,9 +128,12 @@ export default {
 							<div class="mx-4">
 								<i :class="[menuItem.c4_icon2 ? menuItem.c4_icon2 : 'fa-solid fa-pen-to-square', !menuItem.c4_link ? 'unavailable' : null ]"></i>
 							</div>
-							<a class="text-decoration-none text-truncate" :class="{'link-dark':menuItem.c4_link, 'unavailable':!menuItem.c4_link}" :target="menuItem.c4_target" :href="menuItem.c4_link ? menuItem.c4_link : null">
+							<a class="text-decoration-none text-truncate" :id="'moodle_links_'+lehrveranstaltung_id" :data-bs-toggle="menuItem.c4_moodle_links?.length ? 'dropdown' : null" :class="{'link-dark':menuItem.c4_link, 'unavailable':!menuItem.c4_link, 'dropdown-toggle':menuItem.c4_moodle_links?.length }" :target="menuItem.c4_target" :href="menuItem.c4_link ? !menuItem.c4_moodle_links?.length && menuItem.c4_link : null">
 							{{menuItem.name}}
 							</a>
+							<ul v-if="menuItem.c4_moodle_links?.length" class="dropdown-menu p-0 mylv_dropdown" :aria-labelledby="'moodle_links_'+lehrveranstaltung_id">
+								<li v-for="item in menuItem.c4_moodle_links"><a class="dropdown-item border-bottom" :href="item.url">{{item.lehrform_kurzbz}}</a></li>
+							</ul>
 						</div>
 					</li>
 				</template>