+
`
-};
\ No newline at end of file
+};
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
index 3fa43e624..dc645dadc 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Prestudent.js
@@ -318,6 +318,7 @@ export default {
name="zgvnation"
>
+
@@ -380,6 +381,7 @@ export default {
name="zgvmanation"
>
+
diff --git a/public/js/components/DetailHeader/DetailHeader.js b/public/js/components/DetailHeader/DetailHeader.js
index 5c1573753..1088e3f63 100644
--- a/public/js/components/DetailHeader/DetailHeader.js
+++ b/public/js/components/DetailHeader/DetailHeader.js
@@ -102,6 +102,13 @@ export default {
redirectToLeitung(){
this.$emit('redirectToLeitung', {
person_id: this.leitungData.person_id});
+ },
+ getFotoSrc(foto) {
+ if(foto === null) {
+ return FHC_JS_DATA_STORAGE_OBJECT.app_root + 'skin/images/profilbild_dummy.jpg';
+ } else {
+ return 'data:image/jpeg;base64,' + foto;
+ }
}
},
template: `
@@ -116,7 +123,7 @@ export default {
![Profilbild]()
diff --git a/public/js/components/Drop/Grid.js b/public/js/components/Drop/Grid.js
index 74d67e49d..a7bea64e3 100644
--- a/public/js/components/Drop/Grid.js
+++ b/public/js/components/Drop/Grid.js
@@ -274,8 +274,23 @@ export default {
dragging(event){
if(this.mode == MODE_MOVE){
this.toggleDraggedItemOverlay(true);
- this.clonedWidget.style.top = `${this.clientY-20}px`;
- this.clonedWidget.style.left = `${this.clientX-15}px`;
+
+ const containerRect = this.$refs.container.getBoundingClientRect();
+ const clonedWidgetRect = this.clonedWidget.getBoundingClientRect();
+
+ let desiredTop = this.clientY - 20;
+ let desiredLeft = this.clientX - 15;
+
+ const minTop = 0;
+ const maxTop = containerRect.height - clonedWidgetRect.height;
+ const minLeft = 0;
+ const maxLeft = containerRect.width - clonedWidgetRect.width;
+
+ const constrainedTop = Math.max(minTop, Math.min(maxTop, desiredTop));
+ const constrainedLeft = Math.max(minLeft, Math.min(maxLeft, desiredLeft));
+
+ this.clonedWidget.style.top = `${constrainedTop}px`;
+ this.clonedWidget.style.left = `${constrainedLeft}px`;
}
},
createNewGrid(items) {
@@ -413,11 +428,14 @@ export default {
setTimeout(() => {
this.draggedNode = evt.target.closest(".drop-grid-item");
//clones the widget for the drag Image
+
let clone = evt.target.closest(".drop-grid-item")?.cloneNode(true);
clone.style.zIndex = 5;
clone.classList.add("widgetClone");
this.$refs.container.appendChild(clone);
+ const hiddenWidget = clone.querySelector("[style='display: none;']");
+ hiddenWidget.style.removeProperty("display");
this.clonedWidget = clone;
}, 0);
@@ -434,12 +452,9 @@ export default {
},
dragOver(evt) {
if ((this.y + 1) > this.rows && (this.mode == MODE_MOVE || this.mode == MODE_RESIZE)) {
- this.positionUpdates = this.positionUpdates?.filter(item => {
- return item.widgetid == this.draggedItem.data.widgetid;
- })
- this.dragEnd();
this.dragCancel();
- }
+
+ }
if (!this.active)
return this.dragCancel();
this.checkPinnedWidgetAnimation();
@@ -454,17 +469,17 @@ export default {
let x = this.x + this.draggedOffset[0];
let y = this.y + this.draggedOffset[1];
if (x < 0) {
- this.draggedOffset[0] -= x;
+ this.draggedOffset[0] += x;
x = 0;
} else if (x + this.draggedItem.w > this.cols) {
this.draggedOffset[0] += this.cols - this.draggedItem.w - x;
x = this.cols - this.draggedItem.w;
}
if (y < 0) {
- this.draggedOffset[1] -= y;
+ this.draggedOffset[1] += y;
y = 0;
}
- this.positionUpdates = this.dragGrid.move(this.draggedItem, x, y);
+ this.positionUpdates= this.dragGrid.move(this.draggedItem, x, y);
break;
}
case MODE_RESIZE: {
@@ -481,6 +496,7 @@ export default {
}
},
dragCancel() {
+ this.removeWidgetClones();
this.additionalRowComputed = false;
this.toggleDraggedItemOverlay(false);
this.mode = MODE_IDLE;
@@ -492,8 +508,12 @@ export default {
},
dragEnd() {
- if (this.mode == MODE_IDLE)
+ this.removeWidgetClones();
+ this.toggleDraggedItemOverlay(false);
+
+ if (this.mode == MODE_IDLE){
return;
+ }
// clean up unused classes
let draggedItemNode = document.getElementById(this.draggedItem.data.widgetid);
draggedItemNode.classList.remove("border-danger");
@@ -501,19 +521,19 @@ export default {
ele.classList.remove("denied-dragging-animation");
})
- let widgetClones = document.getElementsByClassName("widgetClone");
- for (let i=0; i = this.cols)
- return this.dragCancel();
+ //if (!this.active || this.x < 0 || this.y < 0 || this.x >= this.cols)
+ //return this.dragCancel();
+
this.mode = MODE_IDLE;
let updated = [];
this.convertGridResultToUpdate(this.positionUpdates, updated);
updated = this._updateFixedPositions(updated);
if (updated.length)
this.$emit('rearrangeItems', updated.filter(v => v));
+
+ this.draggedItem = null;
+ this.draggedNode = null;
+ this.$emit('draggedItem', null);
},
_updateFixedPositions(updated) {
updated.forEach((item, index) => {
@@ -597,6 +617,12 @@ export default {
draggedItemNode.classList.remove("border-danger");
}
},
+ removeWidgetClones(){
+ let widgetClones = Array.from(document.getElementsByClassName("widgetClone"));
+ for (let i = 0; i < widgetClones.length; i++) {
+ this.$refs.container.removeChild(widgetClones[i]);
+ }
+ },
mouseDown(){
this.mode = MODE_MOUSE_DOWN;
},
@@ -612,7 +638,7 @@ export default {
@touchmove="dragOver"
@touchend="dragCancel"
@dragover.prevent="dragOver"
- @drop="dragEnd"
+ @drop="dragEnd($event)"
@mousemove="updateCursorOnMouseMove"
@mouseleave="mouseLeave">
@@ -626,7 +652,7 @@ export default {
@mouse-up="mouseUp"
@start-resize="startResize"
@dragging="dragging"
- @end-drag="dragCancel"
+ @end-drag="dragEnd"
@touch-end="dragEnd();mouseUp();"
@touch-start="updateCursorOnMouseMove($event); mouseDown();"
class="position-absolute"
diff --git a/public/js/components/LVVerwaltung/Details/Direktinskription.js b/public/js/components/LVVerwaltung/Details/Direktinskription.js
new file mode 100644
index 000000000..c7b8e5894
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Details/Direktinskription.js
@@ -0,0 +1,155 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import FormForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import ApiDirektGruppe from "../../../api/lehrveranstaltung/direktgruppe.js";
+export default{
+ name: "LVDirektGruppen",
+ components: {
+ CoreFilterCmpt,
+ FormForm,
+ FormInput
+ },
+ props: {
+ lehreinheit_id: Number
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ },
+ },
+ computed: {
+ tabulatorOptions() {
+ return {
+ ajaxURL: 'dummy',
+ ajaxRequestFunc: () => this.$api.call(ApiDirektGruppe.getByLehreinheit(this.lehreinheit_id)),
+ ajaxResponse: (url, params, response) => { return response.data || [] },
+ columns:[
+ {title: this.$p.t('person', 'uid'), field:"uid"},
+ {title: this.$p.t('person', 'vorname'), field:"vorname"},
+ {title: this.$p.t('person', 'nachname'), field:"nachname"},
+ {title: this.$p.t('lehre', 'gruppe'), field:"gruppe_kurzbz"},
+ {
+ title: this.$p.t('global', 'actions'), field: 'actions',
+ minWidth: 150,
+ formatter: (cell, formatterParams, onRendered) => {
+ let container = document.createElement('div');
+ let button = document.createElement('button');
+ container.className = "d-flex gap-1";
+
+ button.className = 'btn btn-outline-secondary btn-action';
+ button.innerHTML = '';
+ button.title = this.$p.t('ui', 'loeschen');
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ this.deleteDirektGroup(cell.getData().gruppe_kurzbz, cell.getData().uid)
+ });
+ container.append(button);
+ return container;
+ },
+ frozen: true
+ },
+ ],
+ layout: 'fitDataFill',
+ selectable: true,
+ persistenceID: 'lvverwaltung_direkt_gruppen_2025_05_27_v1',
+ height: 'auto',
+ }
+ }
+ },
+ data() {
+ return{
+ lastSelected: null,
+ gruppen: [],
+ tabulatorEvents: [],
+ showAutocomplete: false,
+ selectedUser: null,
+ filteredUsers: [],
+ abortController: null,
+ searchTimeout: null,
+ }
+ },
+ watch: {
+ lehreinheit_id(n) {
+ this.$refs.table.reloadTable();
+ }
+ },
+ methods:{
+ reload() {
+ this.$refs.table.reloadTable();
+ },
+
+ deleteDirektGroup(gruppe_kurzbz, uid)
+ {
+ let deleteData = {
+ 'gruppe_kurzbz': gruppe_kurzbz,
+ 'uid': uid,
+ 'lehreinheit_id': this.lehreinheit_id
+ }
+
+ this.$api.call(ApiDirektGruppe.delete(deleteData))
+ .then(response => {
+ this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ .finally(()=> {
+ this.reload();
+ })
+ },
+ searchUser(event)
+ {
+ const query = event.query.toLowerCase().trim();
+ this.filteredUsers = this.dropdowns.benutzer_array.filter(user => {
+
+ const fullName = `${user.vorname.toLowerCase()} ${user.nachname.toLowerCase()}`;
+ const reverseFullName = `${user.nachname.toLowerCase()} ${user.vorname.toLowerCase()}`;
+ return fullName.includes(query) || reverseFullName.includes(query) || user.uid.toLowerCase().includes(query) || user.studiengang.toLowerCase().includes(query);
+ }).map(user => ({
+ label: user.studiengang
+ ? `${user.nachname} ${user.vorname} ${user.uid} ${user.studiengang} ${user.semester}`
+ : `${user.nachname} ${user.vorname} ${user.uid}`,
+ uid: user.uid
+ }));
+ },
+ addUser()
+ {
+ let newData = {
+ 'uid': this.selectedUser.uid,
+ 'lehreinheit_id': this.lehreinheit_id
+ }
+ return this.$api.call(ApiDirektGruppe.add(newData))
+ .then(result => {
+ this.reload()
+ this.selectedUser = ''
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ },
+ template: `
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Details/Form.js b/public/js/components/LVVerwaltung/Details/Form.js
new file mode 100644
index 000000000..5908512d7
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Details/Form.js
@@ -0,0 +1,221 @@
+import CoreForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+
+export default {
+ name: "LVDetailsForm",
+ components: {
+ FormInput,
+ CoreForm
+ },
+ props: {
+ data: {
+ type: Object,
+ required: true
+ }
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ },
+ showLVID: {
+ from: 'permissionLehrveranstaltung',
+ default: false
+ },
+ showGewichtung: {
+ from: 'configShowGewichtung',
+ default: true
+ }
+ },
+ computed: {
+ formattedAnmerkung: {
+ get() {
+ return (this.data.anmerkung || '').replace(/\\n/g, '\n');
+ },
+ set(value) {
+ this.data.anmerkung = (value || '').replace(/\n/g, '\\n');
+ }
+ }
+ },
+ template: `
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/LVVerwaltung.js b/public/js/components/LVVerwaltung/LVVerwaltung.js
new file mode 100644
index 000000000..c03e7c84c
--- /dev/null
+++ b/public/js/components/LVVerwaltung/LVVerwaltung.js
@@ -0,0 +1,292 @@
+import CoreSearchbar from "../searchbar/searchbar.js";
+import VerticalSplit from "../verticalsplit/verticalsplit.js";
+import StvVerband from "../Stv/Studentenverwaltung/Verband.js";
+import StvStudiensemester from "../Stv/Studentenverwaltung/Studiensemester.js";
+import LvTable from "./Setup/Table.js";
+import LvTabs from "./Setup/Tabs.js";
+
+import ApiDetails from "../../api/lehrveranstaltung/details.js";
+import ApiLektor from "../../api/lehrveranstaltung/lektor.js";
+import ApiGruppe from "../../api/lehrveranstaltung/gruppe.js";
+import ApiStudiengangTree from "../../api/lehrveranstaltung/studiengangtree.js";
+import ApiSearchbar from "../../api/factory/searchbar.js";
+
+
+export default {
+ name: "LVVerwaltung",
+ components: {
+ CoreSearchbar,
+ VerticalSplit,
+ StvVerband,
+ StvStudiensemester,
+ LvTable,
+ LvTabs,
+ },
+ props: {
+ defaultSemester: String,
+ lvRoot: String,
+ permissions: Object,
+ config: Object,
+ stg: { type: String, required: false },
+ semester: { type: [Number, String], required: false, default: null },
+ studiensemester_kurzbz: { type: String, required: false, default: null },
+ emp: { type: String, required: false, default: null }
+ },
+
+ provide() {
+ return {
+ currentSemester: Vue.computed(() => this.selectedStudiensemester),
+ dropdowns: this.dropdowns,
+ configShowVertragsdetails: this.config.showVertragsdetails,
+ configShowGewichtung: this.config.showGewichtung,
+ lehreinheitAnmerkungDefault: this.config.lehreinheitAnmerkungDefault,
+ lehreinheitRaumtypDefault: this.config.lehreinheitRaumtypDefault,
+ lehreinheitRaumtypAlternativeDefault: this.config.lehreinheitRaumtypAlternativeDefault,
+
+ permissionLehrveranstaltung: this.permissions['lehre/lehrveranstaltung'],
+ permissionGruppenEntfernen: this.permissions['lv-plan/gruppenentfernen'],
+ permissionLektorEntfernen: this.permissions['lv-plan/lektorentfernen'],
+ }
+ },
+ mounted() {
+ this.updateFilter();
+ },
+ watch: {
+ stg() {
+ this.updateFilter();
+ },
+ semester() {
+ this.updateFilter();
+ },
+ selectedStudiensemester() {
+ this.updateFilter();
+ },
+ emp() {
+ this.updateFilter();
+ },
+ studiensemester_kurzbz(newVal) {
+ this.selectedStudiensemester = newVal ?? this.defaultSemester;
+ }
+ },
+ data() {
+ return {
+ selected: [],
+ studiengang: "",
+ filter: {},
+ selectedStudiensemester: this.studiensemester_kurzbz ?? this.defaultSemester,
+ endpoint: ApiStudiengangTree,
+ dropdowns: {
+ studiensemester_array: [],
+ sprachen_array: [],
+ lehrform_array: [],
+ raumtyp_array: [],
+ lektor_array: [],
+ gruppen_array: [],
+ benutzer_array: [],
+ },
+ selectedStudiengang: '',
+ searchbaroptions: {
+ origin: 'lvverwaltung',
+ cssclass: "position-relative",
+ calcheightonly: true,
+ types: [
+ "mitarbeiter",
+ "mitarbeiter_ohne_zuordnung"
+ ],
+ actions: {
+ employee: {
+ defaultaction: {
+ type: "function",
+ action: (data) => {
+ this.onSelectEmployee(data.uid);
+ }
+ },
+ childactions: [
+ ]
+ },
+ }
+ },
+ }
+ },
+ methods: {
+ updateFilter()
+ {
+ const filter = {
+ stg: this.stg,
+ emp: this.emp,
+ semester: this.semester,
+ studiensemester_kurzbz: this.selectedStudiensemester,
+ activeFilter: this.emp ? 'employee' : this.stg ? 'verband' : null
+ }
+
+ if (this.stg !== undefined)
+ {
+ this.selectedStudiengang = this.semester !== '' && this.semester
+ ? `${this.stg}/${this.semester}`
+ : this.stg;
+ }
+ this.filter = filter;
+ },
+ handleRowClicked(data)
+ {
+ this.selected = data
+ },
+ onSelectEmployee(emp)
+ {
+ const { stg, semester } = this.filter;
+
+ let studiensemester_kurzbz = this.selectedStudiensemester;
+ const params = { emp };
+
+ if (stg)
+ params.stg = stg;
+ if (semester !== null)
+ params.semester = semester;
+ if (studiensemester_kurzbz)
+ params.studiensemester_kurzbz = studiensemester_kurzbz;
+
+ this.$router.push({ name: 'byEmp', params })
+ },
+
+ onSelectVerband({link})
+ {
+ let stg = null;
+ let semester = null;
+ let studiensemester_kurzbz = this.selectedStudiensemester;
+
+ if (typeof link === 'number')
+ stg = link;
+ else if (typeof link === 'string')
+ {
+ [stg, semester] = link.split('/');
+ }
+
+ const routeName = this.filter.emp ? 'byEmp' : 'byStg';
+ const params = { stg };
+
+ if (semester !== null)
+ params.semester = semester;
+ if (studiensemester_kurzbz)
+ params.studiensemester_kurzbz = studiensemester_kurzbz;
+ if (this.filter.emp)
+ params.emp = this.filter.emp;
+ this.$router.push({ name: routeName, params });
+ this.selected = [];
+ },
+ resetEmployeeFilter()
+ {
+ const newParams = { ...this.filter, activeFilter: 'verband' };
+ if (newParams.stg === '')
+ this.$router.replace({ name: 'index' });
+ else
+ {
+ delete newParams.emp;
+
+ this.$router.replace({ name: 'byStg', params: newParams });
+ }
+ },
+ searchfunction(params) {
+ return this.$api.call(ApiSearchbar.search(params));
+ },
+ studiensemesterChanged(newValue) {
+ const routeName = this.filter.activeFilter === 'employee' ? 'byEmp' : 'byStg';
+ const newParams = {...this.filter, studiensemester_kurzbz: newValue};
+ this.$router.push({ name: routeName, params: newParams });
+ this.selected = [];
+ },
+ },
+ created() {
+ this.$p.loadCategory(['lehre', 'person', 'global'])
+
+ this.$api.call(ApiDetails.getStudiensemester())
+ .then(result => {
+ this.dropdowns.studiensemester_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiDetails.getSprache())
+ .then(result => {
+ this.dropdowns.sprachen_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiDetails.getLehrform())
+ .then(result => {
+ this.dropdowns.lehrform_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiDetails.getRaumtyp())
+ .then(result => {
+ this.dropdowns.raumtyp_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiLektor.getLehrfunktionen())
+ .then(result => {
+ this.dropdowns.lehrfunktion_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiLektor.getLektoren())
+ .then(result => {
+ this.dropdowns.lektor_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiGruppe.getAll())
+ .then(result => {
+ this.dropdowns.gruppen_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ this.$api.call(ApiGruppe.getBenutzer())
+ .then(result => {
+ this.dropdowns.benutzer_array = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+
+ template: `
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Lektor/Table.js b/public/js/components/LVVerwaltung/Lektor/Table.js
new file mode 100644
index 000000000..4e568f9db
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Lektor/Table.js
@@ -0,0 +1,223 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import FormForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import ApiLektor from "../../../api/lehrveranstaltung/lektor.js";
+
+
+export default{
+ name: "LVLektorTable",
+ components: {
+ CoreFilterCmpt,
+ FormForm,
+ FormInput
+ },
+ props: {
+ lehreinheit_id: Number,
+ selected: String
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ },
+ showLVPlanLektorDel: {
+ from: 'permissionLektorEntfernen',
+ default: false
+ },
+ },
+ emits: ['update:selected'],
+
+ data() {
+ return {
+ tabulatorEvents: [
+ {
+ event: 'rowSelectionChanged',
+ handler: this.lektorSelected
+ }
+ ],
+ showAutocomplete: false,
+ filteredLektor: [],
+ selectedLektor: ''
+ }
+ },
+ computed: {
+ tabulatorOptions() {
+ return {
+
+ ajaxURL: 'dummy',
+ ajaxRequestFunc: () => this.$api.call(ApiLektor.getByLehreinheit(this.lehreinheit_id)),
+ ajaxResponse: (url, params, response) => { return response.data || [] },
+ columns:[
+ {title: this.$p.t('person', 'nachname'), field:"nachname"},
+ {title: this.$p.t('person', 'vorname'), field:"vorname"},
+ {title: this.$p.t('person', 'uid'), field:"mitarbeiter_uid"},
+ {title: this.$p.t('lehre', 'lehreinheit_id'), field:"lehreinheit_id"},
+ {
+ title: this.$p.t('lehre', 'verplant'),
+ field:"verplant",
+ formatter:"tickCross",
+ hozAlign:"center",
+ formatterParams: {
+ tickElement: '',
+ crossElement: ''
+ }
+ },
+ {
+ title: this.$p.t('global', 'actions'), field: 'actions',
+ minWidth: 150,
+ formatter: (cell, formatterParams, onRendered) => {
+ let container = document.createElement('div');
+ let button = document.createElement('button');
+
+ container.className = "d-flex gap-2";
+
+ button.className = 'btn btn-outline-secondary btn-action';
+ button.innerHTML = '';
+ button.title = this.$p.t('ui', 'loeschen');
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ this.deletePerson(cell.getData().mitarbeiter_uid, cell.getData().lehreinheit_id);
+ });
+
+ container.append(button);
+ if (this.showLVPlanLektorDel)
+ {
+ button = document.createElement('button');
+ button.className = 'btn btn-outline-secondary btn-action';
+ button.innerHTML = '';
+ button.disabled = !cell.getData().verplant;
+ button.title = this.$p.t('lehre', 'auslvplanentfernen');
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ this.deleteLVPlan(cell.getData().mitarbeiter_uid, cell.getData().lehreinheit_id)
+ });
+ container.append(button);
+ }
+
+ return container;
+ },
+ frozen: true
+ },
+ ],
+ layout: 'fitDataFill',
+ height: 'auto',
+ selectable: true,
+ selectableRangeMode: 'click',
+ selectableRows:1,
+ persistenceID: 'lehrveranstaltungen_lektor_table_2025_05_27_v1',
+ }},
+ },
+ mounted(){
+ },
+ watch: {
+ lehreinheit_id() {
+ this.$refs.table.tabulator.setData('api/frontend/v1/lv/lektor/getLektorenByLE/' + encodeURIComponent(this.lehreinheit_id));
+ },
+ },
+ methods:{
+ lektorSelected(data)
+ {
+ if (data.length > 0)
+ {
+ let mitarbeiter_uid = data[0].mitarbeiter_uid;
+ this.$emit('update:selected', mitarbeiter_uid);
+ }
+ else
+ {
+ this.$emit('update:selected', null);
+ }
+ },
+ reload() {
+ this.$refs.table.reloadTable();
+ },
+
+ deleteLVPlan(uid, lehreinheit_id)
+ {
+ let deleteData = {
+ 'mitarbeiter_uid': uid,
+ 'lehreinheit_id': lehreinheit_id,
+ }
+
+ this.$api.call(ApiLektor.deleteFromLVPlan(deleteData))
+ .then(response => {
+ this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ .finally(()=> {
+ this.reload();
+ })
+ },
+ deletePerson(uid, lehreinheit_id)
+ {
+ let deleteData = {
+ 'mitarbeiter_uid': uid,
+ 'lehreinheit_id': lehreinheit_id,
+ }
+
+ this.$api.call(ApiLektor.deletePerson(deleteData))
+ .then(response => {
+ this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+ this.reload();
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ .finally(()=> {
+
+ })
+ },
+ searchLektor(event)
+ {
+ const query = event.query.toLowerCase().trim();
+ this.filteredLektor = this.dropdowns.lektor_array.filter(lektor => {
+ const fullName = `${lektor.vorname.toLowerCase()} ${lektor.nachname.toLowerCase()}`;
+ const reverseFullName = `${lektor.nachname.toLowerCase()} ${lektor.vorname.toLowerCase()}`;
+ return fullName.includes(query) || reverseFullName.includes(query) || lektor.uid.toLowerCase().includes(query);
+ }).map(lektor => ({
+ label: `${lektor.nachname} ${lektor.vorname} (${lektor.uid})`,
+ uid: lektor.uid
+ }));
+ },
+ addLektor()
+ {
+ let newData = {
+ 'mitarbeiter_uid': this.selectedLektor.uid,
+ 'lehreinheit_id': this.lehreinheit_id
+ }
+
+ this.$api.call(ApiLektor.add(newData))
+ .then(result => {
+ this.reload()
+ this.selectedLektor = ''
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+
+ },
+ template: `
+
+
+
+`
+};
+
+
diff --git a/public/js/components/LVVerwaltung/Lektor/Vertrag.js b/public/js/components/LVVerwaltung/Lektor/Vertrag.js
new file mode 100644
index 000000000..095e92f7c
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Lektor/Vertrag.js
@@ -0,0 +1,167 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import CoreForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import ApiVertrag from "../../../api/lehrveranstaltung/vertrag.js";
+
+export default{
+ name: "LVLektorVertrag",
+ components: {
+ CoreFilterCmpt,
+ CoreForm,
+ FormInput
+ },
+ emits: [
+ 'canceledVertrag'
+ ],
+ props: {
+ lehreinheit_id: Number,
+ mitarbeiter_uid: String
+ },
+
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ },
+ showVertragsdetails: {
+ from: 'configShowVertragsdetails',
+ default: false
+ }
+ },
+
+ data() {
+ return{
+ data: null,
+ internal_mitarbeiter_uid: null,
+ }
+ },
+ watch: {
+ lehreinheit_id:
+ {
+ deep: true,
+ handler(newVal, oldVal) {
+ this.data = null;
+ this.internal_mitarbeiter_uid = null;
+ }
+
+ },
+ mitarbeiter_uid:
+ {
+ deep: true,
+ handler(newVal, oldVal) {
+ this.internal_mitarbeiter_uid = newVal;
+
+ if (newVal === null)
+ this.data = null;
+ else if (newVal !== undefined && this.lehreinheit_id !== undefined)
+ this.getLektorVertrag();
+ }
+ },
+ },
+ computed: {
+ vertragsstatus() {
+ if (!this.data || !this.data.vertrag) return;
+
+ const betragVertrag = Number(this.data.vertrag.betrag) || 0;
+ const stundenVertrag = Number(this.data.vertrag.vertragsstunden) || 0;
+
+ const semStunden = Number(this.data.semesterstunden) || 0;
+ const stundensatz = Number(this.data.stundensatz) || 0;
+
+ const kostenAktuell = semStunden * stundensatz;
+
+ return (stundenVertrag !== semStunden || betragVertrag !== kostenAktuell) ? 'Geändert' : (this.data.vertrag.vertragsstatus || '');
+ },
+ },
+ methods: {
+ getLektorVertrag ()
+ {
+ if (this.showVertragsdetails === false)
+ return;
+
+ if (!this.lehreinheit_id || !this.internal_mitarbeiter_uid)
+ return;
+
+ this.$api.call(ApiVertrag.getByLeEmp(this.lehreinheit_id, this.internal_mitarbeiter_uid))
+ .then(result => {
+ this.data = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+
+ async cancelVertrag()
+ {
+
+ if (await this.$fhcAlert.confirm({
+ message: this.$p.t('lehre', 'vertragConfirm'),
+ acceptLabel: this.$p.t('ui', 'ja').charAt(0).toUpperCase() + this.$p.t('ui', 'ja').slice(1),
+ acceptClass: 'btn btn-danger'}) === false)
+ return;
+ let needUpdate = {
+ vertrag_id: this.data.vertrag.vertrag_id,
+ mitarbeiter_uid: this.mitarbeiter_uid,
+ lehreinheit_id: this.lehreinheit_id
+ }
+ this.$api.call(ApiVertrag.cancelByLeEmp(needUpdate))
+ .then(result => {
+ this.data.vertrag = null;
+ this.$emit('canceledVertrag');
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ },
+ template: `
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Setup/Table.js b/public/js/components/LVVerwaltung/Setup/Table.js
new file mode 100644
index 000000000..309960f54
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Setup/Table.js
@@ -0,0 +1,696 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import BsModal from "../../Bootstrap/Modal.js";
+import DetailsForm from "../Details/Form.js";
+import CoreTag from '../../Tag/Tag.js';
+import { tagHeaderFilter } from '../../../../js/tabulator/filters/extendedHeaderFilter.js';
+import { extendedHeaderFilter } from "../../../../js/tabulator/filters/extendedHeaderFilter.js";
+
+import ApiLv from "../../../api/lehrveranstaltung.js";
+import ApiTag from "../../../api/lehrveranstaltung/tag.js";
+import ApiLehreinheit from "../../../api/lehrveranstaltung/lehreinheit.js";
+
+export default {
+ name: "LVVerwaltungTable",
+ components: {
+ CoreFilterCmpt,
+ BsModal,
+ DetailsForm,
+ CoreTag
+
+ },
+ props: {
+ selected: Object,
+ filter: {
+ type: Object,
+ default: () => ({})
+ }
+ },
+ inject: {
+ currentSemester: {
+ from: 'currentSemester'
+ },
+ lehreinheitAnmerkungDefault: {
+ from: 'lehreinheitAnmerkungDefault',
+ default: ''
+ },
+ lehreinheitRaumtypDefault: {
+ from: 'lehreinheitRaumtypDefault',
+ default: ''
+ },
+ lehreinheitRaumtypAlternativeDefault: {
+ from: 'lehreinheitRaumtypAlternativeDefault',
+ default: ''
+ }
+ },
+ emits: [
+ 'update:selected',
+ 'row-clicked'
+ ],
+ watch: {
+ filter: {
+ handler() {
+ if (this.$refs.table && this.$refs.table.tabulator)
+ {
+ this.expanded = [];
+ this.reload();
+ }
+ },
+ deep: true,
+ },
+ currentSemester: {
+ handler(newVal)
+ {
+ this.lv_info_default.studiensemester_kurzbz = newVal
+ this.lv_info = false;
+ }
+ }
+ },
+ data() {
+ return {
+ expanded: [],
+ selectedColumnValues: [],
+ tagEndpoint: ApiTag,
+ tabulatorEvents: [
+ {
+ event: 'rowSelectionChanged',
+ handler: this.rowSelectionChanged
+ },
+
+ {
+ event: 'dataProcessed',
+ handler: (data) => {
+ this.reexpandRows()
+ this.$emit('update:selected', {})
+ }
+ },
+ {
+ event: 'dataTreeRowExpanded',
+ handler: (data) => {
+ this.getExpandedRows()
+ }
+ },
+ {
+ event: 'dataTreeRowCollapsed',
+ handler: (data) => {
+ this.getExpandedRows()
+ }
+ }
+
+ ],
+ formData: {},
+ lv_info: false,
+ lv_info_default: {
+ stundenblockung: 2,
+ wochenrythmus: 1,
+ studiensemester_kurzbz: this.currentSemester,
+ lehrform_kurzbz: 'UE',
+ anmerkung: this.lehreinheitAnmerkungDefault.replace("'","\'"),
+ raumtyp: this.lehreinheitRaumtypDefault,
+ raumtypalternativ: this.lehreinheitRaumtypAlternativeDefault,
+ lehrfach_id: ''
+
+ }
+ }
+ },
+ computed: {
+ tabulatorOptions() {
+ return {
+ index: 'uniqueindex',
+ ajaxURL: 'dummy',
+ ajaxRequestFunc: async (url, config, params) => {
+ let realUrl = this.buildApiUrl();
+ if (realUrl)
+ return this.$api.call(ApiLv.getTable(this.buildApiUrl()));
+ },
+ ajaxResponse: (url, params, response) => { return response?.data || [] },
+ dataTree: true,
+ initialSort:[
+ {column: 'lv_bezeichnung', dir: 'desc'},
+ ],
+ dataTreeChildIndent: 20,
+ dataTreeElementColumn: "lv_kurzbz",
+ dataTreeStartExpanded: false,
+ dataTreeCollapseElement: '',
+ dataTreeExpandElement: '',
+ columnDefaults: {
+ tooltip: true,
+ headerFilter: "input",
+ headerFilterFunc: extendedHeaderFilter,
+ },
+ layout: 'fitDataStretch',
+ persistenceID: 'lehrveranstaltungen_2025_07_31_v1',
+ selectableRowsRangeMode: 'click',
+ selectableRows: true,
+ rowContextMenu: (component, e) => {
+
+ if (e.getData()?.lehreinheit_id === undefined)
+ return;
+ return [
+ {
+ label: "LV-Teil kopieren",
+ menu: [
+ {
+ label: "Alles",
+ action: (e, row) =>
+ {
+ this.copyLehreinheit(row, "alle");
+ },
+ },
+ {
+ label: "Nur LV-Teil",
+ action: (e, row) =>
+ {
+ this.copyLehreinheit(row, "lvteil");
+ },
+ },
+ {
+ label: "Nur mit Gruppen",
+ action: (e, row) =>
+ {
+ this.copyLehreinheit(row, "gruppen");
+ },
+ },
+ {
+ label: "Nur mit Lehrenden",
+ action: (e, row) =>
+ {
+ this.copyLehreinheit(row, "lektoren");
+ },
+ },
+ ],
+ },
+ {
+ label: "Entfernen",
+ action: (e, row) => {
+ this.deleteLehreinheit(row)
+ },
+ },
+ ];
+ },
+
+ columns: [
+ {
+ title: this.$p.t('lehre', 'kurzbz'),
+ field: "lv_kurzbz",
+ headerFilterFuncParams: {field: 'lv_kurzbz'},
+ headerFilter: true,
+ formatter: (cell, formatterParams) => {
+ const rowData = cell.getRow().getData();
+ const iconKey = (rowData.lehrtyp_kurzbz || '').toLowerCase();
+ const lvkurzbz = (cell.getValue()).toUpperCase();
+
+ const parentspan = document.createElement('span');
+ const span = document.createElement('span');
+
+
+ span.classList.add('lv_table_icon', `icon-${iconKey}`);
+ span.title = iconKey || 'LV-Teil';
+
+ parentspan.appendChild(span);
+ parentspan.appendChild(document.createTextNode(` ${lvkurzbz}`));
+
+ return parentspan
+ },
+
+ cellClick: (e, cell) => {
+ cell.getRow().treeToggle();
+ }
+ },
+ {
+ title: 'Tags',
+ field: 'tags',
+ tooltip: false,
+ headerFilter: "input",
+ headerFilterFunc: tagHeaderFilter,
+ headerFilterFuncParams: {field: 'tags'},
+ formatter: (cell) => {
+ let tags = cell.getValue();
+ if (!tags) return;
+
+ let container = document.createElement('div');
+ container.className = "d-flex gap-1";
+
+ let parsedTags = JSON.parse(tags);
+ let maxVisibleTags = 2;
+
+ const rowData = cell.getRow().getData();
+ if (rowData._tagExpanded === undefined) {
+ rowData._tagExpanded = false;
+ }
+
+ const renderTags = () => {
+ container.innerHTML = '';
+ parsedTags = parsedTags.filter(item => item !== null);
+
+ parsedTags.sort((a, b) => {
+ let adone = a.done ? 1 : 0;
+ let bbone = b.done ? 1 : 0;
+
+ if (adone !== bbone)
+ {
+ return adone - bbone;
+ }
+ return b.id - a.id;
+ });
+ const tagsToShow = rowData._tagExpanded ? parsedTags : parsedTags.slice(0, maxVisibleTags);
+
+ tagsToShow.forEach(tag => {
+ if (!tag) return;
+ let tagElement = document.createElement('span');
+ tagElement.innerText = tag.beschreibung;
+ tagElement.title = tag.notiz;
+ tagElement.className = "tag " + tag.style;
+ if (tag.done) tagElement.className += " tag_done";
+
+ tagElement.addEventListener('click', (event) => {
+ event.stopPropagation();
+ event.preventDefault();
+ this.$refs.tagComponent.editTag(tag.id);
+ });
+
+ container.appendChild(tagElement);
+ });
+
+ if (parsedTags.length > maxVisibleTags) {
+ let toggle = document.createElement('button');
+ toggle.innerText = (rowData._tagExpanded ? '- ' : '+ ') + (parsedTags.length - maxVisibleTags);
+ toggle.className = "display_all";
+ toggle.title = rowData._tagExpanded ? "Tags ausblenden" : "Tags einblenden";
+
+ toggle.addEventListener('click', () => {
+ rowData._tagExpanded = !rowData._tagExpanded;
+ renderTags();
+ });
+
+ container.appendChild(toggle);
+ }
+ };
+
+ renderTags();
+ return container;
+ },
+ width: 150,
+ },
+ {
+ title: this.$p.t('lehre', 'lehrveranstaltung_id'),
+ field: "lehrveranstaltung_id",
+ headerFilterFuncParams: {field: 'lehrveranstaltung_id'},
+ headerFilter: true,
+ visible: false
+ },
+ {title: this.$p.t('ui', 'bezeichnung'), field: "lv_bezeichnung", headerFilter: true, headerFilterFuncParams: {field: 'lv_bezeichnung'}},
+ {title: this.$p.t('lehre', 'bezeichnungeng'), field: "lv_bezeichnung_english", headerFilter: true, headerFilterFuncParams: {field: 'lv_bezeichnung_english'}, visible: false},
+ {
+ title: this.$p.t('lehre', 'studiengangskennzahlLehre'),
+ field: "lv_studiengang_kz",
+ headerFilter: true,
+ headerFilterFuncParams: {field: 'lv_studiengang_kz'},
+ visible: false
+ },
+ {title: this.$p.t('lehre', 'studiengang'), field: "studiengang", headerFilter: true, headerFilterFuncParams: {field: 'studiengang'}, visible: false},
+ {title: this.$p.t('lehre', 'semester'), field: "semester", headerFilter: true, headerFilterFuncParams: {field: 'semester'}},
+ {title: this.$p.t('global', 'sprache'), field: "sprache", headerFilter: true, headerFilterFuncParams: {field: 'sprache'}, visible: false},
+ {title: this.$p.t('lehre', 'ects'), field: "lv_ects", headerFilter: true, headerFilterFuncParams: {field: 'lv_ects'}, visible: false},
+ {title: this.$p.t('lehre', 'semesterstunden'), field: "semesterstunden", headerFilter: true, headerFilterFuncParams: {field: 'semesterstunden'}, visible: false},
+ {title: this.$p.t('global', 'anmerkung'), field: "anmerkung", headerFilter: true, headerFilterFuncParams: {field: 'anmerkung'}, visible: false},
+ {title: this.$p.t('lehre', 'lehre'), field: "lehre", headerFilter: true, headerFilterFuncParams: {field: 'lehre'}, formatter: (cell) => cell.getValue() ? this.toUpperCase(this.$p.t('ui', 'ja')) : this.toUpperCase(this.$p.t('ui', 'nein')), visible: false},
+ {title: this.$p.t('person', 'aktiv'), field: "aktiv", headerFilter: true, headerFilterFuncParams: {field: 'aktiv'}, formatter: (cell) => cell.getValue() ? this.toUpperCase(this.$p.t('ui', 'ja')) : this.toUpperCase(this.$p.t('ui', 'nein')), visible: false},
+ {title: this.$p.t('lehre', 'organisationsform'), field: "orgform_kurzbz", headerFilter: true, headerFilterFuncParams: {field: 'orgform_kurzbz'}},
+ {title: this.$p.t('ui', 'studienplan_id'), field: "studienplan_id", headerFilter: true, headerFilterFuncParams: {field: 'studienplan_id'}, visible: false},
+ {title: this.$p.t('lehre', 'studienplan'), field: "studienplan_bezeichnung", headerFilter: true, headerFilterFuncParams: {field: 'studienplan_bezeichnung'}, visible: false},
+ {title: this.$p.t('lehre', 'lehrtyp'), field: "lehrtyp_kurzbz", headerFilter: true, headerFilterFuncParams: {field: 'lehrtyp_kurzbz'}, visible: false},
+ {title: this.$p.t('lehre', 'lehrform'), field: "lehrform_kurzbz", headerFilter: true, headerFilterFuncParams: {field: 'lehrform_kurzbz'}},
+ {title: this.$p.t('lehre', 'leplanstunden'), field: "le_planstunden", headerFilter: true, headerFilterFuncParams: {field: 'le_planstunden'}, visible: false},
+ {title: this.$p.t('lehre', 'lehreinheit_id'), field: "lehreinheit_id", headerFilter: true, headerFilterFuncParams: {field: 'lehreinheit_id'}, visible: false},
+ {title: this.$p.t('lehre', 'studiensemester'), field: "studiensemester_kurzbz", headerFilter: true, headerFilterFuncParams: {field: 'studiensemester_kurzbz'}, visible: false},
+ {title: this.$p.t('lehre', 'unr'), field: "unr", headerFilter: true, headerFilterFuncParams: {field: 'unr'}, visible: false},
+ {title: this.$p.t('lehre', 'fachbereich'), field: "fachbereich", headerFilter: true, headerFilterFuncParams: {field: 'fachbereich'}, visible: false},
+ {title: this.$p.t('lehre', 'stundenblockung'), field: "stundenblockung", headerFilter: true, headerFilterFuncParams: {field: 'stundenblockung'}, visible: false},
+ {title: this.$p.t('lehre', 'wochenrhythmus'), field: "wochenrythmus", headerFilter: true, headerFilterFuncParams: {field: 'wochenrythmus'}, visible: false},
+ {title: this.$p.t('lehre', 'startkw'), field: "start_kw", headerFilter: true, headerFilterFuncParams: {field: 'startkw'}, visible: false},
+ {title: this.$p.t('lehre', 'raumtyp'), field: "raumtyp", headerFilter: true, headerFilterFuncParams: {field: 'raumtyp'}, visible: false},
+ {title: this.$p.t('lehre', 'raumtypalternativ'), field: "raumtypalternativ", headerFilter: true, headerFilterFuncParams: {field: 'raumtypalternativ'}, visible: false},
+ {title: this.$p.t('lehre', 'gruppen'), field: "gruppen", headerFilter: true, headerFilterFuncParams: {field: 'gruppen'}},
+ {title: this.$p.t('lehre', 'lehrende'), field: "lektoren", headerFilter: true, headerFilterFuncParams: {field: ['lektoren', 'vorname', 'nachname']}},
+ ],
+ }
+
+ }
+ },
+
+ mounted() {
+ if (this.shouldAutoLoad())
+ {
+ this.reload();
+ }
+ },
+ methods: {
+ shouldAutoLoad() {
+ return this.filter && this.filter.activeFilter;
+ },
+ toUpperCase(str) {
+ if (!str)
+ return '';
+ return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()
+ },
+ async reload()
+ {
+
+ if (this.shouldAutoLoad)
+ {
+ this.$refs.table.reloadTable();
+ }
+ },
+ rowSelectionChanged(data) {
+ this.selectedRows = this.$refs.table.tabulator.getSelectedRows();
+ this.selectedColumnValues = this.selectedRows.filter(row => row.getData().lehreinheit_id !== undefined && row.getData().lehreinheit_id).map(row => row.getData().lehreinheit_id);
+
+ if (data[0]?.lehreinheit_id !== undefined && this.selectedColumnValues.length === 1)
+ {
+ this.$emit('update:selected', [data[0]]);
+ this.lv_info = false
+ }
+ else if (data[0]?.lehrveranstaltung_id)
+ {
+ this.$emit('update:selected', {});
+ this.getLVInfos(data[0]);
+ }
+ },
+ getLVInfos(data)
+ {
+ this.$api.call(ApiLv.getByLV(data.lehrveranstaltung_id))
+ .then(result => {
+
+ if (result.data?.lehrfach_id === undefined
+ && Array.isArray(result.data?.lehrfaecher))
+ {
+ const match = result.data.lehrfaecher?.find(
+ lf => lf.lehrfach?.startsWith(result.data.lvbezeichnung)
+ );
+ if (match)
+ {
+ result.data.lehrfach_id = match.lehrveranstaltung_id;
+ }
+ }
+ this.lv_info = {...this.lv_info_default, ...result.data};
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ buildApiUrl()
+ {
+ if (this.filter.activeFilter === 'employee' && this.filter.emp)
+ {
+ const { emp, stg, studiensemester_kurzbz } = this.filter;
+ return this.$api.getUri(ApiLv.getByEmp(studiensemester_kurzbz, emp, stg));
+ }
+
+ if (this.filter.activeFilter === 'verband' && this.filter.stg)
+ {
+ const { stg, semester, studiensemester_kurzbz } = this.filter;
+ return this.$api.getUri(ApiLv.getByStg(studiensemester_kurzbz, stg, semester));
+ }
+ },
+ resetEmployeeFilter()
+ {
+ const newFilter = { ...this.filter };
+ delete newFilter.emp;
+ newFilter.activeFilter = 'verband';
+ },
+ showLehreinheitModal() {
+ this.resetModal();
+ this.$refs.lehreinheitModal.show();
+ },
+ addNewLehreinheit()
+ {
+ return this.$api.call(ApiLehreinheit.add(this.lv_info))
+ .then(result => {
+ this.$refs.lehreinheitModal.hide()
+ this.reload()
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ resetModal()
+ {
+ this.lv_info_default = {
+ stundenblockung: 2,
+ wochenrythmus: 1,
+ studiensemester_kurzbz: this.currentSemester,
+ lehrform_kurzbz: 'UE',
+ anmerkung: this.lehreinheitAnmerkungDefault.replace("'","\'"),
+ raumtyp: this.lehreinheitRaumtypDefault,
+ raumtypalternativ: this.lehreinheitRaumtypAlternativeDefault,
+ lehrfach_id: ''
+ }
+ },
+ addedTag(addedTag)
+ {
+ const table = this.$refs.table.tabulator;
+
+ this.selectedRows.forEach(row =>
+ {
+ if (Array.isArray(addedTag.response))
+ {
+ addedTag.response.forEach(tag => {
+ const targetRow = this.allRows.find(row => row.getData().lehreinheit_id === tag.lehreinheit_id);
+ if (targetRow)
+ {
+ const rowData = targetRow.getData();
+ let tags = [];
+ try {
+ tags = JSON.parse(rowData.tags || '[]');
+ } catch (e) {}
+
+ const tagExists = tags.some((t) => t.id === tag.id);
+ if (!tagExists)
+ {
+ addedTag.id = tag.id;
+ tags.unshift({ ...addedTag });
+ targetRow.update({ tags: JSON.stringify(tags) });
+ targetRow.reformat();
+ }
+ }
+ });
+ }
+ });
+ },
+ deletedTag(deletedTag) {
+ const targetRow = this.allRows.find(row => {
+ const rowData = row.getData();
+
+ let tags = [];
+ try {
+ tags = JSON.parse(rowData.tags || '[]');
+ } catch (e) {}
+
+ return tags.some(tag => tag.id === deletedTag);
+ });
+
+ if (targetRow) {
+ const rowData = targetRow.getData();
+ let tags = [];
+
+ try {
+ tags = JSON.parse(rowData.tags || '[]');
+ } catch (e) {}
+
+ const filteredTags = tags.filter(t => t.id !== deletedTag);
+ const updatedTags = JSON.stringify(filteredTags);
+
+ if (updatedTags !== rowData.tags) {
+ targetRow.update({
+ tags: updatedTags
+ });
+
+ targetRow.reformat();
+ }
+ }
+ },
+
+ updatedTag(updatedTag) {
+ const targetRow = this.allRows.find(row => {
+ const rowData = row.getData();
+ let tags = [];
+
+ try {
+ tags = JSON.parse(rowData.tags || '[]');
+ } catch (e) {}
+
+ return tags.some(t => t?.id === updatedTag.id);
+ });
+
+ if (targetRow)
+ {
+ const rowData = targetRow.getData();
+ let tags = [];
+ try {
+ tags = JSON.parse(rowData.tags || '[]');
+ } catch (e) {}
+
+ let changed = false;
+
+ const tagIndex = tags.findIndex(tag => tag?.id === updatedTag.id);
+ if (tagIndex !== -1) {
+ tags[tagIndex] = { ...updatedTag };
+ changed = true;
+ }
+
+ if (changed)
+ {
+ targetRow.update({
+ tags: JSON.stringify(tags),
+ });
+ targetRow.reformat();
+ }
+ }
+ },
+ async copyLehreinheit(row, art)
+ {
+ let data = {
+ lehreinheit_id: row.getData().lehreinheit_id,
+ art: art
+ }
+
+ return this.$api.call(ApiLehreinheit.copy(data))
+ .then(result => {
+ this.reload()
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ },
+
+ async getExpandedRows() {
+ this.expanded = [];
+
+ this.allRows.forEach(row => {
+ if (row.getTreeChildren().length > 0 && row.isTreeExpanded())
+ {
+ this.expanded.push(row.getData().uniqueindex);
+ }
+ });
+ },
+ reexpandRows() {
+ this.allRows = this.getAllRows(this.$refs.table.tabulator.getRows());
+
+ const matchingRows = this.allRows.filter(row =>
+ this.expanded.includes(row.getData().uniqueindex)
+ );
+
+ if (matchingRows.length === 0)
+ this.currentTreeLevel = 0;
+
+ matchingRows.forEach((row, index) => {
+ row._row.modules.dataTree.open = true;
+
+ if (index === matchingRows.length - 1)
+ {
+ row.treeExpand();
+ }
+ });
+ },
+ deleteLehreinheit(row)
+ {
+ let deleteData = {
+ lehreinheit_id: row.getData().lehreinheit_id,
+ }
+ return this.$api.call(ApiLehreinheit.delete(deleteData))
+ .then(result => {
+ this.reload()
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ getAllRows(rows)
+ {
+ let result = [];
+ rows.forEach(row =>
+ {
+ result.push(row);
+ let children = row.getTreeChildren();
+ if(children && children.length > 0)
+ {
+ result = result.concat(this.getAllRows(children));
+ }
+ });
+ return result;
+ },
+ resetTree() {
+ this.allRows.forEach(row => {
+ row._row.modules.dataTree.open = false;
+ });
+
+ let rootRows = this.$refs.table.tabulator.getRows(true);
+ var lastRow = rootRows[rootRows.length - 1];
+ lastRow?.treeCollapse(true)
+
+ this.currentTreeLevel = 0;
+ },
+ expandTree()
+ {
+ this.currentTreeLevel = (this.currentTreeLevel || 0) + 1;
+
+ let lastMatchingRow = null;
+
+ this.allRows.forEach(row => {
+ const level = row._row.modules.dataTree?.index ?? 0;
+
+ if (level === this.currentTreeLevel - 1 )
+ {
+ row._row.modules.dataTree.open = true;
+
+ if (row._row.data._children?.length > 0)
+ {
+ lastMatchingRow = row;
+ }
+ }
+ });
+
+ if (lastMatchingRow)
+ {
+ lastMatchingRow.treeExpand();
+ }
+ this.$refs.table.tabulator.redraw();
+ },
+ },
+ template: `
+
+
+
+
+
+
+
+
+`
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Setup/Tabs.js b/public/js/components/LVVerwaltung/Setup/Tabs.js
new file mode 100644
index 000000000..62c5bbc31
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Setup/Tabs.js
@@ -0,0 +1,61 @@
+import FhcTabs from "../../Tabs.js";
+import Setup from "../../../api/lehrveranstaltung/setup.js";
+
+export default {
+ name: "LVVerwaltungTabs",
+ components: {
+ FhcTabs
+ },
+ data() {
+ return {
+ configLVTabs: {},
+ };
+ },
+ props: {
+ lv: Object
+ },
+ computed: {
+ config() {
+ if (!this.lv || !this.lv.length)
+ return {};
+
+ return this.configLVTabs;
+ }
+ },
+ methods: {
+ reload() {
+ if (this.$refs.tabs?.$refs?.current?.reload)
+ {
+ this.$refs.tabs.$refs.current.reload();
+ }
+ }
+ },
+ created() {
+ this.$api.call(Setup.getTabs())
+ .then(result => {
+ this.configLVTabs = result.data;
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ },
+ template: `
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Tabs/Gruppen.js b/public/js/components/LVVerwaltung/Tabs/Gruppen.js
new file mode 100644
index 000000000..2879c1959
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Tabs/Gruppen.js
@@ -0,0 +1,39 @@
+import GruppenTable from '../Details/Gruppen.js';
+import GruppenDirektTable from '../Details/Direktinskription.js';
+
+export default {
+ name: "LVTabGruppen",
+ components: {
+ GruppenTable,
+ GruppenDirektTable,
+ },
+ props: {
+ modelValue: Object,
+ config: {
+ type: Object,
+ default: {}
+ },
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ }
+ },
+
+ template: `
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Tabs/Lektor.js b/public/js/components/LVVerwaltung/Tabs/Lektor.js
new file mode 100644
index 000000000..99e1edb9e
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Tabs/Lektor.js
@@ -0,0 +1,70 @@
+import CoreForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import LektorTable from '../Lektor/Table.js'
+import LektorDaten from '../Lektor/Daten.js'
+import LektorVertrag from '../Lektor/Vertrag.js'
+export default {
+ name: "LVTabLektor",
+ components: {
+ CoreForm,
+ FormInput,
+ LektorTable,
+ LektorDaten,
+ LektorVertrag
+ },
+ props: {
+ modelValue: Object,
+ config: {
+ type: Object,
+ default: {}
+ },
+ },
+ data() {
+ return {
+ mitarbeiter_uid: null
+ }
+ },
+ methods: {
+ changedLektor(uid) {
+ const lektorTable = this.$refs.lektor_table;
+ const tabulator = lektorTable.$refs.table.tabulator;
+
+ const selectUID = () => {
+ let row = tabulator.getRows().find(r => r.getData().mitarbeiter_uid === uid);
+ if (row)
+ {
+ row.select();
+ }
+ tabulator.off('dataProcessed', selectUID);
+ };
+ tabulator.on('dataProcessed', selectUID);
+ lektorTable.reload();
+ },
+ changedCosts() {
+ this.$refs.lektor_vertrag?.getLektorVertrag();
+ },
+ canceledVertrag() {
+ this.$refs.lektor_daten?.getLektorData();
+ }
+ },
+ template: `
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Tabs/Notiz.js b/public/js/components/LVVerwaltung/Tabs/Notiz.js
new file mode 100644
index 000000000..7ec1a3dfe
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Tabs/Notiz.js
@@ -0,0 +1,33 @@
+import CoreNotiz from "../../Notiz/Notiz.js";
+import ApiNotizLehreinheit from '../../../api/factory/notiz/lehreinheit.js';
+export default {
+ name: "LVTabNotiz",
+ components: {
+ CoreNotiz
+ },
+ props: {
+ modelValue: Object
+ },
+ data() {
+ return {
+ endpoint: ApiNotizLehreinheit
+ };
+ },
+ template: `
+
@@ -455,4 +454,4 @@ export default{
>
+
+`
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Details/Gruppen.js b/public/js/components/LVVerwaltung/Details/Gruppen.js
new file mode 100644
index 000000000..a6f9df005
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Details/Gruppen.js
@@ -0,0 +1,195 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import FormForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import ApiGruppe from "../../../api/lehrveranstaltung/gruppe.js";
+export default{
+ name: "LVGruppen",
+ components: {
+ CoreFilterCmpt,
+ FormForm,
+ FormInput
+ },
+ props: {
+ lehreinheit_id: Number
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ },
+ showLVPlanGruppenDel: {
+ from: 'permissionGruppenEntfernen',
+ default: false
+ },
+ },
+ computed: {
+ tabulatorOptions() {
+ return {
+ ajaxURL: 'dummy',
+ ajaxRequestFunc: () => this.$api.call(ApiGruppe.getByLehreinheit(this.lehreinheit_id)),
+ ajaxResponse: (url, params, response) => response.data,
+ columns:[
+ {title: this.$p.t('global', 'bezeichnung'), field:"bezeichnung"},
+ {title: this.$p.t('global', 'beschreibung'), field:"beschreibung"},
+ {title: this.$p.t('lehre', 'studiengang'), field:"studiengang"},
+ {title: "ID", field:"id", visible:false},
+ {
+ title: this.$p.t('lehre', 'verplant'),
+ field:"verplant",
+ formatter:"tickCross",
+ hozAlign:"center",
+ formatterParams: {
+ tickElement: '',
+ crossElement: ''
+ }
+ },
+ {
+ title: this.$p.t('global', 'actions'), field: 'actions',
+ minWidth: 150,
+ formatter: (cell, formatterParams, onRendered) => {
+ let container = document.createElement('div');
+ let button = document.createElement('button');
+ container.className = "d-flex gap-1";
+
+ button.className = 'btn btn-outline-secondary';
+ button.innerHTML = '';
+ button.title = this.$p.t('ui', 'loeschen');
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ this.deleteGroup(cell.getData().lehreinheitgruppe_id)
+ });
+ container.append(button);
+
+ if (this.showLVPlanGruppenDel)
+ {
+ button = document.createElement('button');
+ container.className = "d-flex gap-2";
+ button.className = 'btn btn-outline-secondary';
+ button.innerHTML = '';
+ button.title = this.$p.t('lehre', 'auslvplanentfernen');
+ button.disabled = !cell.getData().verplant;
+ button.addEventListener('click', (event) => {
+ event.stopPropagation();
+ this.deleteLVPlan(cell.getData().lehreinheitgruppe_id)
+ });
+ container.append(button);
+ }
+ return container;
+ },
+ frozen: true
+ },
+ ],
+ layout: 'fitDataFill',
+ selectable: true,
+ persistenceID: 'lvverwaltung_gruppen_2025_05_27_v1',
+ height: 'auto',
+ }
+ }
+ },
+ data() {
+ return{
+ tabulatorEvents: [],
+ showAutocomplete: false,
+ filteredGroups: [],
+ selectedGroup: null
+ }
+ },
+ watch: {
+ lehreinheit_id() {
+ this.$refs.table.reloadTable();
+ }
+ },
+ methods:{
+ searchGroup(event)
+ {
+ const query = event.query.toLowerCase().trim();
+ this.filteredGroups = this.dropdowns.gruppen_array.filter(gruppe => {
+ return gruppe.gruppe_kurzbz.toLowerCase().includes(query) || gruppe?.bezeichnung?.toLowerCase().includes(query);
+ }).map(gruppe => ({
+ label: gruppe.bezeichnung
+ ? `${gruppe.gruppe_kurzbz.trim()} (${gruppe.bezeichnung})`
+ : gruppe.gruppe_kurzbz.trim(),
+ gid: gruppe.gid,
+ gruppe_kurzbz: gruppe.gruppe_kurzbz.trim(),
+ lehrverband: gruppe.lehrverband,
+ }));
+ },
+ reload() {
+ this.$refs.table.reloadTable();
+ },
+ addGroup()
+ {
+ let newData = {
+ 'gid': this.selectedGroup.gid,
+ 'lehreinheit_id': this.lehreinheit_id,
+ 'lehrverband': this.selectedGroup.lehrverband,
+ 'gruppe_kurzbz' : this.selectedGroup.gruppe_kurzbz
+ }
+
+ return this.$api.call(ApiGruppe.add(newData))
+ .then(result => {
+ this.reload()
+ this.selectedGroup = ''
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ deleteLVPlan(lehreinheitgruppe_id)
+ {
+ let deleteData = {
+ 'lehreinheitgruppe_id': lehreinheitgruppe_id,
+ 'lehreinheit_id': this.lehreinheit_id
+ }
+
+ this.$api.call(ApiGruppe.deleteFromLVPlan(deleteData))
+ .then(response => {
+ this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ .finally(()=> {
+ this.reload();
+ })
+ },
+ deleteGroup(lehreinheitgruppe_id)
+ {
+ let deleteData = {
+ 'lehreinheitgruppe_id': lehreinheitgruppe_id,
+ 'lehreinheit_id': this.lehreinheit_id
+ }
+
+ this.$api.call(ApiGruppe.delete(deleteData))
+ .then(response => {
+ this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
+ })
+ .catch(this.$fhcAlert.handleSystemError)
+ .finally(()=> {
+ this.reload();
+ })
+ },
+ },
+ template: `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ LV Verwaltung
+
+
`
+};
diff --git a/public/js/components/LVVerwaltung/Lektor/Daten.js b/public/js/components/LVVerwaltung/Lektor/Daten.js
new file mode 100644
index 000000000..a9c7e53be
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Lektor/Daten.js
@@ -0,0 +1,278 @@
+import {CoreFilterCmpt} from "../../filter/Filter.js";
+import CoreForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import ApiLektor from "../../../api/lehrveranstaltung/lektor.js";
+
+export default{
+ name: "LVLektorDaten",
+ components: {
+ CoreFilterCmpt,
+ CoreForm,
+ FormInput
+ },
+ props: {
+ lehreinheit_id: Number,
+ mitarbeiter_uid: String
+ },
+ emits: [
+ 'changedLektor',
+ 'changedCosts',
+ ],
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ }
+ },
+
+ data() {
+ return{
+ original: null,
+ data: null,
+ changed: {},
+ internal_mitarbeiter_uid: null,
+ filteredLektor: [],
+ }
+ },
+ computed: {
+ changedLength() {
+ return Object.keys(this.changed).length;
+ },
+ berechneteGesamtkosten() {
+ if (!this.data) return 0;
+
+ const stunden = Number(this.data.semesterstunden) || 0;
+ const stundensatz = Number(this.data.stundensatz) || 0;
+
+ return (stunden * stundensatz).toFixed(2);
+ }
+ },
+ watch: {
+ lehreinheit_id:
+ {
+ deep: true,
+ handler(newVal, oldVal) {
+ this.data = null;
+ this.original = null;
+ this.internal_mitarbeiter_uid = null;
+ }
+ },
+ mitarbeiter_uid:
+ {
+ deep: true,
+ handler(newVal, oldVal) {
+ this.internal_mitarbeiter_uid = newVal;
+
+ if (newVal === null)
+ this.data = null;
+ else if (newVal !== undefined && this.lehreinheit_id !== undefined)
+ this.getLektorData();
+ }
+
+ },
+ data: {
+ handler(newValue) {
+ if (newValue === null)
+ {
+ this.changed = {}
+ return
+ }
+ let changed = {};
+
+ let keys = Object.keys(this.original);
+
+ for (let key of keys)
+ {
+ if (this.original[key] !== newValue[key])
+ changed[key] = newValue[key];
+ }
+ this.changed = changed;
+ },
+ deep: true
+ },
+ },
+ methods: {
+ getLektorData()
+ {
+ if (!this.lehreinheit_id || !this.internal_mitarbeiter_uid)
+ return;
+
+ return this.$api.call(ApiLektor.getLektorDaten(this.lehreinheit_id, this.internal_mitarbeiter_uid))
+ .then(result => {
+ this.data = result.data;
+ this.original = { ...this.data };
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ updateDaten()
+ {
+ if (!this.changedLength)
+ return;
+
+ if (this.changed.mitarbeiter_uid && this.changed.mitarbeiter_uid.uid)
+ {
+ this.changed.mitarbeiter_uid = this.changed.mitarbeiter_uid.uid;
+ }
+ this.$refs.form.clearValidation();
+
+ let updatedData = {
+ lehreinheit_id: this.lehreinheit_id,
+ mitarbeiter_uid: this.mitarbeiter_uid,
+ formData: this.changed
+ }
+ this.$refs.form.call(ApiLektor.update(updatedData))
+ .then(result => {
+ let warning = result.data?.retval?.warning;
+ if (warning)
+ this.$fhcAlert.alertWarning(warning)
+ this.original = {...this.data};
+
+ if (this.changed.mitarbeiter_uid)
+ {
+ this.$emit('changedLektor', this.changed.mitarbeiter_uid);
+ }
+ if (this.changed.semesterstunden || this.changed.stundensatz)
+ {
+ this.$emit('changedCosts');
+ }
+ this.changed = {};
+
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ searchLektor(event)
+ {
+ const query = event.query.toLowerCase().trim();
+ this.filteredLektor = this.dropdowns.lektor_array.filter(lektor => {
+ const fullName = `${lektor.vorname.toLowerCase()} ${lektor.nachname.toLowerCase()}`;
+ const reverseFullName = `${lektor.nachname.toLowerCase()} ${lektor.vorname.toLowerCase()}`;
+ return fullName.includes(query) || reverseFullName.includes(query) || lektor.uid.toLowerCase().includes(query);
+ }).map(lektor => ({
+ label: `${lektor.nachname} ${lektor.vorname} (${lektor.uid})`,
+ uid: lektor.uid
+ }));
+ },
+
+ },
+ created() {
+ this.getLektorData()
+ },
+ template: `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$p.t('lehre', 'newlehreinheit')}}
+ + + +
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/LVVerwaltung/Tabs/Details.js b/public/js/components/LVVerwaltung/Tabs/Details.js
new file mode 100644
index 000000000..cb3275d23
--- /dev/null
+++ b/public/js/components/LVVerwaltung/Tabs/Details.js
@@ -0,0 +1,124 @@
+import CoreForm from '../../Form/Form.js';
+import FormInput from '../../Form/Input.js';
+import GruppenTable from '../Details/Gruppen.js';
+import GruppenDirektTable from '../Details/Direktinskription.js';
+import DetailsForm from '../Details/Form.js'
+import ApiLehreinheit from "../../../api/lehrveranstaltung/lehreinheit.js";
+
+export default {
+ name: "LVTabDetails",
+ components: {
+ CoreForm,
+ FormInput,
+ GruppenTable,
+ GruppenDirektTable,
+ DetailsForm
+ },
+ props: {
+ modelValue: Object,
+ config: {
+ type: Object,
+ default: {}
+ },
+ },
+ inject: {
+ dropdowns: {
+ from: 'dropdowns'
+ }
+ },
+ watch: {
+ modelValue(newValue)
+ {
+ this.updateLE(newValue)
+ },
+ data: {
+ handler(newValue) {
+ if (newValue === null)
+ {
+ this.changed = {}
+ return
+ }
+ let changed = {};
+
+ let keys = Object.keys(this.original);
+
+ for (let key of keys) {
+ if (this.original[key] !== newValue[key])
+ {
+ changed[key] = newValue[key];
+ }
+ }
+ this.changed = changed;
+ },
+ deep: true
+ }
+ },
+ data() {
+ return {
+ original: null,
+ data: null,
+ changed: {}
+ }
+ },
+ computed: {
+ changedLength() {
+ return Object.keys(this.changed).length;
+ }
+ },
+
+ methods: {
+ updateLE(le) {
+ if (le?.lehreinheit_id === undefined)
+ {
+ this.data = null;
+ return;
+ }
+ return this.$api.call(ApiLehreinheit.get(le.lehreinheit_id))
+ .then(result => {
+ this.data = result.data;
+ this.original = {...(this.original || {}), ...this.data};
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+ },
+ save() {
+ if (!this.changedLength)
+ return;
+ this.$refs.form.clearValidation();
+
+ let updatedData = {
+ lehreinheit_id: this.modelValue.lehreinheit_id,
+ formData: this.changed
+ }
+ return this.$refs.form.call(ApiLehreinheit.update(updatedData))
+ .then(result => {
+ this.original = {...this.data};
+ this.changed = {};
+ this.$refs.form.setFeedback(true, result.data);
+ })
+ .catch(this.$fhcAlert.handleSystemError);
+
+ },
+ reload(){
+ this.updateLE(this.modelValue);
+ }
+ },
+ created() {
+ this.updateLE(this.modelValue);
+ },
+ template: `
+
+ Bitte eine Lehreinheit auswählen!
+
+
+
+
+ Loading...
+
+
+
+
+
+
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
index e429e5933..1ff34dc79 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Kontakt/Contact.js
@@ -300,8 +300,7 @@ export default{
this.$api
.call(ApiStvContact.getTypes())
.then(result => {
- //this.kontakttypen = result.data;
- this.kontakttypen = result.data.filter(item => item.kontakttyp !== 'hidden');
+ this.kontakttypen = result.data;
})
.catch(this.$fhcAlert.handleSystemError);
},
@@ -326,7 +325,7 @@ export default{
v-model="contactData.kontakttyp">
>
-
+
@@ -243,7 +247,7 @@ export default {