mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-06-01 12:19:28 +00:00
Harald Bamberger
741 lines
22 KiB
JavaScript
741 lines
22 KiB
JavaScript
import {CoreFilterCmpt} from "../filter/Filter.js";
|
|
|
|
import BsModal from "../Bootstrap/Modal.js";
|
|
import CoreForm from '../Form/Form.js';
|
|
import FormInput from '../Form/Input.js';
|
|
import ListUnassigned from './List/Unassigned.js';
|
|
import ContractDetails from './List/Details.js';
|
|
import ContractStati from './List/Status.js';
|
|
|
|
|
|
export default {
|
|
name:'CoreVertraege',
|
|
components: {
|
|
CoreFilterCmpt,
|
|
BsModal,
|
|
CoreForm,
|
|
FormInput,
|
|
ListUnassigned,
|
|
ContractDetails,
|
|
ContractStati
|
|
},
|
|
inject: {
|
|
hasSchreibrechte: {
|
|
from: 'hasSchreibrechte',
|
|
default: false
|
|
},
|
|
},
|
|
props: {
|
|
endpoint: {
|
|
type: Object,
|
|
required: true
|
|
},
|
|
person_id: {
|
|
type: [Number],
|
|
required: true
|
|
},
|
|
mitarbeiter_uid: {
|
|
type: [String],
|
|
required: true
|
|
},
|
|
},
|
|
computed: {
|
|
appRoot() {
|
|
return FHC_JS_DATA_STORAGE_OBJECT.app_root;
|
|
},
|
|
tabulatorOptions() {
|
|
const options = {
|
|
ajaxURL: 'dummy',
|
|
ajaxRequestFunc: () => this.$api.call(
|
|
this.endpoint.getAllVertraege(this.person_id)
|
|
),
|
|
ajaxResponse: (url, params, response) => response.data,
|
|
columns: [
|
|
{title: "Bezeichnung", field: "bezeichnung", width: 300, headerFilter: true},
|
|
{
|
|
title: "Betrag", field: "betrag", width: 100, headerFilter: true,
|
|
formatter: function (cell) {
|
|
let value = cell.getValue();
|
|
|
|
if (value == null) {
|
|
return "0.00";
|
|
}
|
|
return parseFloat(value).toFixed(2);
|
|
}
|
|
},
|
|
{title: "Vertragstyp", field: "vertragstyp_bezeichnung", width: 125, headerFilter: "list", headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"}},
|
|
{title: "Status", field: "status", width: 100, headerFilter: "list", headerFilterParams: {valuesLookup:true, listOnEmpty:true, autocomplete:true, sort:"asc"}},
|
|
{
|
|
title: "Vertragsdatum",
|
|
field: "vertragsdatum",
|
|
width: 128,
|
|
headerFilter: true,
|
|
formatter: function (cell) {
|
|
const dateStr = cell.getValue();
|
|
const date = new Date(dateStr);
|
|
return date.toLocaleString("de-DE", {
|
|
day: "2-digit",
|
|
month: "2-digit",
|
|
year: "numeric",
|
|
});
|
|
}
|
|
},
|
|
{title: "VertragId", field: "vertrag_id", visible: false, headerFilter: true},
|
|
{title: "Vertragsstunden", field: "vertragsstunden", visible: false, headerFilter: true},
|
|
{title: "VertragsstundenStudiensemester", field: "vertragsstunden_studiensemester_kurzbz", visible: false, headerFilter: true},
|
|
{title: "Anmerkung", field: "anmerkung", visible: false, headerFilter: true},
|
|
{title: "isAbgerechnet", field: "isabgerechnet", visible: false, headerFilter: true},
|
|
{
|
|
title: 'Aktionen', field: 'actions',
|
|
minWidth: 150,
|
|
maxWidth: 150,
|
|
formatter: (cell, formatterParams, onRendered) => {
|
|
let container = document.createElement('div');
|
|
container.className = "d-flex gap-2";
|
|
|
|
let button = document.createElement('button');
|
|
button.className = 'btn btn-outline-secondary btn-action';
|
|
button.innerHTML = '<i class="fa fa-edit"></i>';
|
|
button.title = this.$p.t('vertrag', 'editVertrag');
|
|
button.addEventListener(
|
|
'click',
|
|
(event) =>
|
|
this.actionEditContract(cell.getData().vertrag_id)
|
|
);
|
|
container.append(button);
|
|
|
|
button = document.createElement('button');
|
|
button.className = 'btn btn-outline-secondary btn-action';
|
|
button.innerHTML = '<i class="fa fa-xmark"></i>';
|
|
button.title = this.$p.t('vertrag', 'deleteVertrag');
|
|
|
|
if (!this.hasSchreibrechte) {
|
|
button.disabled = true;
|
|
button.classList.add('disabled');
|
|
} else {
|
|
button.addEventListener(
|
|
'click',
|
|
() =>
|
|
this.actionDeleteContract(cell.getData().vertrag_id)
|
|
);
|
|
}
|
|
container.append(button);
|
|
|
|
return container;
|
|
},
|
|
frozen: true
|
|
}],
|
|
layout: 'fitColumns',
|
|
layoutColumnsOnNewData: false,
|
|
height: '250',
|
|
selectableRowsRangeMode: 'click',
|
|
selectableRows: true,
|
|
selectableRowsRollingSelection: false, //only allow multiselect with STRG
|
|
index: "vertrag_id",
|
|
persistence: {
|
|
sort: true,
|
|
page: true,
|
|
columns: true,
|
|
filter: false //to avoids js errors
|
|
},
|
|
persistenceID: 'core-contracts-2026050501',
|
|
};
|
|
return options;
|
|
},
|
|
tabulatorEvents() {
|
|
const vm = this;
|
|
|
|
const events = [
|
|
{
|
|
event: 'tableBuilt',
|
|
handler: async() => {
|
|
|
|
await this.$p.loadCategory(['ui', 'global', 'vertrag']);
|
|
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('bezeichnung', this.$p.t('ui', 'bezeichnung'));
|
|
setHeader('betrag', this.$p.t('ui', 'betrag'));
|
|
setHeader('status', this.$p.t('global', 'status'));
|
|
setHeader('vertragstyp_bezeichnung', this.$p.t('vertrag', 'vertragstyp'));
|
|
setHeader('vertragsdatum', this.$p.t('vertrag', 'vertragsdatum'));
|
|
setHeader('vertragsstunden', this.$p.t('vertrag', 'vertragsstunden'));
|
|
setHeader('vertragsstunden_studiensemester_kurzbz', this.$p.t('vertrag', 'vertragsstunden_studiensemester'));
|
|
setHeader('vertrag_id', this.$p.t('ui', 'vertrag_id'));
|
|
setHeader('anmerkung', this.$p.t('global', 'anmerkung'));
|
|
setHeader('isabgerechnet', this.$p.t('vertrag', 'abgerechnet'));
|
|
setHeader('actions', this.$p.t('global', 'aktionen'));
|
|
}
|
|
},
|
|
{
|
|
event: 'rowClick',
|
|
handler: function (e, row) {
|
|
const { vertrag_id, status, bezeichnung, vertragstyp_bezeichnung } = row.getData();
|
|
vm.toggleRowClick(e, vertrag_id, status, bezeichnung, vertragstyp_bezeichnung);
|
|
}
|
|
},
|
|
{
|
|
event: "dataProcessed",
|
|
handler: () => {
|
|
if (this.pendingSelectId) {
|
|
// delete old Selection
|
|
this.$refs.table.tabulator.deselectRow();
|
|
// select new Selection
|
|
this.$refs.table.tabulator.selectRow(this.pendingSelectId);
|
|
this.pendingSelectId = null;
|
|
}
|
|
}
|
|
},
|
|
];
|
|
return events;
|
|
},
|
|
},
|
|
data() {
|
|
return {
|
|
statusNew: true,
|
|
formData: { },
|
|
listContractsUnassigned: [],
|
|
listContractTypes: [],
|
|
contractSelected: [],
|
|
listContractStati: [],
|
|
contractFormData: {
|
|
vertragsstatus_kurzbz: '',
|
|
datum: new Date(),
|
|
},
|
|
dataPrintHonorar: [],
|
|
triggeredData: [],
|
|
childData: {},
|
|
isFilterSet: false,
|
|
clickedRows: [],
|
|
arraySelectedContracts: [],
|
|
pendingSelectId: null
|
|
}
|
|
},
|
|
watch: {
|
|
person_id() {
|
|
this.$refs.table.reloadTable();
|
|
this.arraySelectedContracts = [];
|
|
},
|
|
},
|
|
methods: {
|
|
actionNewContract() {
|
|
this.resetModal();
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
this.$refs.contractModal.show();
|
|
},
|
|
actionEditContract(vertrag_id) {
|
|
this.resetModal();
|
|
this.statusNew = false;
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
this.loadContract(vertrag_id)
|
|
.then(this.$refs.contractModal.show);
|
|
},
|
|
actionDeleteContract(vertrag_id) {
|
|
this.$fhcAlert
|
|
.confirmDelete()
|
|
.then(result => result
|
|
? vertrag_id
|
|
: Promise.reject({handled: true}))
|
|
.then(vertrag_id => this.$api.call(
|
|
this.endpoint.deleteContract(vertrag_id))
|
|
)
|
|
.then(result => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
|
|
this.reload();
|
|
this.contractSelected.vertrag_id = null;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
addNewContract() {
|
|
this.$refs.unassignedLehrauftraege.emitSaveEvent();
|
|
|
|
const dataToSend = {
|
|
person_id: this.person_id,
|
|
formData: this.formData,
|
|
clickedRows: this.childData, //all data needed, maybe smaller array?
|
|
};
|
|
return this.$refs.contractData
|
|
.call(this.endpoint.addNewContract(dataToSend))
|
|
.then(response => {
|
|
//get new ID of request to focus the new entry
|
|
this.pendingSelectId = response.data;
|
|
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
|
|
this.$refs.contractModal.hide();
|
|
this.resetModal();
|
|
|
|
//for getting correct responding Details and Stati of Contract
|
|
this.contractSelected.vertrag_id = this.pendingSelectId;
|
|
if(this.$refs.contractdetails)
|
|
this.$refs.contractdetails.reload();
|
|
|
|
if(this.$refs.unassignedLehrauftraege)
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
|
|
this.reload();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
updateContract(vertrag_id) {
|
|
this.$refs.unassignedLehrauftraege.emitSaveEvent();
|
|
|
|
const dataToSend = {
|
|
vertrag_id: vertrag_id,
|
|
person_id: this.person_id,
|
|
formData: this.formData,
|
|
clickedRows: this.childData,
|
|
};
|
|
return this.$refs.contractData
|
|
.call(this.endpoint.updateContract(dataToSend))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
|
|
this.pendingSelectId = response.data;
|
|
this.$refs.contractModal.hide();
|
|
this.resetModal();
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
this.$refs.contractdetails.reload();
|
|
this.reload();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
loadContract(vertrag_id) {
|
|
this.resetModal();
|
|
this.statusNew = false;
|
|
return this.$api
|
|
.call(this.endpoint.loadContract(vertrag_id))
|
|
.then(result => {
|
|
this.formData = result.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
//Methods Contract Stati
|
|
addNewContractStatus({status, datum}) {
|
|
const date = new Date();
|
|
const formattedDate = datum != null ? datum.toLocaleDateString('en-CA',
|
|
{
|
|
year: 'numeric',
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
hour12: false, // Use 24-hour format
|
|
}
|
|
) : null;
|
|
let params = {
|
|
vertrag_id : this.contractSelected.vertrag_id,
|
|
vertragsstatus_kurzbz: status,
|
|
datum: formattedDate
|
|
};
|
|
|
|
return this.$refs.contractstati.$refs.statusData
|
|
.call(this.endpoint.insertContractStatus(params))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
|
|
|
|
this.$refs.contractstati.closeModal();
|
|
this.$refs.contractstati.reload();
|
|
this.pendingSelectId = params.vertrag_id;
|
|
this.reload();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
deleteContractStatus({status, vertrag_id}){
|
|
let params = {
|
|
vertrag_id : vertrag_id,
|
|
vertragsstatus_kurzbz: status
|
|
};
|
|
return this.$api
|
|
.call(this.endpoint.deleteContractStatus(params))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
|
|
|
|
this.$refs.contractstati.reload();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
updateContractStatus({datum, status}){
|
|
const date = new Date();
|
|
const formattedDate = datum != null ? datum.toLocaleDateString('en-CA',
|
|
{
|
|
year: 'numeric',
|
|
month: '2-digit',
|
|
day: '2-digit',
|
|
hour: '2-digit',
|
|
minute: '2-digit',
|
|
hour12: false, // Use 24-hour format
|
|
}
|
|
) : null;
|
|
let params = {
|
|
vertrag_id : this.contractSelected.vertrag_id,
|
|
datum : formattedDate,
|
|
vertragsstatus_kurzbz: status
|
|
};
|
|
return this.$refs.contractstati.$refs.statusData
|
|
.call(this.endpoint.updateContractStatus(params))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successSave'));
|
|
this.$refs.contractstati.closeModal();
|
|
this.$refs.contractstati.reload();
|
|
this.pendingSelectId = params.vertrag_id;
|
|
this.reload();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
loadContractStatus({vertrag_id, status}){
|
|
let params = {
|
|
vertrag_id : vertrag_id,
|
|
vertragsstatus_kurzbz: status
|
|
};
|
|
return this.$api
|
|
.call(this.endpoint.loadContractStatus(params))
|
|
.then(response => {
|
|
this.contractFormData = response.data;
|
|
this.$refs.contractstati.openModal();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
deleteLehrauftrag({lehreinheit_id, vertrag_id, mitarbeiter_uid}){
|
|
|
|
let params = {
|
|
vertrag_id : vertrag_id,
|
|
lehreinheit_id: lehreinheit_id,
|
|
mitarbeiter_uid: mitarbeiter_uid
|
|
};
|
|
return this.$api
|
|
.call(this.endpoint.deleteLehrauftrag(params))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
|
|
this.resetModal();
|
|
this.$refs.contractdetails.reload();
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
deleteBetreuung({person_id, vertrag_id, projektarbeit_id, betreuerart_kurzbz}){
|
|
let params = {
|
|
vertrag_id : vertrag_id,
|
|
person_id: person_id,
|
|
projektarbeit_id: projektarbeit_id,
|
|
betreuerart_kurzbz: betreuerart_kurzbz
|
|
};
|
|
return this.$api
|
|
.call(this.endpoint.deleteBetreuung(params))
|
|
.then(response => {
|
|
this.$fhcAlert.alertSuccess(this.$p.t('ui', 'successDelete'));
|
|
this.$refs.contractdetails.reload();
|
|
this.$refs.unassignedLehrauftraege.reloadUnassigned();
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
|
|
//Methods Unassigned List
|
|
saveClickedRows(clickedRows) {
|
|
this.childData = clickedRows;
|
|
},
|
|
reload() {
|
|
this.$refs.table.reloadTable();
|
|
},
|
|
resetModal(){
|
|
this.formData = {};
|
|
this.formData.vertragsdatum = new Date();
|
|
this.formData.betrag = 0;
|
|
this.formData.bezeichnung = this.getFormattedDate();
|
|
this.formData.vertragstyp_kurzbz = null;
|
|
this.statusNew = true;
|
|
},
|
|
updateBetrag(sumBetrag){
|
|
this.formData.betrag = sumBetrag;
|
|
},
|
|
getFormattedDate() {
|
|
const today = new Date();
|
|
const year = today.getFullYear();
|
|
const month = String(today.getMonth() + 1).padStart(2, "0");
|
|
const day = String(today.getDate()).padStart(2, "0");
|
|
|
|
return `${year}${month}${day}`; // Format: YYYYMMDD
|
|
},
|
|
onSwitchChange() {
|
|
if (this.isFilterSet) {
|
|
this.$refs.table.tabulator.setFilter("isabgerechnet", "!=", true);
|
|
}
|
|
else {
|
|
this.$refs.table.tabulator.clearFilter("status");
|
|
}
|
|
},
|
|
//methods for functionality ADDON KU
|
|
printContract(){
|
|
//check if at least 2 contracts chosen
|
|
if(this.arraySelectedContracts.length < 2) {
|
|
this.$fhcAlert.alertError(this.$p.t('vertrag', 'alertMindestensZweiVertraege'));
|
|
return;
|
|
}
|
|
|
|
//check if status=="Genehmigt"
|
|
const statusNotGenehmigtExists = this.arraySelectedContracts.some(v => v.status !== 'Genehmigt');
|
|
if(statusNotGenehmigtExists) {
|
|
this.$fhcAlert.alertError(this.$p.t('vertrag', 'alertOnlyApprovedContracts'));
|
|
return;
|
|
}
|
|
|
|
//build String to Print PDF
|
|
let vertragString = '';
|
|
|
|
this.arraySelectedContracts.forEach(element => {
|
|
vertragString += '&vertrag_id[]=' + element.vertrag_id.toString();
|
|
});
|
|
|
|
let linkToPdf = this.dataPrintHonorar.link +
|
|
'content/pdfExport.php?xml=' + this.dataPrintHonorar.xml + '&xsl=' + this.dataPrintHonorar.xsl + '&mitarbeiter_uid=' + this.mitarbeiter_uid + vertragString + '&output=pdf&uid=' + this.mitarbeiter_uid;
|
|
window.open(linkToPdf, '_blank');
|
|
},
|
|
toggleRowClick(event, vertrag_id, status, bezeichnung, vertragstyp_bezeichnung) {
|
|
|
|
const isMulti = this.dataPrintHonorar?.multiselect === true;
|
|
const isCtrl = event.ctrlKey || event.metaKey;
|
|
|
|
const entry = {
|
|
vertrag_id,
|
|
status,
|
|
bezeichnung,
|
|
vertragstyp_bezeichnung
|
|
};
|
|
|
|
// allow MultiSelect just in case event multiActionPrintHonorarvertrag
|
|
const allowMultiClick = isMulti && isCtrl;
|
|
|
|
if (!allowMultiClick) {
|
|
this.arraySelectedContracts = [entry];
|
|
|
|
//just mark last selected row as selected
|
|
this.$refs.table.tabulator.deselectRow();
|
|
this.$refs.table.tabulator.selectRow(vertrag_id);
|
|
return;
|
|
}
|
|
|
|
const index = this.arraySelectedContracts.findIndex(
|
|
e => e.vertrag_id === vertrag_id
|
|
);
|
|
|
|
if (index === -1) {
|
|
this.arraySelectedContracts.push(entry);
|
|
} else {
|
|
this.arraySelectedContracts.splice(index, 1);
|
|
}
|
|
|
|
}
|
|
},
|
|
created() {
|
|
Promise.all([
|
|
this.$api.call(this.endpoint.getAllContractTypes()),
|
|
this.$api.call(this.endpoint.getAllContractsNotAssigned(this.person_id)),
|
|
this.$api.call(this.endpoint.getAllContractStati()),
|
|
this.$api.call(this.endpoint.configPrintDocument())
|
|
])
|
|
.then(([result1, result2, result3, result4]) => {
|
|
this.listContractTypes = result1.data;
|
|
this.listContractsUnassigned = result2.data;
|
|
this.listContractStati = result3.data;
|
|
this.dataPrintHonorar = result4.data;
|
|
})
|
|
.catch(this.$fhcAlert.handleSystemError);
|
|
},
|
|
mounted() {
|
|
//necessary for reloading components Status and Details
|
|
this.$nextTick(() => {
|
|
this.$refs.table.tabulator.on("rowClick", (e, row) => {
|
|
this.contractSelected = row.getData();
|
|
});
|
|
});
|
|
this.getFormattedDate();
|
|
},
|
|
template: `
|
|
<div class="core-contracts h-100 d-flex flex-column">
|
|
|
|
<!-- filter: open means no status abgerechnet yet-->
|
|
<div class="justify-content-end pb-3">
|
|
<form-input
|
|
container-class="form-switch"
|
|
type="checkbox"
|
|
:label="$p.t('vertrag/filter_offeneVertraege')"
|
|
v-model="isFilterSet"
|
|
@change="onSwitchChange"
|
|
>
|
|
</form-input>
|
|
</div>
|
|
|
|
<core-filter-cmpt
|
|
ref="table"
|
|
:tabulator-options="tabulatorOptions"
|
|
:tabulator-events="tabulatorEvents"
|
|
table-only
|
|
:side-menu="false"
|
|
reload
|
|
new-btn-show
|
|
:new-btn-label="this.$p.t('ui', 'vertrag')"
|
|
@click:new="actionNewContract"
|
|
>
|
|
|
|
<!-- injected print functionality for KU Linz (printHonorarvertrag) -->
|
|
<template #actions v-if="arraySelectedContracts.length >= 2">
|
|
<div class="d-flex justify-content-center align-items-center gap-2 ps-4 position-absolute start-50 translate-middle-x">
|
|
<button :disabled="!this.hasSchreibrechte" type="button" class="btn btn-secondary" @click="printContract()">{{$p.t('vertrag', 'printHonorarvertrag')}}</button>
|
|
</div>
|
|
</template>
|
|
</core-filter-cmpt>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-6">
|
|
<!-- ContractDetails -->
|
|
<div class="md-4" v-if="contractSelected.vertrag_id !=null && arraySelectedContracts.length == 1">
|
|
<contract-details
|
|
:person_id="person_id"
|
|
:vertrag_id="contractSelected.vertrag_id"
|
|
:endpoint="endpoint"
|
|
@deleteLehrauftrag="deleteLehrauftrag"
|
|
@deleteBetreuung="deleteBetreuung"
|
|
ref="contractdetails"
|
|
></contract-details>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-6">
|
|
<!-- ContractStati -->
|
|
<div class="md-4" v-if="contractSelected.vertrag_id !=null && arraySelectedContracts.length == 1">
|
|
<contract-stati
|
|
:person_id="person_id"
|
|
:vertrag_id="contractSelected.vertrag_id"
|
|
:listContractStati="listContractStati"
|
|
:formDataParent="contractFormData"
|
|
:endpoint="endpoint"
|
|
@setContractStatus="addNewContractStatus"
|
|
@deleteContractStatus="deleteContractStatus"
|
|
@updateContractStatus="updateContractStatus"
|
|
@loadContractStatus="loadContractStatus"
|
|
ref="contractstati"
|
|
></contract-stati>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--Modal: contractModal-->
|
|
<bs-modal ref="contractModal" dialog-class="modal-xl">
|
|
<template #title>
|
|
<p v-if="statusNew" class="fw-bold mt-3">{{$p.t('vertrag', 'addVertrag')}}</p>
|
|
<p v-else class="fw-bold mt-3">{{$p.t('vertrag', 'editVertrag')}}</p>
|
|
</template>
|
|
|
|
<list-unassigned
|
|
:person_id="person_id"
|
|
:endpoint="endpoint"
|
|
ref="unassignedLehrauftraege"
|
|
@saveClickedRows="saveClickedRows"
|
|
@sum-updated="updateBetrag"
|
|
></list-unassigned>
|
|
<hr>
|
|
<core-form ref="contractData">
|
|
|
|
<div class="row mb-3">
|
|
<div :class="statusNew ? 'col-6' : 'col-4'">
|
|
<form-input
|
|
type="DatePicker"
|
|
:label="$p.t('vertrag/datum_vertrag')"
|
|
name="vertragsdatum"
|
|
v-model="formData.vertragsdatum"
|
|
auto-apply
|
|
:enable-time-picker="false"
|
|
format="dd.MM.yyyy"
|
|
preview-format="dd.MM.yyyy"
|
|
:teleport="true"
|
|
>
|
|
</form-input>
|
|
</div>
|
|
|
|
<div :class="statusNew ? 'col-6' : 'col-4'">
|
|
<form-input
|
|
type="text"
|
|
:label="$p.t('ui/bezeichnung')"
|
|
name="bezeichnung"
|
|
v-model="formData.bezeichnung"
|
|
>
|
|
</form-input>
|
|
</div>
|
|
<div class="col-4" v-if="!statusNew">
|
|
<form-input
|
|
type="text"
|
|
:label="$p.t('ui/stunden') + ' (' + $p.t('vertrag/vertrag_urfassung')+ ')'"
|
|
name="vertragsstunden"
|
|
v-model="formData.vertragsstunden"
|
|
disabled
|
|
>
|
|
</form-input>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<div :class="statusNew ? 'col-6' : 'col-4'">
|
|
<form-input
|
|
type="select"
|
|
:label="$p.t('global/typ')"
|
|
v-model="formData.vertragstyp_kurzbz"
|
|
name="vertragstyp_kurzbz"
|
|
>
|
|
<option :value="null">-- {{$p.t('fehlermonitoring', 'keineAuswahl')}} --</option>
|
|
<option
|
|
v-for="entry in listContractTypes"
|
|
:key="entry.vertragstyp_kurzbz"
|
|
:value="entry.vertragstyp_kurzbz"
|
|
>
|
|
{{entry.bezeichnung}}
|
|
</option>
|
|
</form-input>
|
|
</div>
|
|
<div :class="statusNew ? 'col-6' : 'col-4'">
|
|
<form-input
|
|
:label="$p.t('ui/betrag')"
|
|
name="betrag"
|
|
v-model="formData.betrag"
|
|
>
|
|
</form-input>
|
|
</div>
|
|
<div class="col-4" v-if="!statusNew">
|
|
<form-input
|
|
type="text"
|
|
:label="$p.t('lehre/studiensemester') + ' (' + $p.t('vertrag/vertrag_urfassung')+ ')'"
|
|
name="vertragsstunden_studiensemester_kurzbz"
|
|
v-model="formData.vertragsstunden_studiensemester_kurzbz"
|
|
disabled
|
|
>
|
|
</form-input>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mb-3">
|
|
<form-input
|
|
type="textarea"
|
|
:label="$p.t('global/anmerkung')"
|
|
name="anmerkung"
|
|
v-model="formData.anmerkung"
|
|
>
|
|
</form-input>
|
|
</div>
|
|
|
|
</core-form>
|
|
|
|
<template #footer>
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="reload()">{{$p.t('ui', 'abbrechen')}}</button>
|
|
<button type="button" class="btn btn-primary" :disabled="!this.hasSchreibrechte" @click="statusNew ? addNewContract() : updateContract(formData.vertrag_id)">{{$p.t('vertrag', 'vertragErstellen')}}</button>
|
|
</template>
|
|
</bs-modal>
|
|
|
|
</div>`
|
|
}
|