2 lines
5.1 KiB
JavaScript
2 lines
5.1 KiB
JavaScript
"use strict";(self["webpackChunkmiriamgemeinde"]=self["webpackChunkmiriamgemeinde"]||[]).push([[414],{5414:function(e,t,o){o.r(t),o.d(t,{default:function(){return k}});var n=o(641),s=o(33);const a=["onClick"];function c(e,t,o,c,l,i){const r=(0,n.g2)("ContactPersonForm");return(0,n.uX)(),(0,n.CE)("div",null,[t[0]||(t[0]=(0,n.Lk)("h1",null,"Kontaktpersonen Verwaltung",-1)),(0,n.bF)(r,{contactPerson:l.selectedContactPerson,positions:l.positions,onContactPersonSaved:i.fetchContactPersons},null,8,["contactPerson","positions","onContactPersonSaved"]),(0,n.Lk)("ul",null,[((0,n.uX)(!0),(0,n.CE)(n.FK,null,(0,n.pI)(l.contactPersons,e=>((0,n.uX)(),(0,n.CE)("li",{key:e.id,onClick:t=>i.selectContactPerson(e)},(0,s.v_)(e.name),9,a))),128))])])}var l=o(4335),i=o(3751);const r={class:"contact-person-form"};function p(e,t,o,s,a,c){const l=(0,n.g2)("multiselect");return(0,n.uX)(),(0,n.CE)("div",r,[t[19]||(t[19]=(0,n.Lk)("h2",null,"Kontaktperson Formular",-1)),(0,n.Lk)("form",{onSubmit:t[9]||(t[9]=(0,i.D$)((...e)=>c.saveContactPerson&&c.saveContactPerson(...e),["prevent"]))},[t[10]||(t[10]=(0,n.Lk)("label",{for:"name"},"Name:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"text",id:"name","onUpdate:modelValue":t[0]||(t[0]=e=>a.localContactPerson.name=e),required:""},null,512),[[i.Jo,a.localContactPerson.name]]),t[11]||(t[11]=(0,n.Lk)("label",{for:"phone"},"Telefon:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"text",id:"phone","onUpdate:modelValue":t[1]||(t[1]=e=>a.localContactPerson.phone=e)},null,512),[[i.Jo,a.localContactPerson.phone]]),t[12]||(t[12]=(0,n.Lk)("label",{for:"street"},"Straße:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"text",id:"street","onUpdate:modelValue":t[2]||(t[2]=e=>a.localContactPerson.street=e)},null,512),[[i.Jo,a.localContactPerson.street]]),t[13]||(t[13]=(0,n.Lk)("label",{for:"zipcode"},"PLZ:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"text",id:"zipcode","onUpdate:modelValue":t[3]||(t[3]=e=>a.localContactPerson.zipcode=e)},null,512),[[i.Jo,a.localContactPerson.zipcode]]),t[14]||(t[14]=(0,n.Lk)("label",{for:"city"},"Ort:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"text",id:"city","onUpdate:modelValue":t[4]||(t[4]=e=>a.localContactPerson.city=e)},null,512),[[i.Jo,a.localContactPerson.city]]),t[15]||(t[15]=(0,n.Lk)("label",{for:"email"},"Email:",-1)),(0,n.bo)((0,n.Lk)("input",{type:"email",id:"email","onUpdate:modelValue":t[5]||(t[5]=e=>a.localContactPerson.email=e)},null,512),[[i.Jo,a.localContactPerson.email]]),t[16]||(t[16]=(0,n.Lk)("label",{for:"expiryDate"},"Ablaufdatum (optional):",-1)),(0,n.bo)((0,n.Lk)("input",{type:"date",id:"expiryDate","onUpdate:modelValue":t[6]||(t[6]=e=>a.localContactPerson.expiryDate=e)},null,512),[[i.Jo,a.localContactPerson.expiryDate]]),t[17]||(t[17]=(0,n.Lk)("label",{for:"positions"},"Positionen:",-1)),(0,n.bF)(l,{modelValue:a.selectedPositions,"onUpdate:modelValue":t[7]||(t[7]=e=>a.selectedPositions=e),options:o.positions,multiple:!0,"close-on-select":!1,"clear-on-select":!1,"preserve-search":!0,placeholder:"Wähle einige",label:"caption","track-by":"id","preselect-first":!1},null,8,["modelValue","options"]),t[18]||(t[18]=(0,n.Lk)("button",{type:"submit"},"Speichern",-1)),(0,n.Lk)("button",{type:"button",onClick:t[8]||(t[8]=(...e)=>c.resetForm&&c.resetForm(...e))},"Neue Kontaktperson")],32)])}o(8111),o(1701);var d=o(5877),u={name:"ContactPersonForm",components:{Multiselect:d.Ay},props:{contactPerson:{type:Object,default:()=>({name:"",phone:"",street:"",zipcode:"",city:"",email:"",expiryDate:null,positions:[]})},positions:{type:Array,required:!0}},data(){return{localContactPerson:{...this.contactPerson},selectedPositions:this.contactPerson.positions||[]}},watch:{contactPerson:{handler(e){this.localContactPerson={...e},this.selectedPositions=e.positions||[]},deep:!0,immediate:!0},selectedPositions(e){this.localContactPerson.positions=e}},methods:{async saveContactPerson(){try{const e=this.selectedPositions.map(e=>e.id),t={...this.localContactPerson,positionIds:e};this.localContactPerson.id?await l.A.put(`/contact-persons/${this.localContactPerson.id}`,t):await l.A.post("/contact-persons",t),this.$emit("contactPersonSaved")}catch(e){console.error("Fehler beim Speichern der Kontaktperson:",e)}},resetForm(){this.localContactPerson={name:"",phone:"",street:"",zipcode:"",city:"",email:"",expiryDate:null,positions:[]},this.selectedPositions=[]}}},m=o(6262);const P=(0,m.A)(u,[["render",p],["__scopeId","data-v-5c544070"]]);var h=P,C={name:"ContactPersonManagement",components:{ContactPersonForm:h},data(){return{contactPersons:[],selectedContactPerson:{name:"",phone:"",street:"",zipcode:"",city:"",email:"",expiryDate:null,positions:[]},positions:[]}},created(){this.fetchContactPersons(),this.fetchPositions()},methods:{async fetchContactPersons(){try{const e=await l.A.get("/contact-persons");this.contactPersons=e.data}catch(e){console.error("Fehler beim Abrufen der Kontaktpersonen:",e)}},async fetchPositions(){try{const e=await l.A.get("/positions");this.positions=e.data}catch(e){console.error("Fehler beim Abrufen der Positionen:",e)}},selectContactPerson(e){this.selectedContactPerson=e}}};const b=(0,m.A)(C,[["render",c],["__scopeId","data-v-0a9ccbfb"]]);var k=b}}]);
|
|
//# sourceMappingURL=414.d6becd70.js.map
|