https://bgov.kz/build/assets/AnswerModal-49959124.js

1import{h as f,K as I,i as p,s as G,o as u,c as H,w as b,f as y,t as c,b as g,a as i,e as d,r as K,n as J,u as n,F as C,m as k,v as h,g as v,N as w,d as $}from"./app-3767b508.js";import{_ as P}from"./SecondaryButton-507ab9e8.js";import{_ as Q}from"./DialogModal-3ec4c543.js";import{_ as R}from"./PrimaryButton-fad68cbe.js";import{_ as W}from"./Flash-4b57efae.js";import{_ as X}from"./Checkbox-b9bf0f96.js";import{L as Y}from"./constants-f587be58.js";import"./Modal-6175ac5d.js";const Z={class:"relative mt-2"},ee={class:"col-span-6 flex items-center justify-end"},te=["onClick"],se={key:0,class:"col-span-6 mb-4"},ae={for:"label",class:"block text-sm font-medium text-gray-700"},le={key:0,class:"text-xs mt-2 text-[#ff0022]"},oe={key:1,class:"col-span-6 mb-4"},ne={for:"text",class:"block text-sm font-medium text-gray-700"},ie={key:0,class:"text-xs mt-2 text-[#ff0022]"},re={key:2,class:"col-span-6 mb-4"},ue={for:"value",class:"block text-sm font-medium text-gray-700"},ce={key:0,class:"text-xs mt-2 text-[#ff0022]"},de={key:3,class:"block mt-2 mb-2"},me={class:"flex items-center",for:"is_correct"},ve={class:"ml-2 text-sm text-gray-600"},fe={key:4,class:"col-span-6 mb-4"},pe={for:"explanation",class:"block text-sm font-medium text-gray-700"},xe={key:0,class:"text-xs mt-2 text-[#ff0022]"},Ce={__name:"AnswerModal",props:{questionId:[String,Number],quizType:String,questionType:String,category:String,answer:{type:Object,default:null}},emits:["close","accept"],setup(F,{emit:M}){const m=F;let o=f(I().props.locale);const S=a=>{o.value=a},E=f([]),q=f(""),x=f(!1),r=f({});function T(){r.value={}}const V=M,U=m.answer!==null,_=p(()=>["finance"].includes(m.quizType)),A=p(()=>_.value&&["select","multiselect","list"].includes(m.questionType)),N=p(()=>["scale","select","multiselect","list"].includes(m.questionType)),z=p(()=>["scale","multiselect","select"].includes(m.questionType)&&!_.value),j=p(()=>_.value),L=p(()=>["list"].includes(m.questionType)||["select","multiselect"].includes(m.questionType)&&_.value),s=f({label:{kk:"",ru:"",en:""},text:{kk:"",ru:"",en:""},value:{kk:"",ru:"",en:""},is_correct:!1,explanation:{kk:"",ru:"",en:""}});function D(){var a;return T(),A.value&&w.forEach(e=>{var t,l;(l=(t=s.value)==null?void 0:t.label)!=null&&l[e.code]||(r.value[`label_${e.code}`]=$("Это обязательное поле"))}),N.value&&w.forEach(e=>{var t,l;(l=(t=s.value)==null?void 0:t.text)!=null&&l[e.code]||(r.value[`text_${e.code}`]=$("Это обязательное поле"))}),z.value&&w.forEach(e=>{var t,l;(l=(t=s.value)==null?void 0:t.value)!=null&&l[e.code]||(r.value[`value_${e.code}`]=$("Это обязательное поле"))}),L.value&&m.category&&w.forEach(e=>{var t,l;(l=(t=s.value)==null?void 0:t.explanation)!=null&&l[e.code]||(r.value[`explanation_${e.code}`]=$("Это обязательное поле"))}),!!((a=Object.values(r.value))!=null&&a.length)}function B(){T(),V("close")}G(()=>{m.answer&&(s.value=m.answer)});const O=async()=>{var a;try{if(D())return;x.value=!0;const t={label:s.value.label,text:s.value.text,value:s.value.value,is_correct:s.value.is_correct,explanation:s.value.explanation};let l=null;((a=s.value)==null?void 0:a.id)!==void 0?l=await axios.put(`/online-surveys/answer/update/${s.value.id}`,t):l=await axios.post(`/online-surveys/answer/store/${m.questionId}`,t),l&&l.data&&l.data.data&&V("accept",l.data.data)}catch(e){e&&e.response&&(q.value=e.response.data.message||e.response.data.exception,E.value=e.response.data.errors||[])}finally{x.value=!1}};return(a,e)=>(u(),H(Q,{show:!0,onClose:B},{title:b(()=>[y(c(U?a.$t("Edit"):a.$t("Создать")),1)]),content:b(()=>[g(W,{errors:E.value,message:q.value},null,8,["errors","message"]),i("form",Z,[i("div",ee,[(u(!0),d(C,null,K(Object.entries(n(Y)),t=>(u(),d("span",{key:t[0],class:"inline-flex shadow-sm rounded-md"},[i("button",{onClick:l=>S(t[0]),type:"button",class:J(["inline-flex items-center px-4 py-2 border border-gray-300 text-xs font-medium focus:z-10 focus:outline-none focus:ring-1 focus:ring-indigo-500 focus:border-indigo-500 first:rounded-l-md last:rounded-r-md transition-colors",n(o)===t[0]?"bg-blue-700 text-white":"bg-white text-gray-700 hover:bg-gray-100 hover:text-gray-900"])},c(t[1]),11,te)]))),128))]),A.value?(u(),d("div",se,[i("label",ae,c(a.$t("Лейбл")),1),k(i("input",{"onUpdate:modelValue":e[0]||(e[0]=t=>s.value.label[n(o)]=t),type:"text",name:"label",id:"label",class:"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"},null,512),[[h,s.value.label[n(o)]]]),r.value[`label_${n(o)}`]?(u(),d("div",le,c(r.value[`label_${n(o)}

1`]),1)):v("",!0)])):v("",!0),N.value?(u(),d("div",oe,[i("label",ne,c(a.$t("Текст ответа")),1),k(i("input",{"onUpdate:modelValue":e[1]||(e[1]=t=>s.value.text[n(o)]=t),type:"text",name:"text",id:"text",class:"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"},null,512),[[h,s.value.text[n(o)]]]),r.value[`text_${n(o)}`]?(u(),d("div",ie,c(r.value[`text_${n(o)}`]),1)):v("",!0)])):v("",!0),z.value?(u(),d("div",re,[i("label",ue,c(a.$t("Значение")),1),k(i("input",{"onUpdate:modelValue":e[2]||(e[2]=t=>s.value.value[n(o)]=t),type:"text",name:"value",id:"value",class:"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"},null,512),[[h,s.value.value[n(o)]]]),r.value[`value_${n(o)}`]?(u(),d("div",ce,c(r.value[`value_${n(o)}`]),1)):v("",!0)])):v("",!0),j.value?(u(),d("div",de,[i("label",me,[g(X,{checked:s.value.is_correct,"onUpdate:checked":e[3]||(e[3]=t=>s.value.is_correct=t),id:"is_correct",name:"is_correct"},null,8,["checked"]),i("span",ve,c(s.value.is_correct?a.$t("Правильный"):a.$t("Неправильный")),1)])])):v("",!0),L.value?(u(),d("div",fe,[i("label",pe,c(a.$t("Объяснение")),1),k(i("input",{"onUpdate:modelValue":e[4]||(e[4]=t=>s.value.explanation[n(o)]=t),type:"text",name:"explanation",id:"explanation",class:"mt-1 focus:ring-indigo-500 focus:border-indigo-500 block w-full shadow-sm sm:text-sm border-gray-300 rounded-md"},null,512),[[h,s.value.explanation[n(o)]]]),r.value[`explanation_${n(o)}`]?(u(),d("div",xe,c(r.value[`explanation_${n(o)}`]),1)):v("",!0)])):v("",!0)])]),footer:b(()=>[g(R,{onClick:O,class:"mr-2",disabled:x.value},{default:b(()=>[x.value?(u(),d(C,{key:0},[e[5]||(e[5]=i("svg",{class:"animate-spin -ml-1 mr-3 h-4 w-4 text-white",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},[i("circle",{class:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor","stroke-width":"4"}),i("path",{class:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"})],-1)),y(" "+c(a.$t("Сохранение...")),1)],64)):(u(),d(C,{key:1},[y(c(a.$t("Сохранить")),1)],64))]),_:1},8,["disabled"]),g(P,{onClick:B,disabled:x.value},{default:b(()=>[y(c(a.$t("Закрыть")),1)]),_:1},8,["disabled"])]),_:1}))}};export{Ce as default};