update Forms

This commit is contained in:
ma0068
2024-01-29 07:52:15 +01:00
parent e824d48edf
commit b7fa6b2072
4 changed files with 75 additions and 75 deletions
+1 -1
View File
@@ -188,7 +188,7 @@ export default {
<div>
<div class="row mb-3">
<div class="col-sm-7">
<span class="small">[{{this.typeId}}]</span>
<span class="small">[{{typeId}}]</span>
</div>
</div>
@@ -325,10 +325,10 @@ export default{
<!--Modal: Add Address-->
<BsModal ref="newAdressModal">
<template #title>{{this.$p.t('person', 'adresse_new')}}</template>
<template #title>{{$p.t('person', 'adresse_new')}}</template>
<form class="row g-3" ref="addressData">
<div class="row mb-3">
<label for="adressentyp" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="adressentyp" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="adressentyp" class="form-select" v-model="addressData.typ">
<option v-for="typ in adressentypen" :key="typ.adressentyp_kurzbz" :value="typ.adressentyp_kurzbz" >{{typ.bezeichnung}}</option>
@@ -336,14 +336,14 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="strasse" class="form-label col-sm-4">{{this.$p.t('person', 'strasse')}}</label>
<label for="strasse" class="form-label col-sm-4">{{$p.t('person', 'strasse')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="strasse" v-model="addressData['strasse']">
</div>
</div>
<div class="row mb-3">
<label for="nation" class="form-label col-sm-4">{{this.$p.t('person', 'nation')}}</label>
<label for="nation" class="form-label col-sm-4">{{$p.t('person', 'nation')}}</label>
<div class="col-sm-6">
<select id="nation" class="form-select" v-model="addressData.nation">
<option v-for="nation in nations" :key="nation.nation_code" :value="nation.nation_code" :disabled="nation.sperre">{{nation.kurztext}}</option>
@@ -352,14 +352,14 @@ export default{
</div>
<div class="row mb-3">
<label for="plz" class="required form-label col-sm-4" >{{this.$p.t('person', 'plz')}}</label>
<label for="plz" class="required form-label col-sm-4" >{{$p.t('person', 'plz')}}</label>
<div class="col-sm-6">
<input type="text" class="form-control" required v-model="addressData['plz']" @input="loadPlaces" >
</div>
</div>
<div class="row mb-3">
<label :for="gemeinde" class="form-label col-sm-4">{{this.$p.t('person', 'gemeinde')}}</label>
<label :for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
<div class="col-sm-6">
<select v-if="addressData['nation'] == 'A'" name="addressData[gemeinde]" class="form-select" v-model="addressData['gemeinde']">
<option v-if="!gemeinden.length" disabled>Bitte gültige PLZ wählen</option>
@@ -370,7 +370,7 @@ export default{
</div>
<div class="row mb-3">
<label :for="Ort" class="form-label col-sm-4">{{this.$p.t('person', 'ort')}}</label>
<label :for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
<div class="col-sm-6">
<select v-if="addressData['nation'] == 'A'" name="address[ort]" class="form-select" v-model="addressData['ort']">
<option v-if="!orte.length" disabled>Bitte gültige Gemeinde wählen</option>
@@ -381,7 +381,7 @@ export default{
</div>
<div class="row mb-3">
<label for="heimatadresse" class="form-label col-sm-4">{{this.$p.t('person', 'heimatadresse')}}</label>
<label for="heimatadresse" class="form-label col-sm-4">{{$p.t('person', 'heimatadresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="heimatadresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['heimatadresse']">
@@ -390,7 +390,7 @@ export default{
</div>
<div class="row mb-3">
<label for="zustelladresse" class="form-label col-sm-4">{{this.$p.t('person', 'zustelladresse')}}</label>
<label for="zustelladresse" class="form-label col-sm-4">{{$p.t('person', 'zustelladresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="zustelladresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['zustelladresse']">
@@ -399,14 +399,14 @@ export default{
</div>
<div class="row mb-3">
<label for="co_name" class="form-label col-sm-4">{{this.$p.t('person', 'co_name')}}</label>
<label for="co_name" class="form-label col-sm-4">{{$p.t('person', 'co_name')}}</label>
<div class="col-sm-6">
<input type="text" id="co_name" class="form-control" v-model="addressData['co_name']">
</div>
</div>
<div class="row mb-3">
<label for="rechnungsadresse" class="form-label col-sm-4">{{this.$p.t('person', 'rechnungsadresse')}}</label>
<label for="rechnungsadresse" class="form-label col-sm-4">{{$p.t('person', 'rechnungsadresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="rechnungsadresse" type="checkbox" class="form-check-input" v-model="addressData['rechnungsadresse']">
@@ -415,37 +415,37 @@ export default{
</div>
<div class="row mb-3">
<label for="firma_name" class="form-label col-sm-4">{{this.$p.t('person', 'firma')}}</label>
<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}}</label>
<div class="col-sm-3">
<PvAutoComplete v-model="addressData['firma']" optionLabel="name" :suggestions="filteredFirmen" @complete="search" minLength="3"/>
</div>
</div>
<div class="row mb-3">
<label for="name" class="form-label col-sm-4">{{this.$p.t('person', 'firma_zusatz')}}</label>
<label for="name" class="form-label col-sm-4">{{$p.t('person', 'firma_zusatz')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData['name']">
</div>
</div>
<div class="row mb-3">
<label for="anmerkung" class="form-label col-sm-4">{{this.$p.t('global', 'anmerkung')}}</label>
<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
</div>
</div>
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-primary" @click="addNewAddress()">OK</button>
</template>
</BsModal>
<!--Modal: Edit Address-->
<BsModal ref="editAdressModal">
<template #title>{{this.$p.t('person', 'adresse_edit')}}</template>
<template #title>{{$p.t('person', 'adresse_edit')}}</template>
<form class="row g-3" ref="addressData">
<div class="row mb-3">
<label for="adressentyp" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="adressentyp" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="adressentyp" class="form-control" v-model="addressData.typ">
<option v-for="typ in adressentypen" :key="typ.adressentyp_kurzbz" :value="typ.adressentyp_kurzbz" >{{typ.bezeichnung}}</option>
@@ -454,14 +454,14 @@ export default{
</div>
<div class="row mb-3">
<label for="strasse" class="form-label col-sm-4">{{this.$p.t('person', 'strasse')}}</label>
<label for="strasse" class="form-label col-sm-4">{{$p.t('person', 'strasse')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="strasse" v-model="addressData.strasse">
</div>
</div>
<div class="row mb-3">
<label for="nation" class="form-label col-sm-4">{{this.$p.t('person', 'nation')}}</label>
<label for="nation" class="form-label col-sm-4">{{$p.t('person', 'nation')}}</label>
<div class="col-sm-6">
<select id="nation" class="form-select" v-model="addressData.nation">
<option v-for="nation in nations" :key="nation.nation_code" :value="nation.nation_code" :disabled="nation.sperre">{{nation.kurztext}}</option>
@@ -470,39 +470,39 @@ export default{
</div>
<div class="row mb-3">
<label for="plz" class="required form-label col-sm-4" >{{this.$p.t('person', 'plz')}}</label>
<label for="plz" class="required form-label col-sm-4" >{{$p.t('person', 'plz')}}</label>
<div class="col-sm-6">
<input type="text" class="form-control" required v-model="addressData['plz']" @input="loadPlaces">
</div>
</div>
<div class="row mb-3">
<label :for="gemeinde" class="form-label col-sm-4">{{this.$p.t('person', 'gemeinde')}}</label>
<label :for="gemeinde" class="form-label col-sm-4">{{$p.t('person', 'gemeinde')}}</label>
<div v-if="addressData['gemeinde']" class="col-sm-6">
<input type="text" class="form-control" v-model="addressData['gemeinde']">
</div>
<div v-else class="col-sm-6">
<select v-if="addressData['nation'] == 'A'" name="addressData[gemeinde]" class="form-select" v-model="addressData['gemeinde']">
<option v-if="!gemeinden.length" disabled>{{this.$p.t('person', 'plz_waehlen')}}</option>
<option v-if="!gemeinden.length" disabled>{{$p.t('person', 'plz_waehlen')}}</option>
<option v-for="gemeinde in gemeinden" :key="gemeinde.name" :value="gemeinde.name">{{gemeinde.name}}</option>
</select>
</div>
</div>
<div class="row mb-3">
<label :for="Ort" class="form-label col-sm-4">{{this.$p.t('person', 'ort')}}</label>
<label :for="Ort" class="form-label col-sm-4">{{$p.t('person', 'ort')}}</label>
<div v-if="addressData['ort']" class="col-sm-6">
<input type="text" name="ort" class="form-control" v-model="addressData['ort']">
</div>
<div v-else class="col-sm-6">
<select v-if="addressData['nation'] == 'A'" name="address[ort]" class="form-select" v-model="addressData['ort']">
<option v-if="!orte.length" disabled>{{this.$p.t('person', 'gemeinde_waehlen')}}</option>
<option v-if="!orte.length" disabled>{{$p.t('person', 'gemeinde_waehlen')}}</option>
<option v-for="ort in orte" :key="ort.ortschaftsname" :value="ort.ortschaftsname">{{ort.ortschaftsname}}</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="heimatadresse" class="form-label col-sm-4">{{this.$p.t('person', 'heimatadresse')}}</label>
<label for="heimatadresse" class="form-label col-sm-4">{{$p.t('person', 'heimatadresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="heimatadresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['heimatadresse']">
@@ -511,7 +511,7 @@ export default{
</div>
<div class="row mb-3">
<label for="zustelladresse" class="form-label col-sm-4">{{this.$p.t('person', 'zustelladresse')}}</label>
<label for="zustelladresse" class="form-label col-sm-4">{{$p.t('person', 'zustelladresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="zustelladresse" type="checkbox" class="form-check-input" value="1" v-model="addressData['zustelladresse']">
@@ -520,14 +520,14 @@ export default{
</div>
<div class="row mb-3">
<label for="co_name" class="form-label col-sm-4">{{this.$p.t('person', 'co_name')}}</label>
<label for="co_name" class="form-label col-sm-4">{{$p.t('person', 'co_name')}}</label>
<div class="col-sm-6">
<input type="text" id="co_name" class="form-control" v-model="addressData['co_name']">
</div>
</div>
<div class="row mb-3">
<label for="rechnungsadresse" class="form-label col-sm-4">{{this.$p.t('person', 'rechnungsadresse')}}</label>
<label for="rechnungsadresse" class="form-label col-sm-4">{{$p.t('person', 'rechnungsadresse')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="rechnungsadresse" type="checkbox" class="form-check-input" v-model="addressData['rechnungsadresse']">
@@ -536,7 +536,7 @@ export default{
</div>
<div class="row mb-3">
<label for="firma_name" class="form-label col-sm-4">{{this.$p.t('person', 'firma')}}</label>
<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}}</label>
<div v-if="addressData.firmenname" class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData.firmenname">
</div>
@@ -550,14 +550,14 @@ export default{
</div>
<div class="row mb-3">
<label for="name" class="form-label col-sm-4">{{this.$p.t('person', 'firma_zusatz')}}</label>
<label for="name" class="form-label col-sm-4">{{$p.t('person', 'firma_zusatz')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="name" v-model="addressData['name']">
</div>
</div>
<div class="row mb-3">
<label for="anmerkung" class="form-label col-sm-4">{{this.$p.t('global', 'anmerkung')}}</label>
<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="addressData['anmerkung']">
</div>
@@ -565,19 +565,19 @@ export default{
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button ref="Close" type="button" class="btn btn-primary" @click="updateAddress(addressData.adresse_id)">OK</button>
</template>
</BsModal>
<!--Modal: deleteAdressModal-->
<BsModal ref="deleteAdressModal">
<template #title>{{this.$p.t('person', 'adresse_delete')}}</template>
<template #title>{{$p.t('person', 'adresse_delete')}}</template>
<template #default>
<p>{{this.$p.t('person', 'adresse_confirm_delete')}}</p>
<p>{{$p.t('person', 'adresse_confirm_delete')}}</p>
</template>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button ref="Close" type="button" class="btn btn-primary" @click="deleteAddress(addressData.adresse_id)">OK</button>
</template>
</BsModal>
@@ -222,7 +222,7 @@ export default{
<!--Modal: Add Bankverbindung-->
<BsModal title="Bankverbindung anlegen" ref="newBankverbindungModal">
<template #title>{{this.$p.t('person', 'bankvb_new')}}</template>
<template #title>{{$p.t('person', 'bankvb_new')}}</template>
<form class="row g-3" ref="bankverbindungData">
<div class="row mb-3">
<label for="name" class="form-label col-sm-4">Name</label>
@@ -231,7 +231,7 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="anschrift" class="form-label col-sm-4">{{this.$p.t('person', 'anschrift')}}</label>
<label for="anschrift" class="form-label col-sm-4">{{$p.t('person', 'anschrift')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anschrift" v-model="bankverbindungData['anschrift']">
</div>
@@ -250,28 +250,28 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="kontonr" class="form-label col-sm-4">{{this.$p.t('person', 'kontonr')}}</label>
<label for="kontonr" class="form-label col-sm-4">{{$p.t('person', 'kontonr')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
</div>
</div>
<div class="row mb-3">
<label for="blz" class="form-label col-sm-4">{{this.$p.t('person', 'blz')}}</label>
<label for="blz" class="form-label col-sm-4">{{$p.t('person', 'blz')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="blz" v-model="bankverbindungData['blz']">
</div>
</div>
<div class="row mb-3">
<label for="typ" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="typ" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="typ" class="form-select" required v-model="bankverbindungData['typ']">
<option value="p">{{this.$p.t('person', 'privatkonto')}}</option>
<option value="f">{{this.$p.t('person', 'firmenkonto')}}</option>
<option value="p">{{$p.t('person', 'privatkonto')}}</option>
<option value="f">{{$p.t('person', 'firmenkonto')}}</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="verrechnung" class="form-label col-sm-4">{{this.$p.t('person', 'verrechnung')}}</label>
<label for="verrechnung" class="form-label col-sm-4">{{$p.t('person', 'verrechnung')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="verrechnung" type="checkbox" class="form-check-input" value="1" v-model="bankverbindungData['verrechnung']">
@@ -280,14 +280,14 @@ export default{
</div>
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-primary" @click="addNewBankverbindung()">OK</button>
</template>
</BsModal>
<!--Modal: Edit Bankverbindung-->
<BsModal ref="editBankverbindungModal">
<template #title>{{this.$p.t('person', 'bankvb_edit')}}</template>
<template #title>{{$p.t('person', 'bankvb_edit')}}</template>
<form class="row g-3" ref="bankverbindungData">
<div class="row mb-3">
@@ -297,7 +297,7 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="anschrift" class="form-label col-sm-4">{{this.$p.t('person', 'anschrift')}}</label>
<label for="anschrift" class="form-label col-sm-4">{{$p.t('person', 'anschrift')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anschrift" v-model="bankverbindungData['anschrift']">
</div>
@@ -315,28 +315,28 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="kontonr" class="form-label col-sm-4">{{this.$p.t('person', 'kontonr')}}</label>
<label for="kontonr" class="form-label col-sm-4">{{$p.t('person', 'kontonr')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="kontonr" v-model="bankverbindungData['kontonr']">
</div>
</div>
<div class="row mb-3">
<label for="blz" class="form-label col-sm-4">{{this.$p.t('person', 'blz')}}</label>
<label for="blz" class="form-label col-sm-4">{{$p.t('person', 'blz')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="blz" v-model="bankverbindungData['blz']">
</div>
</div>
<div class="row mb-3">
<label for="typ" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="typ" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="typ" class="form-select" required v-model="bankverbindungData['typ']">
<option value="p">{{this.$p.t('person', 'privatkonto')}}</option>
<option value="f">{{this.$p.t('person', 'firmenkonto')}}</option>
<option value="p">{{$p.t('person', 'privatkonto')}}</option>
<option value="f">{{$p.t('person', 'firmenkonto')}}</option>
</select>
</div>
</div>
<div class="row mb-3">
<label for="verrechnung" class="form-label col-sm-4">{{this.$p.t('person', 'verrechnung')}}</label>
<label for="verrechnung" class="form-label col-sm-4">{{$p.t('person', 'verrechnung')}}</label>
<div class="col-sm-3">
<div class="form-check">
<input id="verrechnung" type="checkbox" class="form-check-input" value="1" v-model="bankverbindungData['verrechnung']">
@@ -345,19 +345,19 @@ export default{
</div>
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button ref="Close" type="button" class="btn btn-primary" @click="updateBankverbindung(bankverbindungData.bankverbindung_id)">OK</button>
</template>
</BsModal>
<!--Modal: Delete Bankverbindung-->
<BsModal ref="deleteBankverbindungModal">
<template #title>{{this.$p.t('person', 'bankvb_delete')}}</template>
<template #title>{{$p.t('person', 'bankvb_delete')}}</template>
<template #default>
<p>{{this.$p.t('person', 'bankvb_confirm_delete')}}</p>
<p>{{$p.t('person', 'bankvb_confirm_delete')}}</p>
</template>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button ref="Close" type="button" class="btn btn-primary" @click="deleteBankverbindung(bankverbindungData.bankverbindung_id)">OK</button>
</template>
</BsModal>
@@ -18,7 +18,7 @@ export default{
tabulatorOptions: {
ajaxURL: CoreRESTClient._generateRouterURI('components/stv/Kontakt/getKontakte/' + this.uid),
columns:[
{title:"Typ", field:"kontakttyp"}, //TODO(manu) mix ok?
{title:"Typ", field:"kontakttyp"},
{title:"Kontakt", field:"kontakt"},
{title:"Zustellung", field:"zustellung",
formatter: (cell, formatterParams, onRendered) => {
@@ -228,11 +228,11 @@ export default{
<!--Modal: new Contact-->
<BsModal ref="newContactModal">
<template #title>{{this.$p.t('person', 'kontakt_new')}}</template>
<template #title>{{$p.t('person', 'kontakt_new')}}</template>
<form class="row g-3" ref="contactData">
<div class="row mb-3">
<label for="kontakttyp" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="kontakttyp" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="kontakttyp" class="form-control" v-model="contactData.kontakttyp">
<option value="">keine Auswahl</option>
@@ -241,20 +241,20 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="kontakt" class="form-label col-sm-4">{{this.$p.t('global', 'kontakt')}}</label>
<label for="kontakt" class="form-label col-sm-4">{{$p.t('global', 'kontakt')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="kontakt" v-model="contactData['kontakt']">
</div>
</div>
<div class="row mb-3">
<label for="anmerkung" class="form-label col-sm-4">{{this.$p.t('global', 'anmerkung')}}</label>
<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
</div>
</div>
<div class="row mb-3">
<label for="zustellung" class="form-label col-sm-4">{{this.$p.t('person', 'zustellung')}}</label>
<label for="zustellung" class="form-label col-sm-4">{{$p.t('person', 'zustellung')}}</label>
<div class="col-sm-6">
<div class="form-check">
<input id="zustellung" type="checkbox" class="form-check-input" value="1" v-model="contactData['zustellung']">
@@ -263,24 +263,24 @@ export default{
</div>
<div class="row mb-3">
<label for="firma_name" class="form-label col-sm-4">{{this.$p.t('person', 'firma')}} / {{this.$p.t('person', 'standort')}}</label>
<label for="firma_name" class="form-label col-sm-4">{{$p.t('person', 'firma')}} / {{$p.t('person', 'standort')}}</label>
<div class="col-sm-6">
<PvAutoComplete v-model="contactData['standort']" optionLabel="kurzbz" :suggestions="filteredStandorte" @complete="search" minLength="3"/>
</div>
</div>
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{{$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-primary" @click="addNewContact()">OK</button>
</template>
</BsModal>
<!--Modal: Edit Contact-->
<BsModal ref="editContactModal">
<template #title>{{this.$p.t('person', 'kontakt_edit')}}</template>
<template #title>{{$p.t('person', 'kontakt_edit')}}</template>
<form class="row g-3" ref="contactData">
<div class="row mb-3">
<label for="kontakttyp" class="form-label col-sm-4">{{this.$p.t('global', 'typ')}}</label>
<label for="kontakttyp" class="form-label col-sm-4">{{$p.t('global', 'typ')}}</label>
<div class="col-sm-6">
<select id="kontakttyp" class="form-control" v-model="contactData.kontakttyp">
<option value="">-- keine Auswahl --</option>
@@ -289,19 +289,19 @@ export default{
</div>
</div>
<div class="row mb-3">
<label for="kontakt" class="form-label col-sm-4">{{this.$p.t('global', 'kontakt')}}</label>
<label for="kontakt" class="form-label col-sm-4">{{$p.t('global', 'kontakt')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="kontakt" v-model="contactData['kontakt']">
</div>
</div>
<div class="row mb-3">
<label for="anmerkung" class="form-label col-sm-4">{{this.$p.t('global', 'anmerkung')}}</label>
<label for="anmerkung" class="form-label col-sm-4">{{$p.t('global', 'anmerkung')}}</label>
<div class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="anmerkung" v-model="contactData['anmerkung']">
</div>
</div>
<div class="row mb-3">
<label for="zustellung" class="form-label col-sm-4">{{this.$p.t('person', 'zustellung')}}</label>
<label for="zustellung" class="form-label col-sm-4">{{$p.t('person', 'zustellung')}}</label>
<div class="col-sm-6">
<div class="form-check">
<input id="zustellung" type="checkbox" class="form-check-input" value="1" v-model="contactData['zustellung']">
@@ -313,7 +313,7 @@ export default{
</div>
<div class="row mb-3">
<label for="standort" class="form-label col-sm-4">{{this.$p.t('person', 'firma')}} / {{this.$p.t('person', 'standort')}}</label>
<label for="standort" class="form-label col-sm-4">{{$p.t('person', 'firma')}} / {{$p.t('person', 'standort')}}</label>
<div v-if="contactData.kurzbz" class="col-sm-6">
<input type="text" :readonly="readonly" class="form-control" id="name" v-model="contactData.kurzbz">
</div>
@@ -323,19 +323,19 @@ export default{
</div>
</form>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-primary" @click="updateContact(contactData.kontakt_id)">OK</button>
</template>
</BsModal>
<!--Modal: Delete Contact-->
<BsModal ref="deleteContactModal">
<template #title>{{this.$p.t('person', 'kontakt_delete')}}</template>
<template #title>{{$p.t('person', 'kontakt_delete')}}</template>
<template #default>
<p>{{this.$p.t('person', 'kontakt_confirm_delete')}}</p>
<p>{{$p.t('person', 'kontakt_confirm_delete')}}</p>
</template>
<template #footer>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{this.$p.t('ui', 'abbrechen')}}</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal" @click="resetModal">{{$p.t('ui', 'abbrechen')}}</button>
<button ref="Close" type="button" class="btn btn-primary" @click="deleteContact(contactData.kontakt_id)">OK</button>
</template>
</BsModal>