https://primariapalatca.ro/_nuxt/BCFJ7L2-.js

1import{bg as l,b3 as c,J as h,b_ as i,Q as A,a0 as r,aR as z,I as m,Z as n,bs as E,h as B,O as y,c1 as j,bz as O,P as q}from"./PW_UF68a.js";import{m as p}from"./B_aewNsK.js";import{a as J,g as $,m as V,j as u}from"./-W1VOijv.js";import{g as C}from"./vqRouZZy.js";import{D as R}from"./YBCtw0SD.js";import _ from"./DwhTS8tI.js";import"./Bz2dEcw7.js";import"./fgnZjpTr.js";import"./Bs5_TFWz.js";import"./CIhhRri8.js";import"./CH7vd0UB.js";import"./206wqFYJ.js";const Q={key:0,class:"pa-3 position-absolute",style:{"z-index":"10"}},H={class:"report-field-wrap"},W={class:"report-field-wrap"},Y={class:"report-field-wrap"},Z={class:"report-field-wrap"},G={class:"report-field-wrap"},K={class:"report-field-wrap"},X={class:"report-field-wrap"},x={name:"ProblemReports",components:{DateIntervalPicker:R,ImageCropper:_},mixins:[C],beforeRouteLeave(o,e,t){this.$recaptcha.destroy(),this.resetScopeFilters({scope:"citizen-reports"}),t()},layout:"map",data(){return{isAuthenticated:!!localStorage.getItem("auth_token"),tab:null,filters:{categories:[],category:[],status:""},problem:{last_name:"",first_name:"",email:"",phone:"",category:null,description:"",image:null,tos:!1},formErrors:{last_name:"",first_name:"",email:"",phone:"",category:"",description:""},togglePinEvent:!1,map:null,coords:[],loading:!1,markers:[],record:null,citizenReportId:null,accessToken:"pk.eyJ1IjoiZ3JlYmUxOTkxIiwiYSI6ImNrcjF3MDl0ejI1bm4ycW82dHM1Mzl1cmMifQ.bdG78NAiFuxu2omfuTyouQ"}},async mounted(){await this.setItemsPerPage({scope:"citizen-reports-categories",itemsPerPage:999}),await this.createResource("navigators"),await this.getData("citizen-reports-categories"),await this.initializeMap(),this.prefillCitizenData()},computed:{...u("tenant",["tenant"]),...u("navigators",["navigator"]),...u("citizenReportsCategories",["citizenReportsCategories"]),...u("errors",["errors"]),...u("citizenReports",["citizenReports"])},async created(){try{await this.$recaptcha.init()}catch(o){console.error(o)}},methods:{...$("errors",["clearError"]),...V("resources",["createResource","getData","storeAndReturnResource","createRegistration"]),...V("query",["resetScopeFilters"]),...$("query",["setItemsPerPage","setFilter"]),prefillCitizenData(){const o=this.$auth?.$state?.user?.citizen,e=this.$auth?.$state?.user;(o||e)&&(this.problem.last_name=o?.last_name||o?.nume||"",this.problem.first_name=o?.first_name||o?.prenume||"",this.problem.email=e?.email||o?.email||"",this.problem.phone=o?.phone||o?.telefon||"")},clearFormError(o){this.formErrors[o]=""},validateForm(){let o=!0;return this.formErrors={last_name:"",first_name:"",email:"",phone:"",category:"",description:""},this.problem.last_name?.trim()||(this.formErrors.last_name="Numele este obligatoriu.",o=!1),this.problem.first_name?.trim()||(this.formErrors.first_name="Prenumele este obligatoriu.",o=!1),this.problem.email?.trim()?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(this.problem.email)||(this.formErrors.email="Email-ul nu este valid.",o=!1):(this.formErrors.email="Email-ul este obligatoriu.",o=!1),this.problem.phone?.trim()||(this.formErrors.phone="Numărul de telefon este obligatoriu.",o=!1),this.problem.category||(this.formErrors.category="Categoria este obligatorie.",o=!1),this.problem.description?.trim()||(this.formErrors.description="Descrierea este obligatorie.",o=!1),o},async initializeMap(){this.$store.state.app.coordinates&&(this.coords=[this.$store.state.app.coordinates.longitude,this.$store.state.app.coordinates.latitude],this.createMap())},async applyFilters(){this.setFilter({scope:"citizen-reports",key:"filter[category]",val:this.filters.category}),this.setFilter({scope:"citizen-reports",key:"filter[status]",val:this.filters.status}),await this.getData("citizen-reports"),this.map=null,this.createMap()},async send(){if(!this.validateForm())return;const o={...this.problem,category:this.problem.category.name,citizen_id:localStorage.getItem("citizenId")};this.markers.length&&(o.marker={...this.markers[0].marker.getLngLat(),icon:this.problem.category.icon}),this.loading=!0;const e=await this.$recaptcha.execute("send_citizen_report"),t=await this.storeAndReturnResource({scope:"citizen-reports",data:{...o,token:e},navigate:!1,isFormData:!0});t&&(this.citizenReportId=t.model.id,this.record=await this.createRegistration({id:this.citizenReportId,scope:"citizen-report"})),this.loading=!1},createMap(){if(!p.supported()){this.$errorAlert("Browserul dumneavoastra nu suporta functionalitatile necesare pentru randarea hărții");return}p.accessToken=this.accessToken,this.map=new p.Map({accessToken:this.accessToken,container:"map",style:"mapbox://styles/mapbox/streets-v11?optimize=true",zoom:14,center:this.coords}),this.map.addControl(new p.NavigationControl,"top-left"),this.map.addControl(new this.$stylesControl({styles:[{label:"Satelit",styleName:"Satellite",styleUrl:"mapbox://styles/mapbox/satellite-v9?optimize=true"},{label:"Oraș",styleName:"Outdoors",styleUrl:"mapbox://styles/mapbox/outdoors-v11?optimize=true"}]}),"bottom-left"),this.map.on("load",()=>{this.addNewMarkers()}),this.map.on("click",o=>

1{this.togglePinEvent&&(this.coords=[o.lngLat.wrap().lng,o.lngLat.wrap().lat],this.addNewMarker(),this.togglePinEvent=!this.togglePinEvent)})},addNewMarkers(){this.citizenReports.forEach(o=>{this.addMarker(o)})},addNewMarker(){this.markers.length&&(this.markers[0].marker.remove(),this.markers.length=0);const o=document.createElement("div"),e=document.createElement("div"),t=document.createElement("i");t.className="marker v-icon notranslate mdi "+this.problem.category.icon,t.style.fontSize="1.5rem",t.style.color="white",t.style.transition="none",t.style.transform="rotate(-45deg)",e.style.backgroundColor="red",e.style.borderTopLeftRadius="50%",e.style.borderTopRightRadius="50%",e.style.borderBottomLeftRadius="50%",e.style.transform="rotate(45deg)",e.style.border="2px solid white",e.style.padding="5px",o.appendChild(e),e.appendChild(t);const s=new p.Marker(o).setLngLat(this.coords).addTo(this.map);this.markers.push({marker:s})},addMarker(o){if(!o.marker)return;const e=new p.Popup({offset:25,closeButton:!1,closeOnClick:!1}).setHTML(`
2            <div style="display: flex; flex-direction: column; gap: 5px">
3              <div style="color: black; font-size: 0.9rem"><b>Categorie:</b> ${o.category}</div>
4              <div style="color: black; font-size: 0.9rem"><b>Stare:</b> ${o.status}</div>
5              <div style="color: black; font-size: 0.9rem"><b>Descriere:</b> ${o.description}</div>
6              <div style="color: black; font-size: 0.9rem"><b>Creat la:</b> ${this.$options.filters.formatDate(o.created_at)}</div>
7            </div>
8          `),t=document.createElement("div"),s=document.createElement("div"),d=document.createElement("i");d.className="marker v-icon notranslate mdi "+o.marker.icon,d.style.fontSize="1.5rem",d.style.color="white",d.style.transition="none",d.style.transform="rotate(-45deg)",s.style.backgroundColor="red",s.style.borderTopLeftRadius="50%",s.style.borderTopRightRadius="50%",s.style.borderBottomLeftRadius="50%",s.style.transform="rotate(45deg)",s.style.border="2px solid white",s.style.padding="5px",t.appendChild(s),s.appendChild(d),new p.Marker(t).setLngLat([o.marker.lng,o.marker.lat]).addTo(this.map).setPopup(e)}}},ee=Object.assign(x,{setup(o){return(e,t)=>{const s=l("v-icon"),d=l("v-tab"),I=l("v-tabs"),P=l("v-toolbar"),k=l("v-autocomplete"),F=l("v-select"),b=l("v-card-text"),g=l("v-btn"),M=l("v-card-actions"),v=l("v-card"),w=l("v-window-item"),T=l("v-card-title"),N=B,S=l("v-alert"),f=l("v-text-field"),L=l("v-textarea"),D=l("v-checkbox"),U=l("v-window");return c(),h(v,{flat:"",height:"100vh",width:"100vw",class:"d-flex justify-end position-relative form-grid"},{default:i(()=>[e.togglePinEvent?y("",!0):(c(),A("div",Q,[r(P,{flat:"",width:"320px",prominent:"",style:z({backgroundColor:e.navigator?.background_color?.length===9?"#"+e.navigator.background_color.slice(1,7):e.navigator?.background_color||"#1976d2",boxShadow:"none"})},{extension:i(()=>[r(I,{modelValue:e.tab,"onUpdate:modelValue":t[0]||(t[0]=a=>e.tab=a),class:"custom-tabs white--text"},{default:i(()=>[r(d,{value:"filter"},{default:i(()=>[t[21]||(t[21]=m("span",{class:"white--text"},"Filtre",-1)),r(s,null,{default:i(()=>[...t[20]||(t[20]=[n("mdi-filter",-1)])]),_:1})]),_:1}),r(d,{value:"report"},{default:i(()=>[t[23]||(t[23]=m("span",{class:"white--text"},"Semnalează problemă",-1)),r(s,null,{default:i(()=>[...t[22]||(t[22]=[n("mdi-google-maps",-1)])]),_:1})]),_:1})]),_:1},8,["modelValue"])]),_:1},8,["style"]),r(U,{modelValue:e.tab,"onUpdate:modelValue":t[19]||(t[19]=a=>e.tab=a)},{default:i(()=>[r(w,{value:"filter"},{default:i(()=>[r(v,{flat:"",width:"320px",class:"overflow-y-auto mb-5","max-height":"60vh"},{default:i(()=>[r(b,null,{default:i(()=>[r(k,{modelValue:e.filters.category,"onUpdate:modelValue":t[1]||(t[1]=a=>e.filters.category=a),clearable:"",density:"comfortable",class:"filter-field filter-category","prepend-inner-icon":"mdi-alert","hide-details":"",items:e.citizenReportsCategories,variant:"outlined","item-title":"name","item-value":"name",label:e.$t("fields.category")},null,8,["modelValue","items","label"]),r(F,{modelValue:e.filters.status,"onUpdate:modelValue":t[2]||(t[2]=a=>e.filters.status=a),density:"comfortable",class:"filter-field filter-select","prepend-inner-icon":"mdi-list-status","hide-details":"",items:["În lucru","Rezolvat"],variant:"outlined",label:e.$t("fields.status")}

8,null,8,["modelValue","label"]),r(R,{class:"white-dates date-interval-comfortable",scope:"citizen-reports","scope-key":"created_at"})]),_:1}),r(M,null,{default:i(()=>[r(g,{color:"success",block:"",size:"large",variant:"text",onClick:e.applyFilters},{default:i(()=>[n(E(e.$t("buttons.filter")),1)]),_:1},8,["onClick"])]),_:1})]),_:1})]),_:1}),r(w,{value:"report"},{default:i(()=>[r(v,{flat:"",width:"320px",class:"overflow-y-auto mb-5","max-height":"60vh"},{default:i(()=>[r(T,null,{default:i(()=>[...t[24]||(t[24]=[n("Adaugă sesizare",-1)])]),_:1}),e.isAuthenticated?y("",!0):(c(),h(S,{key:0,type:"info",variant:"tonal",closable:"",class:"mx-3 mb-4"},{default:i(()=>[t[26]||(t[26]=n(" Formularul poate fi trimis fara autentificare. Daca doriti sa urmariti statusul solicitarii, va puteti ",-1)),r(N,{to:"/auth/citizens/register",class:"font-weight-bold"},{default:i(()=>[...t[25]||(t[25]=[n("crea un cont de cetatean",-1)])]),_:1}),t[27]||(t[27]=n(". ",-1))]),_:1})),r(b,{class:"report-form"},{default:i(()=>[m("div",H,[r(f,{modelValue:e.problem.last_name,"onUpdate:modelValue":t[3]||(t[3]=a=>e.problem.last_name=a),density:"comfortable","prepend-inner-icon":"mdi-account",variant:"outlined","error-messages":e.formErrors.last_name,label:e.$t("fields.last_name"),onInput:t[4]||(t[4]=a=>e.clearFormError("last_name"))},null,8,["modelValue","error-messages","label"])]),m("div",W,[r(f,{modelValue:e.problem.first_name,"onUpdate:modelValue":t[5]||(t[5]=a=>e.problem.first_name=a),density:"comfortable","error-messages":e.formErrors.first_name,"prepend-inner-icon":"mdi-account",variant:"outlined",label:e.$t("fields.first_name"),onInput:t[6]||(t[6]=a=>e.clearFormError("first_name"))},null,8,["modelValue","error-messages","label"])]),m("div",Y,[r(f,{modelValue:e.problem.email,"onUpdate:modelValue":t[7]||(t[7]=a=>e.problem.email=a),density:"comfortable","prepend-inner-icon":"mdi-email","error-messages":e.formErrors.email,variant:"outlined",label:e.$t("fields.email"),type:"email",onInput:t[8]||(t[8]=a=>e.clearFormError("email"))},null,8,["modelValue","error-messages","label"])]),m("div",Z,[r(f,{modelValue:e.problem.phone,"onUpdate:modelValue":t[9]||(t[9]=a=>e.problem.phone=a),density:"comfortable","prepend-inner-icon":"mdi-phone","error-messages":e.formErrors.phone,variant:"outlined",label:e.$t("fields.phone")||"Telefon",required:"",onInput:t[10]||(t[10]=a=>e.clearFormError("phone"))},null,8,["modelValue","error-messages","label"])]),m("div",G,[r(k,{modelValue:e.problem.category,"onUpdate:modelValue":[t[11]||(t[11]=a=>e.problem.category=a),t[12]||(t[12]=a=>e.clearFormError("category"))],clearable:"","error-messages":e.formErrors.category,"prepend-inner-icon":"mdi-alert",items:e.citizenReportsCategories,variant:"outlined","return-object":"",hint:e.$t("citizen_reports.hint"),"persistent-hint":"","item-title":"name",label:e.$t("fields.category")},null,8,["modelValue","error-messages","items","hint","label"])]),e.problem.category?(c(),h(g,{key:0,block:"",class:"mb-3 text-white",style:z({backgroundColor:e.navigator?.background_color?.length===9?"#"+e.navigator.background_color.slice(1,7):e.navigator?.background_color||"#1976d2",color:"white"}),onClick:t[13]||(t[13]=a=>e.togglePinEvent=!e.togglePinEvent)},{default:i(()=>[n(E(e.$t("buttons.pin"))+" ",1),r(s,{class:"ml-1"},{default:i(()=>[...t[28]||(t[28]=[n("mdi-map-marker",-1)])]),_:1})]),_:1},8,["style"])):y("",!0),m("div",K,[r(L,{modelValue:e.problem.description,"onUpdate:modelValue":t[14]||(t[14]=a=>e.problem.description=a),"prepend-inner-icon":"mdi-card-text",variant:"outlined",clearable:"","auto-grow":"","error-messages":e.formErrors.description,label:e.$t("fields.description"),rows:"5",onInput:t[15]||(t[15]=a=>e.clearFormError("description"))},null,8,["modelValue","error-messages","label"])]),m("div",X,[r(_,{ratio:null,hint:e.$t("petitions.image_hint"),"is-edit":"",dense:!0,label:e.$t("fields.image"),onImageReady:t[16]||(t[16]=a=>e.problem.image=a)},null,8,["hint","label"])]),r(D,{modelValue:e.problem.tos,"onUpdate:modelValue":t[18]||(t[18]=a=>e.problem.tos=a),class:"mb-1 d-flex align-center checkbox",label:e.$t("fields.tos"),color:"primary"},{append:i(()=>[r(s,{class:"ml-2 open-new-icon",onClick:t[17]||(t[17]=j(a=>O(C)(null,null,(e._.provides[q]||e.$route).query.tos,1),["stop"]))},{default:i(()=>[...t[29]||(t[29]=[n(" mdi-open-in-new ",-1)])]),_:1})]),_:1},8,["modelValue","label"])]),_:1}),r(b,null,{default:i(()=>[r(g,{block:"",color:"site text-white",height:"48",loading:e.loading,disabled:e.loading||!e.problem.tos,onClick:e.send},{default:i(()=>[t[31]||(t[31]=n(" Trimite ",-1)),r(s,{class:"ml-1"},{default:i(()=>[...t[30]||(t[30]=[n("mdi-send",-1)])]),_:1})]),_:1},8,["loading","disabled","onClick"])]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])])),t[32]||(t[32]=m("div",{id:"map",style:{height:"100%",width:"100%"}},null,-1))]),_:1})}}}),fe=J(ee,[["__scopeId","data-v-e8a2148a"]]);export{fe as default};