2 lines
4.9 KiB
JavaScript
2 lines
4.9 KiB
JavaScript
"use strict";(self["webpackChunkmiriamgemeinde"]=self["webpackChunkmiriamgemeinde"]||[]).push([[6007],{6007:function(t,e,o){o.r(e),o.d(e,{default:function(){return U}});var n=o(6768),s=o(5187);const a=t=>((0,n.Qi)("data-v-f0b51122"),t=t(),(0,n.jt)(),t),c=a((()=>(0,n.Lk)("h1",null,"Kontaktpersonen Verwaltung",-1))),i=["onClick"];function l(t,e,o,a,l,r){const p=(0,n.g2)("ContactPersonForm");return(0,n.uX)(),(0,n.CE)("div",null,[c,(0,n.bF)(p,{contactPerson:l.selectedContactPerson,positions:l.positions,onContactPersonSaved:r.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,(t=>((0,n.uX)(),(0,n.CE)("li",{key:t.id,onClick:e=>r.selectContactPerson(t)},(0,s.v_)(t.name),9,i)))),128))])])}var r=o(4373),p=o(5688);const d=t=>((0,n.Qi)("data-v-1c19470f"),t=t(),(0,n.jt)(),t),u={class:"contact-person-form"},m=d((()=>(0,n.Lk)("h2",null,"Kontaktperson Formular",-1))),P=d((()=>(0,n.Lk)("label",{for:"name"},"Name:",-1))),h=d((()=>(0,n.Lk)("label",{for:"phone"},"Telefon:",-1))),C=d((()=>(0,n.Lk)("label",{for:"street"},"Straße:",-1))),k=d((()=>(0,n.Lk)("label",{for:"zipcode"},"PLZ:",-1))),b=d((()=>(0,n.Lk)("label",{for:"city"},"Ort:",-1))),f=d((()=>(0,n.Lk)("label",{for:"email"},"Email:",-1))),y=d((()=>(0,n.Lk)("label",{for:"positions"},"Positionen:",-1))),v=d((()=>(0,n.Lk)("button",{type:"submit"},"Speichern",-1)));function L(t,e,o,s,a,c){const i=(0,n.g2)("multiselect");return(0,n.uX)(),(0,n.CE)("div",u,[m,(0,n.Lk)("form",{onSubmit:e[8]||(e[8]=(0,p.D$)(((...t)=>c.saveContactPerson&&c.saveContactPerson(...t)),["prevent"]))},[P,(0,n.bo)((0,n.Lk)("input",{type:"text",id:"name","onUpdate:modelValue":e[0]||(e[0]=t=>a.localContactPerson.name=t),required:""},null,512),[[p.Jo,a.localContactPerson.name]]),h,(0,n.bo)((0,n.Lk)("input",{type:"text",id:"phone","onUpdate:modelValue":e[1]||(e[1]=t=>a.localContactPerson.phone=t)},null,512),[[p.Jo,a.localContactPerson.phone]]),C,(0,n.bo)((0,n.Lk)("input",{type:"text",id:"street","onUpdate:modelValue":e[2]||(e[2]=t=>a.localContactPerson.street=t)},null,512),[[p.Jo,a.localContactPerson.street]]),k,(0,n.bo)((0,n.Lk)("input",{type:"text",id:"zipcode","onUpdate:modelValue":e[3]||(e[3]=t=>a.localContactPerson.zipcode=t)},null,512),[[p.Jo,a.localContactPerson.zipcode]]),b,(0,n.bo)((0,n.Lk)("input",{type:"text",id:"city","onUpdate:modelValue":e[4]||(e[4]=t=>a.localContactPerson.city=t)},null,512),[[p.Jo,a.localContactPerson.city]]),f,(0,n.bo)((0,n.Lk)("input",{type:"email",id:"email","onUpdate:modelValue":e[5]||(e[5]=t=>a.localContactPerson.email=t)},null,512),[[p.Jo,a.localContactPerson.email]]),y,(0,n.bF)(i,{modelValue:a.selectedPositions,"onUpdate:modelValue":e[6]||(e[6]=t=>a.selectedPositions=t),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"]),v,(0,n.Lk)("button",{type:"button",onClick:e[7]||(e[7]=(...t)=>c.resetForm&&c.resetForm(...t))},"Neue Kontaktperson")],32)])}var F=o(8074),A={name:"ContactPersonForm",components:{Multiselect:F.Ay},props:{contactPerson:{type:Object,default:()=>({name:"",phone:"",street:"",zipcode:"",city:"",email:"",positions:[]})},positions:{type:Array,required:!0}},data(){return{localContactPerson:{...this.contactPerson},selectedPositions:this.contactPerson.positions||[]}},watch:{contactPerson:{handler(t){this.localContactPerson={...t},this.selectedPositions=t.positions||[]},deep:!0,immediate:!0},selectedPositions(t){this.localContactPerson.positions=t}},methods:{async saveContactPerson(){try{const t=this.selectedPositions.map((t=>t.id)),e={...this.localContactPerson,positionIds:t};this.localContactPerson.id?await r.A.put(`/contact-persons/${this.localContactPerson.id}`,e):await r.A.post("/contact-persons",e),this.$emit("contactPersonSaved")}catch(t){console.error("Fehler beim Speichern der Kontaktperson:",t)}},resetForm(){this.localContactPerson={name:"",phone:"",street:"",zipcode:"",city:"",email:"",positions:[]},this.selectedPositions=[]}}},V=o(1241);const g=(0,V.A)(A,[["render",L],["__scopeId","data-v-1c19470f"]]);var w=g,z={name:"ContactPersonManagement",components:{ContactPersonForm:w},data(){return{contactPersons:[],selectedContactPerson:{name:"",phone:"",street:"",zipcode:"",city:"",email:"",positions:[]},positions:[]}},created(){this.fetchContactPersons(),this.fetchPositions()},methods:{async fetchContactPersons(){try{const t=await r.A.get("/contact-persons");this.contactPersons=t.data}catch(t){console.error("Fehler beim Abrufen der Kontaktpersonen:",t)}},async fetchPositions(){try{const t=await r.A.get("/positions");this.positions=t.data}catch(t){console.error("Fehler beim Abrufen der Positionen:",t)}},selectContactPerson(t){this.selectedContactPerson=t}}};const S=(0,V.A)(z,[["render",l],["__scopeId","data-v-f0b51122"]]);var U=S}}]);
|
|
//# sourceMappingURL=6007.7dddac38.js.map
|