Form, Table and Queries for new Tab Pruefung

public/js/components/Stv/Studentenverwaltung/Details/Pruefung.js

@@ -16,7 +16,7 @@ export default {
 	template: `
 	<div class="stv-details-pruefung h-100 pb-3">
 	
-	{{modelValue}}
+<!--	{{modelValue}}-->
 		<fieldset class="overflow-hidden">
 <!--			<legend>{{this.$p.t('lehre', 'pruefung')}}</legend>-->
 			<pruefung-list ref="pruefungList" :uid="modelValue.uid"></pruefung-list>

public/js/components/Stv/Studentenverwaltung/Details/Pruefung/Pruefunglist.js

@@ -1,10 +1,12 @@
 import {CoreFilterCmpt} from "../../../../filter/Filter.js";
 import FormInput from "../../../../Form/Input.js";
+import BsModal from "../../../../Bootstrap/Modal.js";
 
 export default{
 	components: {
 		CoreFilterCmpt,
-		FormInput
+		FormInput,
+		BsModal
 	},
 	inject: {
 		defaultSemester: {
@@ -26,40 +28,327 @@ export default{
 					{title: "Note", field: "note_bezeichnung"},
 					{title: "Anmerkung", field: "anmerkung"},
 					{title: "Typ", field: "pruefungstyp_kurzbz"},
-					{title: "PruefungId", field: "pruefung_id", visible:false},
-					{title: "LehreinheitId", field: "lehreinheit_id", visible:false},
-					{title: "Student_uid", field: "student_uid", visible:false},
-					{title: "Mitarbeiter_uid", field: "mitarbeiter_uid", visible:false},
-					{title: "Punkte", field: "punkte", visible:false},
-				],
+					{title: "PruefungId", field: "pruefung_id", visible: false},
+					{title: "LehreinheitId", field: "lehreinheit_id", visible: false},
+					{title: "Student_uid", field: "student_uid", visible: false},
+					{title: "LV_id", field: "lehrveranstaltung_id", visible: false}, //just for testing
+					{title: "Mitarbeiter_uid", field: "mitarbeiter_uid", visible: false},
+					{title: "Punkte", field: "punkte", visible: false},
+					{
+						title: 'Aktionen', field: 'actions',
+						minWidth: 150,
+						maxWidth: 150,
+						formatter: (cell, formatterParams, onRendered) => {
+							let container = document.createElement('div');
+							container.className = "d-flex gap-2";
+
+							let button = document.createElement('button');
+							button.className = 'btn btn-outline-secondary btn-action';
+							button.innerHTML = '<i class="fa fa-plus"></i>';
+							button.title = 'neue Prüfung aus dieser LV erstellen';
+							button.addEventListener(
+								'click',
+								(event) =>
+									this.actionNewFromOldPruefung(cell.getData().pruefung_id)
+							);
+							container.append(button);
+
+							button = document.createElement('button');
+							button.className = 'btn btn-outline-secondary btn-action';
+							button.innerHTML = '<i class="fa fa-edit"></i>';
+							button.title = 'Prüfung bearbeiten';
+							button.addEventListener(
+								'click',
+								(event) =>
+									this.actionEditPruefung(cell.getData().pruefung_id)
+							);
+							container.append(button);
+
+							button = document.createElement('button');
+							button.className = 'btn btn-outline-secondary btn-action';
+							button.innerHTML = '<i class="fa fa-xmark"></i>';
+							button.title = 'Prüfung löschen';
+							button.addEventListener(
+								'click',
+								() =>
+									this.actionDeletePruefung(cell.getData().pruefung_id)
+							);
+							container.append(button);
+
+							return container;
+						},
+						frozen: true
+					}],
 				layout: 'fitDataFill',
 				layoutColumnsOnNewData: false,
 				height: 'auto',
 			},
-			tabulatorEvents: [{}],
+			tabulatorEvents: [
+				{
+					event: 'tableBuilt',
+					handler: async () => {
+						await this.$p.loadCategory(['fristenmanagement', 'global', 'person', 'ui',]);
+						let cm = this.$refs.table.tabulator.columnManager;
+
+						cm.getColumnByField('bezeichnung').component.updateDefinition({
+							title: this.$p.t('global', 'typ')
+						});
+
+						cm.getColumnByField('anmerkung').component.updateDefinition({
+							title: this.$p.t('global', 'anmerkung')
+						});
+					}
+				}
+			],
 			pruefungData: {},
-			filter: false
+			listTypesExam: [],
+			listLvsAndLes: [],
+			listLvsAndMas: [],
+			listLvs: [], //TODO(Manu) nachträglich sortieren
+			listLes: [],
+			listMas: [], //TODO(Manu) Filter statt SELECT DISTINCT
+			listMarks: [],
+			filter: false,
+			statusNew: true,
+			isStartDropDown: false
+		}
+	},
+	computed:{
+/*		lehrveranstaltungen(){
+			return this.listLvsAndLes.filter((value, index, self) => {
+				return self.indexOf(value) === index;
+			});
+		},*/
+		lv_teile(){
+			return this.listLvsAndLes.filter(lv => lv.lehrveranstaltung_id == this.pruefungData.lehrveranstaltung_id);
+		},
+		lv_teile_ma(){
+			return this.listLvsAndMas.filter(lv => lv.lehrveranstaltung_id == this.pruefungData.lehrveranstaltung_id);
 		}
 	},
-	computed:{},
 /*	watch: {
 		modelValue() {
 			this.$refs.table.reloadTable();
 		}
 	},*/
-	methods:{ },
+	methods:{
+		loadPruefung(pruefung_id) {
+			return this.$fhcApi.get('api/frontend/v1/stv/pruefung/loadPruefung/' + pruefung_id)
+				.then(result => {
+					this.pruefungData = result.data;
+					return result;
+				})
+				.catch(this.$fhcAlert.handleSystemError);
+		},
+		actionNewPruefung(){
+			this.statusNew = true;
+			this.isStartDropDown = true;
+
+/*			this.getLvsByStudent(this.uid).then(() => {
+					this.$refs.pruefungModal.show();
+				});*/
+
+			this.$refs.pruefungModal.show();
+			//	this.prepareDropdowns();
+			//	this.$refs.pruefungModal.show();
+
+		},
+		actionNewFromOldPruefung(pruefung_id) {
+			this.statusNew = true;
+			this.isStartDropDown = false;
+			this.loadPruefung(pruefung_id).then(() => {
+				this.pruefungData.note_bezeichnung = 'Noch nicht eingetragen';
+				this.pruefungData.datum = new Date();
+				this.prepareDropdowns();
+
+				this.$refs.pruefungModal.show();
+			});
+		},
+		actionEditPruefung(pruefung_id) {
+			this.statusNew = false;
+			this.isStartDropDown = false;
+			this.loadPruefung(pruefung_id).then(() => {
+
+				this.prepareDropdowns();
+
+				this.$refs.pruefungModal.show();
+			});
+		},
+		actionDeletePruefung(pruefung_id) {
+			console.log("action delete Prüfung" + pruefung_id);
+			this.loadPruefung(pruefung_id).then(() => {
+				if(this.pruefungData.pruefung_id)
+
+						this.$fhcAlert
+							.confirmDelete()
+							.then(result => result
+								? pruefung_id
+								: Promise.reject({handled: true}))
+							.then(this.deletePruefung)
+							.catch(this.$fhcAlert.handleSystemError);
+
+			});
+		},
+		addPruefung(){
+			this.$fhcApi.post('api/frontend/v1/stv/pruefung/insertPruefung/',
+				this.pruefungData
+			).then(response => {
+				this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
+				this.hideModal('pruefungModal');
+				this.resetModal();
+			}).catch(this.$fhcAlert.handleSystemError)
+				.finally(() => {
+					window.scrollTo(0, 0);
+					this.reload();
+				});
+		},
+		updatePruefung(pruefung_id){
+			console.log("update Prüfung" + pruefung_id);
+			this.$fhcApi.post('api/frontend/v1/stv/pruefung/updatePruefung/' + pruefung_id,
+				this.pruefungData
+			).then(response => {
+				this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
+				this.hideModal('pruefungModal');
+				this.resetModal();
+			}).catch(this.$fhcAlert.handleSystemError)
+				.finally(() => {
+					window.scrollTo(0, 0);
+					this.reload();
+				});
+		},
+		deletePruefung(pruefung_id) {
+			this.$fhcApi.post('api/frontend/v1/stv/pruefung/deletePruefung/' + pruefung_id)
+				.then(response => {
+					this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+				}).catch(this.$fhcAlert.handleSystemError)
+				.finally(()=> {
+					window.scrollTo(0, 0);
+					this.reload();
+				});
+		},
+		hideModal(modalRef) {
+			this.$refs[modalRef].hide();
+		},
+		resetModal() {
+			this.pruefungData = {};
+
+/*			this.pruefungData.strasse = null;
+			this.pruefungData.zustellpruefunge = true;
+			this.pruefungData.heimatpruefunge = true;
+			this.pruefungData.rechnungspruefunge = false;
+			this.pruefungData.co_name = null;
+			this.pruefungData.firma_id = null;
+			this.pruefungData.name = null;
+			this.pruefungData.anmerkung = null;
+			this.pruefungData.typ = 'h';
+			this.pruefungData.nation = 'A';
+			this.pruefungData.plz = null;*/
+
+			this.statusNew = true;
+		},
+		reload() {
+			this.$refs.table.reloadTable();
+		},
+		getLvsByStudent(student_uid){
+			return this.$fhcApi.get('api/frontend/v1/stv/pruefung/getLvsByStudent/' + student_uid)
+				.then(result => {
+					this.listLvs = result.data;
+				})
+				.catch(this.$fhcAlert.handleSystemError);
+		},
+		getMaFromLv(lv_id){
+			return this.$fhcApi.get('api/frontend/v1/stv/pruefung/getMitarbeiterLv/' + lv_id)
+				.then(result => {
+					this.listMas = result.data;
+				})
+				.catch(this.$fhcAlert.handleSystemError);
+		},
+		getLehreinheiten(lv_id, studiensemester_kurzbz) {
+			const data = {
+				lv_id: lv_id,
+				studiensemester_kurzbz: studiensemester_kurzbz
+			};
+
+			return this.$fhcApi.post('api/frontend/v1/stv/pruefung/getAllLehreinheiten/', data)
+				.then(response => {
+					this.listLes = response.data;
+				})
+				.catch(this.$fhcAlert.handleSystemError);
+		},
+		prepareDropdowns(){
+
+			// Get Lvs from Student
+/*			this.getLvsByStudent(this.pruefungData.student_uid).then(() => {
+
+			}).catch(error => {
+				console.error('Error loading Lvs:', error);
+			});*/
+
+
+			// Get Ma from Lv
+			this.getMaFromLv(this.pruefungData.lehrveranstaltung_id).then(() => {
+			}).catch(error => {
+				console.error('Error loading Ma data:', error);
+			});
+
+			// Get Lehreinheiten
+			this.getLehreinheiten(this.pruefungData.lehrveranstaltung_id, this.pruefungData.studiensemester_kurzbz).then(() => {
+
+			}).catch(error => {
+				console.error('Error loading Lehreinheiten multiple:', error);
+			});
+
+
+
+			this.$refs.pruefungModal.show();
+		}
+	},
+	created(){
+		this.$fhcApi.get('api/frontend/v1/stv/pruefung/getLvsByStudent/' + this.uid)
+			.then(result => {
+				this.listLvs = result.data;
+			})
+			.catch(this.$fhcAlert.handleSystemError);
+
+		this.$fhcApi.get('api/frontend/v1/stv/pruefung/getLvsandLesByStudent/' + this.uid)
+			.then(result => {
+				this.listLvsAndLes = result.data;
+			})
+			.catch(this.$fhcAlert.handleSystemError);
+
+		this.$fhcApi.get('api/frontend/v1/stv/pruefung/getLvsAndMas/' + this.uid)
+			.then(result => {
+				this.listLvsAndMas = result.data;
+			})
+			.catch(this.$fhcAlert.handleSystemError);
+
+		this.$fhcApi.get('api/frontend/v1/stv/pruefung/getTypenPruefungen')
+			.then(result => {
+				this.listTypesExam = result.data;
+			})
+			.catch(this.$fhcAlert.handleSystemError);
+
+		this.$fhcApi.get('api/frontend/v1/stv/pruefung/getNoten')
+			.then(result => {
+				this.listMarks = result.data;
+			})
+			.catch(this.$fhcAlert.handleSystemError);
+	},
 	template: `
 	<div class="stv-details-pruefung-pruefung-list 100 pt-3">
-		
+	
+	aktuelles Sem: {{defaultSemester}}
+	<hr>
+	
 		<div class="justify-content-end pb-3">
-				<form-input
+				<form-inputlistTypesExam
 					container-class="form-switch"
 					type="checkbox"
 					label="Aktuelles Studiensemester Anzeigen"
 					v-model="filter"
 					@update:model-value="setFilter('open')"
 					>
-				</form-input>
+				</form-inputlistTypesExam>
 <!--			<div class="col-lg-3">
 				<form-input
 					container-class="form-switch"
@@ -73,28 +362,150 @@ export default{
 			</div>-->
 		</div>
 	
-		<div class="row">
-					
-			<div class="col-sm-6 pt-6">			
-				<core-filter-cmpt
-					ref="table"
-					:tabulator-options="tabulatorOptions"
-					table-only
-					:side-menu="false"
-					reload
-					new-btn-show
-					new-btn-label="Pruefung"
-					@click:new="actionNewPruefung"
-					>
-				</core-filter-cmpt>
-			</div>
-			
-			<div class="col-sm-6">
-				<p>Form </p>
+		<core-filter-cmpt
+			ref="table"
+			:tabulator-options="tabulatorOptions"
+			table-only
+			:side-menu="false"
+			reload
+			new-btn-show
+			new-btn-label="Pruefung"
+			@click:new="actionNewPruefung"
+			>
+		</core-filter-cmpt>
+	
+		<p>Form </p>
+		
+		<!--Modal: pruefungModal-->
+		<bs-modal ref="pruefungModal">
+			<template #title>
+				<p v-if="statusNew" class="fw-bold mt-3">{{$p.t('ui', 'add_pruefung')}}</p>
+				<p v-else class="fw-bold mt-3">{{$p.t('ui', 'edit_pruefung')}}</p>
+			</template>
+	
+			<form ref="form-pruefung" @submit.prevent class="row pt-3">
+				<legend>Details</legend>
 				
-				aktuelles Sem: {{defaultSemester}}
-							
-			</div>
+				<!--DropDown Lehrveranstaltung-->
+				<form-input
+					container-class="mb-3"
+					type="select"
+					name="lehrveranstaltung"
+					:label="$p.t('lehre/lehrveranstaltung')"
+					v-model="pruefungData.lehrveranstaltung_id"
+					>
+					<option
+						v-for="lv in listLvs"
+						:key="lv.lehrveranstaltung_id"
+						:value="lv.lehrveranstaltung_id"
+						>
+						{{lv.bezeichnung}} Semester {{lv.semester}} {{lv.lehrform_kurzbz}}
+					</option>
+				</form-input>
+			
+				<!--DropDown Lv-Teil-->
+				<form-input
+					container-class="mb-3"
+					type="select"
+					name="lehreinheit"
+					:label="$p.t('lehre/lehreinheit')"
+					v-model="pruefungData.lehreinheit_id"
+					>
+					<option v-if="!listLes.length" disabled> -- Bitte Lv_Teil wählen --</option>
+					<option
+						v-for="le in isStartDropDown ? lv_teile : listLes"
+						:key="le.lehreinheit_id"
+						:value="le.lehreinheit_id"
+						>
+						{{le.kurzbz}}-{{le.lehrform_kurzbz}} {{le.bezeichnung}} {{le.gruppe}} ({{le.mitarbeiter_uid}})
+					</option>
+				</form-input>
+			
+				<!--DropDown MitarbeiterIn-->
+				<form-input
+					container-class="mb-3"
+					type="select"
+					name="mitarbeiter"
+					:label="$p.t('fristenmanagement/mitarbeiterin')"
+					v-model="pruefungData.mitarbeiter_uid"
+					>
+					<option value="null"> -- keine Auswahl -- </option>
+					<option
+						v-for="ma in isStartDropDown ? lv_teile_ma : listMas"
+						:key="ma.mitarbeiter_uid"
+						:value="ma.mitarbeiter_uid"
+						>
+						{{ma.vorname}} {{ma.nachname}}
+					</option>				
+				</form-input>
+			
+				<!--DropDown Typ Prüfungstermin-->
+				<form-input
+					container-class="mb-3"
+					type="select"
+					name="typ"
+					:label="$p.t('global/typ')"
+					v-model="pruefungData.pruefungstyp_kurzbz"
+					>
+					<option
+						v-for="typ in listTypesExam"
+						:key="typ.pruefungstyp_kurzbz"
+						:value="typ.pruefungstyp_kurzbz"
+						>
+						{{typ.beschreibung}}
+					</option>
+				</form-input>
+				
+				<!--DropDown Note-->	
+				<form-input
+					container-class="mb-3"
+					type="select"
+					name="typ"
+					:label="$p.t('lehre/note')"
+					v-model="pruefungData.note"
+					>
+					<option
+						v-for="note in listMarks"
+						:key="note.note"
+						:value="note.note"
+						>
+						{{note.bezeichnung}}
+					</option>
+				</form-input>
+				
+				<!--DropDown Datum-->
+				<form-input
+					container-class="mb-3"
+					type="DatePicker"
+					v-model="pruefungData.datum"
+					name="datum"
+					:label="$p.t('global/datum')"
+					auto-apply
+					:enable-time-picker="false"
+					format="dd.MM.yyyy"
+					preview-format="dd.MM.yyyy"
+					:teleport="true"
+					>
+				</form-input>
+				
+				<form-input
+					container-class="mb-3"
+					type="text"
+					name="name"
+					:label="$p.t('global/anmerkung')"
+					v-model="pruefungData.anmerkung"
+				>
+				</form-input>
+			</form>
+			
+			<template #footer>
+			statusNew: {{statusNew}}<br>
+			isStartDropDown: {{isStartDropDown}}
+				<button type="button" class="btn btn-primary" @click="statusNew ? addPruefung() : updatePruefung(pruefungData.pruefung_id)">{{$p.t('ui', 'speichern')}}</button>
+			</template>
+		</bs-modal>
+				
+									
 		</div>
 	</div>`
 };