From e9d2234353ff749a88a79a2567a1df84c5d1ca0a Mon Sep 17 00:00:00 2001
From: SimonGschnell <simongschnell@gmail.com>
Date: Mon, 9 Dec 2024 13:36:18 +0100
Subject: [PATCH] feature(Studiengang Widget):creates a component for the
 Studiengang Widget that reuses the StudiengangInformation component

---
 .../StudiengangInformation.js                 | 57 ++++++++++++++++---
 .../StudiengangPerson.js                      | 18 +++++-
 .../components/DashboardWidget/Studiengang.js | 20 +++++++
 3 files changed, 84 insertions(+), 11 deletions(-)
 create mode 100644 public/js/components/DashboardWidget/Studiengang.js

diff --git a/public/js/components/Cis/Cms/StudiengangInformation/StudiengangInformation.js b/public/js/components/Cis/Cms/StudiengangInformation/StudiengangInformation.js
index 4eabf82c6..82d8f6382 100644
--- a/public/js/components/Cis/Cms/StudiengangInformation/StudiengangInformation.js
+++ b/public/js/components/Cis/Cms/StudiengangInformation/StudiengangInformation.js
@@ -15,31 +15,47 @@ data(){
 		jahrgangsvertr: null,
 	}
 },
+props:{
+	displayWidget:{
+		type:Boolean,
+		default:false,
+	}
+},
 components:{
 	StudiengangPerson,
 	StudiengangVertretung,
 },
 template:/*html*/`
-
 		<template v-if="studiengang?.bezeichnung && semester">
 			<div class="card card-body mb-3">
 				<div class="mb-3">
-					<h6 class="fw-bold">Studiengang:</h6>
+					<h2 >Studiengang:</h2>
 					{{studiengang.bezeichnung}}
 				</div>
 				<div :class="{'mb-3':studiengang?.zusatzinfo_html}">
-					<h6 class="fw-bold">Semester: </h6>
+					<h2 >Semester: </h2>
 					{{semester}}
 				</div>
 				<div v-if="studiengang?.zusatzinfo_html" v-html="studiengang?.zusatzinfo_html"></div>
 			</div>
 		</template>
 		<template v-for="{title, collection} in collection_array">
-			<h5 class="fw-bold" v-if="Array.isArray(collection)  && collection.length !==0">{{title}}</h5>
-			<template v-for="person in collection">
-				<div class="mb-3">
-					<studiengang-person v-bind="person"></studiengang-person>
-				</div>
+			<template v-if="Array.isArray(collection)  && collection.length !==0">
+				<h2 >{{title}}</h2>
+				<template v-if="displayWidget">
+					<div class="d-flex flex-wrap flex-row mb-3 gap-2">
+						<template v-for="person in collection">
+							<studiengang-person displayWidget v-bind="person"></studiengang-person>
+						</template>
+					</div>
+				</template>
+				<template v-else>
+					<template v-for="person in collection">
+						<div class="mb-3">
+							<studiengang-person v-bind="person"></studiengang-person>
+						</div>
+					</template>
+				</template>
 			</template>
 		</template>
 		<template v-if="hochschulvertr && Array.isArray(hochschulvertr) && hochschulvertr.length >0">
@@ -54,8 +70,31 @@ template:/*html*/`
 	
 `,
 computed:{
+	// this function concatenates the studiengangsleitung and the assistenz or the 
+	// geschaeftsfuehrende-Stellvertretende Leitung if both collections only contain one person
 	collection_array: function(){
-		return [{ title: "Studiengangsleitung", collection: this.stg_ltg }, { title: "geschäftsführende Leitung", collection: this.gf_ltg },{ title: "stellvertretende Leitung", collection: this.stv_ltg },{ title: "Sekretariat", collection: this.ass} ];
+		let returnData = [];
+
+		if (Array.isArray(this.stg_ltg) && this.stg_ltg.length == 1 && Array.isArray(this.ass) && this.ass.length == 1)
+		{
+			returnData.push({ title: "Studiengangsleitung / Assistenz", collection: [...this.stg_ltg, ...this.ass] });
+		}
+		else
+		{
+			returnData.push({ title: "Studiengangsleitung", collection: this.stg_ltg });
+			returnData.push({ title: "Sekretariat", collection: this.ass });
+		}
+		if (Array.isArray(this.gf_ltg) && this.gf_ltg.length == 1 && Array.isArray(this.stv_ltg) && this.stv_ltg.length == 1)
+		{
+			returnData.push({ title: "Geschäftsführende/Stellvertretende Leitung", collection: [...this.gf_ltg, ...this.stv_ltg] });
+		}
+		else
+		{
+			returnData.push({ title: "Geschäftsführende Leitung", collection: this.gf_ltg });
+			returnData.push({ title: "Stellvertretende Leitung", collection: this.stv_ltg });
+		}
+
+		return returnData;
 	},
 },
 mounted(){
diff --git a/public/js/components/Cis/Cms/StudiengangInformation/StudiengangPerson.js b/public/js/components/Cis/Cms/StudiengangInformation/StudiengangPerson.js
index 9a077ef82..10e74ef84 100644
--- a/public/js/components/Cis/Cms/StudiengangInformation/StudiengangPerson.js
+++ b/public/js/components/Cis/Cms/StudiengangInformation/StudiengangPerson.js
@@ -1,7 +1,21 @@
 export default {
-	props:["uid","vorname","nachname","titelpre","kontakt","telefonklappe","email","planbezeichnung","foto"],
+	props:{
+		uid:String,
+		vorname:String,
+		nachname:String,
+		titelpre:String,
+		kontakt:String,	
+		telefoneklappe:String,
+		email:String,
+		planbezeichnung:String,
+		foto:String,
+		displayWidget:{
+			type:Boolean,
+			default:false,
+		}
+	},
 	template:/*html*/`
-	<div class="card" style="width: 15rem;">
+	<div class="card" :style="{'width':displayWidget?'12rem':'15rem'}">
 		<div class="bg-dark d-flex justify-content-center">
 			<img  :src="base64Image" alt="mitarbeiter_foto" style="width: 110px; height: auto; object-fir:scale-down;" class="card-img-top" >
 		</div>
diff --git a/public/js/components/DashboardWidget/Studiengang.js b/public/js/components/DashboardWidget/Studiengang.js
new file mode 100644
index 000000000..3542bb523
--- /dev/null
+++ b/public/js/components/DashboardWidget/Studiengang.js
@@ -0,0 +1,20 @@
+import AbstractWidget from './Abstract.js';
+import StudiengangInformation from '../Cis/Cms/StudiengangInformation/StudiengangInformation.js';
+
+export default {
+	data(){
+		return {};
+	},
+	components:{
+		StudiengangInformation,
+	},
+	mixins:[AbstractWidget],
+	mounted(){
+		this.$emit('setConfig', false);
+	},
+	template:/*html*/`
+		<div class="p-3 h-100 overflow-scroll">
+			<studiengang-information displayWidget ></studiengang-information>
+		</div>
+	`	
+};
\ No newline at end of file