diff --git a/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js b/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
index 3b056b042..745f53002 100644
--- a/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
+++ b/public/js/components/Cis/ProfilUpdate/ProfilUpdateView.js
@@ -4,6 +4,7 @@ import Alert from "../../../components/Bootstrap/Alert.js";
import Loading from "../../../components/Loader.js";
import ApiProfilUpdate from '../../../api/factory/profilUpdate.js';
+import { dateFilter } from '../../../tabulator/filters/Dates.js';
const sortProfilUpdates = (ele1, ele2, thisPointer) => {
let result = 0;
@@ -184,13 +185,13 @@ export default {
},
height: 600,
- layout: "fitColumns",
+ layout: "fitDataStretchFrozen",
columns: [
{
title: this.$p.t("profilUpdate", "UID"),
field: "uid",
- minWidth: 200,
+ minWidth: 100,
resizable: true,
headerFilter: true,
//responsive:0,
@@ -203,27 +204,59 @@ export default {
headerFilter: true,
//responsive:0,
},
+ {
+ title: this.$p.t("lehre", "studiengang") + ' (' + this.$p.t("profil", "studentIn") + ')',
+ field: "studiengang",
+ minWidth: 50,
+ resizable: true,
+ headerFilter: "list",
+ headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"},
+ //responsive:0,
+ },
+ {
+ title: this.$p.t("lehre", "organisationsform") + ' (' + this.$p.t("profil", "studentIn") + ')',
+ field: "orgform",
+ minWidth: 50,
+ resizable: true,
+ headerFilter: "list",
+ headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"},
+ //responsive:0,
+ },
+ {
+ title: this.$p.t("lehre", "organisationseinheit") + ' (' + this.$p.t("profil", "mitarbeiterIn") + ')',
+ field: "oezuordnung",
+ minWidth: 200,
+ resizable: true,
+ headerFilter: "list",
+ headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"},
+ //responsive:0,
+ },
{
title: this.$p.t("profilUpdate", "Topic"),
field: "topic",
resizable: true,
minWidth: 200,
- headerFilter: true,
+ headerFilter: "list",
+ headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"},
//responsive:0,
},
{
title: this.$p.t("profilUpdate", "insertamum"),
- field: "insertamum",
+ field: "insertamum_iso",
resizable: true,
- headerFilter: true,
+ headerFilterFunc: 'dates',
+ headerFilter: dateFilter,
minWidth: 200,
+ formatter:"datetime",
+ formatterParams: this.datetimeFormatterParams(),
//responsive:0,
},
{
title: this.$p.t("profilUpdate", "Status"),
field: "status_translated",
hozAlign: "center",
- headerFilter: true,
+ headerFilter: "list",
+ headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"},
formatter: (cell, para) => {
let iconClasses = "";
let status = cell.getRow().getData().status;
@@ -248,20 +281,11 @@ export default {
{
title: this.$p.t("profilUpdate", "actions"),
headerSort: false,
+ frozen: true,
formatter: (cell, params) => {
- let STATUS_PENDING =
- cell.getRow().getData().status ==
- this.profilUpdateStates["Pending"];
-
+ let details = this.$p.t('global', 'details');
let html = `
-
- ${
- STATUS_PENDING ?
- `
- `
- :
- ``
- }
+
`;
// Convert the HTML string to an HTML node
@@ -276,19 +300,6 @@ export default {
this.showAcceptDenyModal(cell.getRow().getData());
});
- if (STATUS_PENDING) {
- node
- .querySelector("#acceptButton")
- .addEventListener("click", () => {
- this.acceptProfilUpdate(cell.getRow().getData());
- });
- node
- .querySelector("#denyButton")
- .addEventListener("click", () => {
- this.denyProfilUpdate(cell.getRow().getData());
- });
- }
-
return node;
},
minWidth: 200,
@@ -370,6 +381,15 @@ export default {
this.showAcceptDenyModal(arrayRowData[0]);
}
}
+ },
+ datetimeFormatterParams: function() {
+ const params = {
+ inputFormat:"yyyy-MM-dd",
+ outputFormat:"dd.MM.yyyy",
+ invalidPlaceholder:"(invalid date)",
+ timezone:FHC_JS_DATA_STORAGE_OBJECT.timezone
+ };
+ return params;
}
},
watch: {
@@ -382,7 +402,7 @@ export default {
},
},
created() {
- this.$p.loadCategory("profilUpdate").then(() => {
+ this.$p.loadCategory(["profilUpdate", "lehre", "profil", "global"]).then(() => {
this.categoryLoaded = true;
});
},
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/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/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: `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{$p.t('lehre', 'newlehreinheit')}}
+
+
+
+
+
+
+
+
+
+
+
+`
+};
\ 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: `
+
+
+ Bitte eine Lehreinheit auswählen!
+
+
+
+
+
+ Loading...
+
+
+
+
+
+
+ `
+};
\ 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: `
+
+
+
+
+ `
+};
\ No newline at end of file
diff --git a/public/js/components/Stv/Studentenverwaltung/Details/Details.js b/public/js/components/Stv/Studentenverwaltung/Details/Details.js
index fdb4ec016..5bb673d1a 100644
--- a/public/js/components/Stv/Studentenverwaltung/Details/Details.js
+++ b/public/js/components/Stv/Studentenverwaltung/Details/Details.js
@@ -186,7 +186,7 @@ export default {
`;
}
liste += "";
break;
case 'bestaetigt':
- liste += "