refactor last tabs from updateDefinition to setHeader variante

This commit is contained in:
ma0068
2026-02-17 16:11:43 +01:00
parent 006393704c
commit 5ffd22c1f7
10 changed files with 186 additions and 277 deletions
@@ -83,17 +83,22 @@ export default {
await this.$p.loadCategory(['ui', 'global', 'mobility']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('ui', 'bezeichnung')
});
cm.getColumnByField('kurzbz').component.updateDefinition({
title: this.$p.t('mobility', 'kurzbz')
});
/* cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});*/
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('bezeichnung', this.$p.t('ui', 'bezeichnung'));
setHeader('kurzbz', this.$p.t('mobility', 'kurzbz'));
//setHeader('actions', this.$p.t('global', 'aktionen'));
}
}
],
@@ -81,14 +81,19 @@ export default {
await this.$p.loadCategory(['ui', 'global', 'mobility']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('ui', 'bezeichnung')
});
/* cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});*/
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('bezeichnung', this.$p.t('ui', 'bezeichnung'));
}
}
],
@@ -221,56 +221,31 @@ export default{
handler: async () => {
await this.$p.loadCategory(['lehre','global','person','ui']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('lehrverband').component.updateDefinition({
title: this.$p.t('lehre', 'lehrverband')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
cm.getColumnByField('bestaetigtam').component.updateDefinition({
title: this.$p.t('lehre', 'bestaetigt_am')
});
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
cm.getColumnByField('bewerbung_abgeschicktamum').component.updateDefinition({
title: this.$p.t('lehre', 'bewerbung_abgeschickt_am')
});
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('lehre', 'studienplan')
});
cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});
cm.getColumnByField('datum').component.updateDefinition({
title: this.$p.t('global', 'datum')
});
cm.getColumnByField('anmerkung').component.updateDefinition({
title: this.$p.t('global', 'anmerkung')
});
cm.getColumnByField('bestaetigtvon').component.updateDefinition({
title: this.$p.t('lehre', 'bestaetigt_von')
});
cm.getColumnByField('insertamum').component.updateDefinition({
title: this.$p.t('lehre', 'insert_am')
});
cm.getColumnByField('insertvon').component.updateDefinition({
title: this.$p.t('lehre', 'insert_von')
});
cm.getColumnByField('prestudent_id').component.updateDefinition({
title: this.$p.t('ui', 'prestudent_id')
});
cm.getColumnByField('studienplan_id').component.updateDefinition({
title: this.$p.t('ui', 'studienplan_id')
});
}
setHeader('lehrverband', this.$p.t('lehre', 'lehrverband'));
setHeader('bestaetigtam', this.$p.t('lehre', 'bestaetigt_am'));
setHeader('bewerbung_abgeschicktamum', this.$p.t('lehre', 'bewerbung_abgeschickt_am'));
setHeader('bezeichnung', this.$p.t('lehre', 'studienplan'));
setHeader('actions', this.$p.t('global', 'aktionen'));
setHeader('datum', this.$p.t('global', 'datum'));
setHeader('anmerkung', this.$p.t('global', 'anmerkung'));
setHeader('bestaetigtvon', this.$p.t('lehre', 'bestaetigt_von'));
setHeader('insertamum', this.$p.t('lehre', 'insert_am'));
setHeader('insertvon', this.$p.t('lehre', 'insert_von'));
setHeader('prestudent_id', this.$p.t('ui', 'prestudent_id'));
setHeader('studienplan_id', this.$p.t('ui', 'studienplan_id')); }
}
];
return events;
@@ -49,50 +49,33 @@ export default {
handler: async() => {
await this.$p.loadCategory(['global', 'person', 'lehre', 'stv', 'ui', 'projektarbeit']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('projekttyp_kurzbz').component.updateDefinition({
title: this.$p.t('projektarbeit', 'typ_kurzbz')
});
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('projektarbeit', 'typ')
});
cm.getColumnByField('studiensemester_kurzbz').component.updateDefinition({
title: this.$p.t('lehre', 'studiensemester')
});
cm.getColumnByField('titel').component.updateDefinition({
title: this.$p.t('projektarbeit', 'titel')
});
cm.getColumnByField('note').component.updateDefinition({
title: this.$p.t('projektarbeit', 'gesamtnote')
});
cm.getColumnByField('beginn').component.updateDefinition({
title: this.$p.t('projektarbeit', 'beginn')
});
cm.getColumnByField('ende').component.updateDefinition({
title: this.$p.t('projektarbeit', 'ende')
});
cm.getColumnByField('freigegeben').component.updateDefinition({
title: this.$p.t('projektarbeit', 'freigegeben')
});
cm.getColumnByField('gesperrtbis').component.updateDefinition({
title: this.$p.t('projektarbeit', 'gesperrtBis')
});
cm.getColumnByField('themenbereich').component.updateDefinition({
title: this.$p.t('projektarbeit', 'themenbereich')
});
cm.getColumnByField('anmerkung').component.updateDefinition({
title: this.$p.t('projektarbeit', 'anmerkung')
});
cm.getColumnByField('firma_id').component.updateDefinition({
title: this.$p.t('projektarbeit', 'firmaId')
});
cm.getColumnByField('abgabedatum').component.updateDefinition({
title: this.$p.t('projektarbeit', 'abgabeEndupload')
});
cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('projekttyp_kurzbz', this.$p.t('projektarbeit', 'typ_kurzbz'));
setHeader('bezeichnung', this.$p.t('projektarbeit', 'typ'));
setHeader('studiensemester_kurzbz', this.$p.t('lehre', 'studiensemester'));
setHeader('titel', this.$p.t('projektarbeit', 'titel'));
setHeader('note', this.$p.t('projektarbeit', 'gesamtnote'));
setHeader('beginn', this.$p.t('projektarbeit', 'beginn'));
setHeader('ende', this.$p.t('projektarbeit', 'ende'));
setHeader('freigegeben', this.$p.t('projektarbeit', 'freigegeben'));
setHeader('gesperrtbis', this.$p.t('projektarbeit', 'gesperrtBis'));
setHeader('themenbereich', this.$p.t('projektarbeit', 'themenbereich'));
setHeader('anmerkung', this.$p.t('projektarbeit', 'anmerkung'));
setHeader('firma_id', this.$p.t('projektarbeit', 'firmaId'));
setHeader('abgabedatum', this.$p.t('projektarbeit', 'abgabeEndupload'));
setHeader('actions', this.$p.t('global', 'aktionen'));
}
},
],
@@ -134,45 +134,33 @@ export default {
handler: async() => {
await this.$p.loadCategory(['global', 'person', 'lehre', 'stv', 'projektarbeit', 'ui']);
let cm = this.$refs.projektbetreuerTable.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('nachname').component.updateDefinition({
title: this.$p.t('person', 'nachname')
});
cm.getColumnByField('vorname').component.updateDefinition({
title: this.$p.t('person', 'vorname')
});
cm.getColumnByField('note').component.updateDefinition({
title: this.$p.t('projektarbeit', 'note')
});
cm.getColumnByField('punkte').component.updateDefinition({
title: this.$p.t('projektarbeit', 'punkte')
});
cm.getColumnByField('stunden').component.updateDefinition({
title: this.$p.t('projektarbeit', 'stunden')
});
cm.getColumnByField('stundensatz').component.updateDefinition({
title: this.$p.t('projektarbeit', 'stundensatz')
});
cm.getColumnByField('betreuerart_kurzbz').component.updateDefinition({
title: this.$p.t('projektarbeit', 'betreuerart_kurzbz')
});
cm.getColumnByField('person_id').component.updateDefinition({
title: this.$p.t('person', 'person_id')
});
cm.getColumnByField('vertrag_id').component.updateDefinition({
title: this.$p.t('projektarbeit', 'vertrag_id')
});
cm.getColumnByField('projektarbeit_id').component.updateDefinition({
title: this.$p.t('projektarbeit', 'projektarbeit_id')
});
cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'actions')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('nachname', this.$p.t('person', 'nachname'));
setHeader('vorname', this.$p.t('person', 'vorname'));
setHeader('note', this.$p.t('projektarbeit', 'note'));
setHeader('punkte', this.$p.t('projektarbeit', 'punkte'));
setHeader('stunden', this.$p.t('projektarbeit', 'stunden'));
setHeader('stundensatz', this.$p.t('projektarbeit', 'stundensatz'));
setHeader('betreuerart_kurzbz', this.$p.t('projektarbeit', 'betreuerart_kurzbz'));
setHeader('person_id', this.$p.t('person', 'person_id'));
setHeader('vertrag_id', this.$p.t('projektarbeit', 'vertrag_id'));
setHeader('projektarbeit_id', this.$p.t('projektarbeit', 'projektarbeit_id'));
setHeader('actions', this.$p.t('global', 'actions'));
// Force layout recalculation for handling overflow text
this.$refs.projektbetreuerTable.tabulator.redraw(true);
}
},
{
+23 -34
View File
@@ -122,41 +122,30 @@ export default {
await this.$p.loadCategory(['ui', 'global', 'vertrag', 'projektarbeitsbeurteilung', 'lehre']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('type').component.updateDefinition({
title: this.$p.t('global', 'typ')
});
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('ui', 'bezeichnung')
});
cm.getColumnByField('lehreinheit_id').component.updateDefinition({
title: this.$p.t('ui', 'lehreinheit_id')
});
cm.getColumnByField('betrag').component.updateDefinition({
title: this.$p.t('ui', 'betrag')
});
cm.getColumnByField('studiensemester_kurzbz').component.updateDefinition({
title: this.$p.t('lehre', 'studiensemester')
});
cm.getColumnByField('mitarbeiter_uid').component.updateDefinition({
title: this.$p.t('ui', 'mitarbeiter_uid')
});
cm.getColumnByField('projektarbeit_id').component.updateDefinition({
title: this.$p.t('ui', 'projektarbeit_id')
});
cm.getColumnByField('betreuerart_kurzbz').component.updateDefinition({
title: this.$p.t('projektarbeitsbeurteilung', 'betreuerart')
});
cm.getColumnByField('pruefung_id').component.updateDefinition({
title: this.$p.t('ui', 'pruefung_id')
});
cm.getColumnByField('vertrag_id').component.updateDefinition({
title: this.$p.t('ui', 'vertrag_id')
});
cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('type', this.$p.t('global', 'typ'));
setHeader('bezeichnung', this.$p.t('ui', 'bezeichnung'));
setHeader('lehreinheit_id', this.$p.t('ui', 'lehreinheit_id'));
setHeader('betrag', this.$p.t('ui', 'betrag'));
setHeader('studiensemester_kurzbz', this.$p.t('lehre', 'studiensemester'));
setHeader('mitarbeiter_uid', this.$p.t('ui', 'mitarbeiter_uid'));
setHeader('projektarbeit_id', this.$p.t('ui', 'projektarbeit_id'));
setHeader('betreuerart_kurzbz', this.$p.t('projektarbeitsbeurteilung', 'betreuerart'));
setHeader('pruefung_id', this.$p.t('ui', 'pruefung_id'));
setHeader('vertrag_id', this.$p.t('ui', 'vertrag_id'));
setHeader('actions', this.$p.t('global', 'aktionen'));
}
}
],
+22 -31
View File
@@ -159,38 +159,29 @@ export default {
await this.$p.loadCategory(['ui', 'global', 'vertrag']);
let cm = this.$refs.table.tabulator.columnManager;
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('global', 'status')
});
cm.getColumnByField('datum').component.updateDefinition({
title: this.$p.t('global', 'datum')
});
cm.getColumnByField('mitarbeiter_uid').component.updateDefinition({
title: this.$p.t('person', 'uid')
});
cm.getColumnByField('vertrag_id').component.updateDefinition({
title: this.$p.t('ui', 'vertrag_id')
});
cm.getColumnByField('vertragsstatus_kurzbz').component.updateDefinition({
title: this.$p.t('vertrag', 'vertragStatus')
});
cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});
cm.getColumnByField('updatevon').component.updateDefinition({
title: this.$p.t('global', 'updatevon')
});
cm.getColumnByField('updateamum').component.updateDefinition({
title: this.$p.t('global', 'updateamum')
});
cm.getColumnByField('insertvon').component.updateDefinition({
title: this.$p.t('global', 'insertvon')
});
cm.getColumnByField('insertamum').component.updateDefinition({
title: this.$p.t('global', 'insertamum')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('bezeichnung', this.$p.t('global', 'status'));
setHeader('datum', this.$p.t('global', 'datum'));
setHeader('mitarbeiter_uid', this.$p.t('person', 'uid'));
setHeader('vertrag_id', this.$p.t('ui', 'vertrag_id'));
setHeader('vertragsstatus_kurzbz', this.$p.t('vertrag', 'vertragStatus'));
setHeader('actions', this.$p.t('global', 'aktionen'));
setHeader('updatevon', this.$p.t('global', 'updatevon'));
setHeader('updateamum', this.$p.t('global', 'updateamum'));
setHeader('insertvon', this.$p.t('global', 'insertvon'));
setHeader('insertamum', this.$p.t('global', 'insertamum'));
}
}
],
@@ -84,41 +84,31 @@ export default {
event: 'tableBuilt',
handler: () => {
this.$p.loadCategory(['ui', 'global', 'vertrag', 'projektarbeitsbeurteilung', 'lehre']).then(() => {
let cm = this.$refs.table.tabulator.columnManager;
cm.getColumnByField('type').component.updateDefinition({
title: this.$p.t('global', 'typ')
});
cm.getColumnByField('bezeichnung').component.updateDefinition({
title: this.$p.t('ui', 'bezeichnung')
});
cm.getColumnByField('lehreinheit_id').component.updateDefinition({
title: this.$p.t('ui', 'lehreinheit_id')
});
cm.getColumnByField('betrag1').component.updateDefinition({
title: this.$p.t('ui', 'betrag')
});
cm.getColumnByField('studiensemester_kurzbz').component.updateDefinition({
title: this.$p.t('lehre', 'studiensemester')
});
cm.getColumnByField('mitarbeiter_uid').component.updateDefinition({
title: this.$p.t('ui', 'mitarbeiter_uid')
});
cm.getColumnByField('projektarbeit_id').component.updateDefinition({
title: this.$p.t('ui', 'projektarbeit_id')
});
cm.getColumnByField('betreuerart_kurzbz').component.updateDefinition({
title: this.$p.t('projektarbeitsbeurteilung', 'betreuerart')
});
cm.getColumnByField('vertragsstunden').component.updateDefinition({
title: this.$p.t('vertrag', 'vertragsstunden')
});
cm.getColumnByField('vertrag_id').component.updateDefinition({
title: this.$p.t('ui', 'vertrag_id')
});
cm.getColumnByField('vertragsstunden_studiensemester_kurzbz').component.updateDefinition({
title: this.$p.t('vertrag', 'vertragsstunden_studiensemester')
});
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
const el = col.getElement();
if (!el || !el.querySelector) return;
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('type', this.$p.t('global', 'typ'));
setHeader('bezeichnung', this.$p.t('ui', 'bezeichnung'));
setHeader('lehreinheit_id', this.$p.t('ui', 'lehreinheit_id'));
setHeader('betrag1', this.$p.t('ui', 'betrag'));
setHeader('studiensemester_kurzbz', this.$p.t('lehre', 'studiensemester'));
setHeader('mitarbeiter_uid', this.$p.t('ui', 'mitarbeiter_uid'));
setHeader('projektarbeit_id', this.$p.t('ui', 'projektarbeit_id'));
setHeader('betreuerart_kurzbz', this.$p.t('projektarbeitsbeurteilung', 'betreuerart'));
setHeader('vertragsstunden', this.$p.t('vertrag', 'vertragsstunden'));
setHeader('vertrag_id', this.$p.t('ui', 'vertrag_id'));
setHeader('vertragsstunden_studiensemester_kurzbz', this.$p.t('vertrag', 'vertragsstunden_studiensemester'));
});
}
}
@@ -77,42 +77,28 @@ export default {
event: 'tableBuilt',
handler: async() => {
await this.$p.loadCategory(['person', 'global', 'vertrag']);
let cm = this.$refs.table.tabulator.columnManager;
cm.getColumnByField('uid').component.updateDefinition({
visible: true
});
const setHeader = (field, text) => {
const col = this.$refs.table.tabulator.getColumn(field);
if (!col) return;
cm.getColumnByField('person_id').component.updateDefinition({
title: this.$p.t('person', 'person_id')
});
const el = col.getElement();
if (!el || !el.querySelector) return;
cm.getColumnByField('nachname').component.updateDefinition({
title: this.$p.t('person', 'nachname'),
visible: true
});
cm.getColumnByField('vorname').component.updateDefinition({
title: this.$p.t('person', 'vorname'),
visible: true
});
cm.getColumnByField('gebdatum').component.updateDefinition({
title: this.$p.t('person', 'geburtsdatum')
});
cm.getColumnByField('unternehmen').component.updateDefinition({
title: this.$p.t('person', 'firma')
});
cm.getColumnByField('vertragsarten').component.updateDefinition({
title: this.$p.t('vertrag', 'vertragsarten'),
visible: true
});
cm.getColumnByField('ids').component.updateDefinition({
title: this.$p.t('vertrag', 'idsDienstverhaeltnisse'),
visible: true
});
cm.getColumnByField('aktiv').component.updateDefinition({
title: this.$p.t('global', 'aktiv'),
width: 45
});
const titleEl = el.querySelector('.tabulator-col-title');
if (titleEl) {
titleEl.textContent = text;
}
};
setHeader('person_id', this.$p.t('person', 'person_id'));
setHeader('nachname', this.$p.t('person', 'nachname'));
setHeader('vorname', this.$p.t('person', 'vorname'));
setHeader('gebdatum', this.$p.t('person', 'geburtsdatum'));
setHeader('unternehmen', this.$p.t('person', 'firma'));
setHeader('vertragsarten', this.$p.t('vertrag', 'vertragsarten'));
setHeader('ids', this.$p.t('vertrag', 'idsDienstverhaeltnisse'));
setHeader('aktiv', this.$p.t('global', 'aktiv'));
}
},
{
@@ -175,9 +175,6 @@ export default {
setHeader('anmerkung', this.$p.t('global', 'anmerkung'));
setHeader('isabgerechnet', this.$p.t('vertrag', 'abgerechnet'));
setHeader('actions', this.$p.t('global', 'aktionen'));
/* cm.getColumnByField('actions').component.updateDefinition({
title: this.$p.t('global', 'aktionen')
});*/
}
},
/* {