http://xn--90aciakhhg8arp.xn--p1ai/build/assets/AppealsFormComponent-2fdd4dad.js

1import{I as c}from"./InputField-a60c13f3.js";import{P as h}from"./PhoneField-c57a608a.js";import{F as g}from"./FeedbackMixin-70c90f08.js";import{T as C}from"./TextField-b95fc307.js";import{u as F}from"./GoogleRecaptcha-8a0e1637.js";import{n as d,o as m,p as i,q as o,K as V,v as a,D as v,u as b,H as f,F as N}from"./directives-29ec0e3e.js";import{_ as k}from"./_plugin-vue_export-helper-c27b6911.js";const y={name:"AppealsFormComponent",components:{TextField:C,InputField:c,PhoneField:h},mixins:[g],props:{privacyPolicyLink:null,description:null},data(){return{name:"appeals",selectedFiles:[],fileName:"",form:{secondName:"",name:"",middleName:"",address:"",email:"",phone:"",message:""}}},methods:{async generateToken(){this.form.g_recaptcha_token=await F().generateToken("appeals")},async store(){this.loading=!0;const l=new FormData;await this.generateToken(),Object.keys(this.form).forEach(e=>{e!=="appeals_file"&&l.append(e,this.form[e])}),this.selectedFiles.forEach((e,p)=>{l.append(`appeals_file[${p}]`,e)}),axios.post("/feedback/store/appeals",l).then(e=>{this.completed=!0,console.log(e)}).catch(e=>{e.response.status===422&&(this.errors=e.response.data.errors)}).finally(()=>{this.loading=!1}),console.log(l)},onFileChange(l){this.selectedFiles=Array.from(l.target.files),this.fileName=this.selectedFiles.map(e=>e.name).join(", ")||"Прикрепить файл"}}},w=["innerHTML"],x={class:"appeals-form__content"},T={key:0},L={class:"appeals-form__top"},U={class:"appeals-form__item"},M={class:"appeals-form__item"},j={class:"appeals-form__item"},z={class:"appeals-form__item"},B={class:"appeals-form__bottom"},D={class:"appeals-form__item"},P={class:"appeals-form__file"},A={for:"appealsFile",class:"input__file-button"},E={key:0,xmlns:"http://www.w3.org/2000/svg",width:"19",height:"18",viewBox:"0 0 19 18",fill:"none"},I={key:0,class:"loader-frame"};function H(l,e,p,S,r,t){const n=d("InputField"),u=d("PhoneField"),_=d("TextField");return m(),i(N,null,[e[13]||(e[13]=o("h1",{class:"appeals-form__title"},"Форма обращения",-1)),o("div",{class:"appeals-form__descr",innerHTML:p.description},null,8,w),o("div",x,[l.completed?(m(),i("p",T," Данные успешно отправлены, мы свяжется с вами в ближайшее время. ")):(m(),i("form",{key:1,onSubmit:e[8]||(e[8]=V((...s)=>t.store&&t.store(...s),["prevent"]))},[o("div",L,[o("div",U,[a(n,{name:"secondName",placeholder:"Фамилия *",label:"",modelValue:r.form.secondName,"onUpdate:modelValue":e[0]||(e[0]=s=>r.form.secondName=s),errors:l.errors.secondName},null,8,["modelValue","errors"]),a(n,{name:"name",placeholder:"Имя *",label:"",modelValue:r.form.name,"onUpdate:modelValue":e[1]||(e[1]=s=>r.form.name=s),errors:l.errors.name},null,8,["modelValue","errors"])]),o("div",M,[a(n,{name:"middleName",placeholder:"Отчество (при наличии)",label:"",modelValue:r.form.middleName,"onUpdate:modelValue":e[2]||(e[2]=s=>r.form.middleName=s),errors:l.errors.middleName},null,8,["modelValue","errors"]),a(n,{name:"address",placeholder:"Адрес (город, улица, дом, корпус, квартира)",label:"",modelValue:r.form.address,"onUpdate:modelValue":e[3]||(e[3]=s=>r.form.address=s),errors:l.errors.address},null,8,["modelValue","errors"])]),o("div",j,[a(u,{name:"phone",placeholder:"Телефон",label:"",modelValue:r.form.phone,"onUpdate:modelValue":e[4]||(e[4]=s=>r.form.phone=s),errors:l.errors.phone},null,8,["modelValue","errors"]),a(n,{name:"email",placeholder:"E-mail *",label:"",modelValue:r.form.email,"onUpdate:modelValue":e[5]||(e[5]=s=>r.form.email=s),errors:l.errors.email},null,8,["modelValue","errors"])]),o("div",z,[a(_,{name:"message",placeholder:"Ваше сообщение",label:"",modelValue:r.form.message,"onUpdate:modelValue":e[6]||(e[6]=s=>r.form.message=s),errors:l.errors.message},null,8,["modelValue","errors"])])]),o("div",B,[o("div",D,[o("div",P,[o("input",{name:"appeals_file[]",class:v([{"is-invalid":l.errors},"input-file"]),type:"file",id:"appealsFile",onChange:e[7]||(e[7]=(...s)=>t.onFileChange&&t.onFileChange(...s)),accept:".doc, .docx, .pdf, .xls,.xlsx, .rar, .zip, .7z, .jpg"},null,34),o("label",A,[o("span",null,b(r.fileName||"Прикрепить файл"),1),r.fileName?f("",!0):(m(),i("svg",E,e[9]||(e[9]=[o("path",{d:"M11.8794 5.25L6.93988 10.1895C6.79662 10.3279 6.68234 10.4934 6.60373 10.6764C6.52512 10.8594 6.48374 11.0562 6.48201 11.2554C6.48027 11.4546 6.51823 11.6521 6.59365 11.8364C6.66907 12.0208 6.78045 12.1883 6.92129 12.3291C7.06213 12.4699 7.22961 12.5813 7.41395 12.6567C7.59829 12.7322 7.79581 12.7701 7.99498 12.7684C8.19415 12.7666 8.39098 12.7253 8.57399 12.6467C8.75699 12.568 8.92251 12.4538 9.06088 12.3105L13.8714 7.371C14.4179 6.80519 14.7202 6.04739 14.7134 5.2608C14.7066 4.47421 14.3911 3.72177 13.8348 3.16554C13.2786 2.60932 12.5262 2.29381 11.7396 2.28698C10.953 2.28014 10.1952 2.58253 9.62938 3.129L4.8

11813 8.06775C3.97415 8.91174 3.5 10.0564 3.5 11.25C3.5 12.4436 3.97415 13.5883 4.81813 14.4323C5.66212 15.2762 6.80681 15.7504 8.00038 15.7504C9.19396 15.7504 10.3386 15.2762 11.1826 14.4323L15.8754 9.75",stroke:"#0DA84B","stroke-width":"1.4","stroke-linecap":"round","stroke-linejoin":"round"},null,-1)])))])]),e[10]||(e[10]=o("p",null," Допустимый размер файла: 19 Mb. Форматы: doc, docx, pdf, xls, xlsx, rar, zip, 7z, jpg ",-1))]),e[11]||(e[11]=o("div",{class:"appeals-form__item"},[o("button",{type:"submit",class:"appeals-form__btn"},"Отправить"),o("p",null," Нажимая, Вы соглашаетесь с порядком приема и рассмотрения обращений в администрации Березовского городского округа в электронном виде. ")],-1))])],32))]),l.loading?(m(),i("div",I,e[12]||(e[12]=[o("div",{class:"loader"},null,-1)]))):f("",!0)],64)}const W=k(y,[["render",H]]);export{W as default};