2022-12-13 09:00:14 +00:00
|
|
|
import{ab as N,u as S,s as V,q as D,K as L,J as p,N as M,b as R,r as y,e as n,f as e,t as a,g as A,w as K,F as c,c as l,M as O,O as v,P as E,h as o,n as T,i as _,j as m,ac as U,l as q,E as B}from"./index.86e1cebf.js";import{c as h,r as b,u as P}from"./index.esm.1c33b54f.js";const F={class:"intro-y flex items-center mt-8"},Q={class:"text-lg font-medium mr-auto"},Y={class:"grid grid-cols-12 gap-6 mt-5"},j={class:"intro-y col-span-12 lg:col-span-6"},z={class:"flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"},G={class:"font-medium text-base mr-auto"},J={class:"p-5"},W=["onSubmit"],H={class:"input-form"},X={class:"form-label w-full flex flex-col sm:flex-row"},Z=["placeholder"],ee={class:"input-form mt-3"},te={class:"form-label w-full flex flex-col sm:flex-row"},oe=e("option",{value:"",disabled:""},"Select the category",-1),se=["value"],re={class:"input-form mt-3"},ae={class:"form-label w-full flex flex-col sm:flex-row"},le=["placeholder"],ne=["disabled"],me={__name:"CreateTicket",setup(ie){const $=N(),I=S(),{categories:f}=V($),u=D(!1),g=L({title:"",content:"",category_id:""}),w={title:{required:h.withMessage(p.global.t("REQUIRED_VALIDATION"),b)},content:{required:h.withMessage(p.global.t("REQUIRED_VALIDATION"),b)},category_id:{required:h.withMessage(p.global.t("REQUIRED_VALIDATION"),b)}},t=P(w,M(g)),x=async()=>{t.value.$touch(),t.value.$invalid||(u.value=!0,I.createTicket(g),u.value=!1)};return R(async()=>{await $.getAll();const r=f.value.find(i=>i.code==="TM");r!==void 0&&(g.country=r.id)}),(r,i)=>{const k=y("LoadingIcon"),C=y("PreviewComponent");return l(),n(c,null,[e("div",F,[e("h2",Q,a(r.$t("TICKET_LIST")),1)]),e("div",Y,[e("div",j,[A(C,{class:"intro-y box"},{default:K(()=>[e("div",z,[e("h2",G,a(r.$t("NEW_TICKET_FORM")),1)]),e("div",J,[e("form",{class:"validate-form",onSubmit:O(x,["prevent"])},[e("div",H,[e("label",X,a(r.$t("TICKET_TITLE")),1),v(e("input",{type:"text","onUpdate:modelValue":i[0]||(i[0]=s=>o(t).title.$model=s),class:T(["form-control",{"border-danger":o(t).title.$error}]),name:"title",placeholder:r.$t("TYPE_TICKET_TITLE")},null,10,Z),[[E,o(t).title.$model,void 0,{trim:!0}]]),o(t).title.$error?(l(!0),n(c,{key:0},_(o(t).title.$errors,(s,d)=>(l(),n("div",{key:d,class:"text-danger mt-2"},a(s.$message),1))),128)):m("",!0)]),e("div",ee,[e("label",te,a(r.$t("TICKET_CATEGORIES")),1),v(e("select",{class:T(["form-select px-4 block sm:mr-2",{"border-danger":o(t).category_id.$error}]),"aria-label":"Default select example","onUpdate:modelValue":i[1]||(i[1]=s=>o(t).category_id.$model=s),name:"category"},[oe,o(f).length?(l(!0),n(c,{key:0},_(o(f),s=>(l(),n("option",{key:s.id,value:s.id},a(s.name),9,se))),128)):m("",!0)],2),[[U,o(t).category_id.$model]]),o(t).category_id.$error?(l(!0),n(c,{key:0},_(o(t).category_id.$errors,(s,d)=>(l(),n("div",{key:d,class:"text-danger mt-2"},a(s.$message),1))),128)):m("",!0)]),e("div",re,[e("label",ae,a(r.$t("TICKET_CONTENT")),1),v(e("textarea",{"onUpdate:modelValue":i[2]||(i[2]=s=>o(t).content.$model=s),class:T(["form-control",{"border-danger":o(t).content.$error}]),name:"content",placeholder:r.$t("TYPE_TICKET_CONTENT"),rows:"5"},null,10,le),[[E,o(t).content.$model,void 0,{trim:!0}]]),o(t).content.$error?(l(!0),n(c,{key:0},_(o(t).content.$errors,(s,d)=>(l(),n("div",{key:d,class:"text-danger mt-2"},a(s.$message),1))),128)):m("",!0)]),e("button",{type:"submit",class:"btn btn-primary mt-5",disabled:u.value},[q(a(r.$t("SAVE"))+" ",1),u.value?(l(),B(k,{key:0,icon:"oval",color:"white",class:"w-4 h-4 ml-2"})):m("",!0)],8,ne)],40,W)])]),_:1})])])],64)}}};export{me as default};
|