2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{q as S,K as U,J as i,N as V,r as $,e as m,f as e,t as r,g as I,w as k,c as n,M as O,l as d,O as _,P as h,h as s,n as g,F as v,i as E,j as p,E as C,af as q,L as Q,k as F}from"./index.6c33638b.js";import{c,r as w,m as x,e as P,u as B}from"./index.esm.d0fe505a.js";const G={class:"intro-y flex items-center mt-8"},H={class:"text-lg font-medium mr-auto"},W={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"},J={class:"font-medium text-base mr-auto"},K={class:"p-5"},X=["onSubmit"],Y={class:"input-form"},Z={for:"validation-form-2",class:"form-label w-full flex flex-col sm:flex-row"},ee={class:"sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"},te=e("span",{class:"text-red-600"},"*",-1),se=["placeholder"],oe={class:"input-form mt-3"},ae={for:"validation-form-2",class:"form-label w-full flex flex-col sm:flex-row"},re={class:"sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"},le=e("span",{class:"text-red-600"},"*",-1),ne=["placeholder"],ie={class:"input-form mt-3"},me={for:"validation-form-2",class:"form-label w-full flex flex-col sm:flex-row"},de={class:"sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"},ce=e("span",{class:"text-red-600"},"*",-1),ue=["placeholder"],pe={class:"input-form mt-3"},fe={for:"validation-form-2",class:"form-label w-full flex flex-col sm:flex-row"},_e={class:"sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"},he=e("span",{class:"text-red-600"},"*",-1),ge={class:"relative flex w-full flex-wrap items-stretch mb-3"},ve=["placeholder"],Ee={class:"z-10 h-full leading-snug font-normal absolute text-center absolute text-base items-center justify-center w-8 right-0 pr-3 py-3"},we={type:"submit",class:"btn btn-primary mt-5"},Ie={__name:"Main",setup($e){const A="https://panel.exchange.gov.tm/api",f=S(!1),b=U({firstname:"",lastname:"",email:"",password:""}),y={firstname:{required:c.withMessage(i.global.t("REQUIRED_VALIDATION"),w),minLength:c.withMessage(i.global.t("MIN_LENGTH_VALIDATION",{min:2}),x(2))},lastname:{required:c.withMessage(i.global.t("REQUIRED_VALIDATION"),w),minLength:c.withMessage(i.global.t("MIN_LENGTH_VALIDATION",{min:2}),x(2))},email:{required:c.withMessage(i.global.t("REQUIRED_VALIDATION"),w),email:c.withMessage(i.global.t("EMAIL_VALIDATION"),P)},password:{required:c.withMessage(i.global.t("REQUIRED_VALIDATION"),w),minLength:c.withMessage(i.global.t("MIN_LENGTH_VALIDATION",{min:8}),x(8))}},R=()=>{document.querySelector("input[name='password']").type="text"},N=()=>{document.querySelector("input[name='password']").type="password"},t=B(y,V(b)),L=async()=>{if(t.value.$touch(),t.value.$invalid){console.log("invalid");return}try{const o=q();f.value=!0;const l=await Q.post(`${A}/account/add-client`,b);console.log("response onAddUser: ",l),f.value=!1,F.push({path:"/users"}),o.success(i.global.t("USER_CREATED_SUCCESS"))}catch(o){console.log("error onAddUser: ",o),f.value=!1}};return(o,l)=>{const M=$("EyeIcon"),D=$("LoadingIcon"),T=$("PreviewComponent");return n(),m("div",null,[e("div",G,[e("h2",H,r(o.$t("CREATE_USER")),1)]),e("div",W,[e("div",j,[I(T,{class:"intro-y box"},{default:k(()=>[e("div",z,[e("h2",J,r(o.$t("USER_FORM")),1)]),e("div",K,[e("form",{class:"validate-form",onSubmit:O(L,["prevent"])},[e("div",Y,[e("label",Z,[d(r(o.$t("FIRSTNAME"))+" ",1),e("span",ee,[te,d(" "+r(o.$t("REQUIRED")),1)])]),_(e("input",{id:"validation-form-2","onUpdate:modelValue":l[0]||(l[0]=a=>s(t).firstname.$model=a),type:"text",class:g(["form-control",{"border-danger":s(t).firstname.$error}]),name:"firstname",placeholder:o.$t("ENTER_FIRSTNAME")},null,10,se),[[h,s(t).firstname.$model,void 0,{trim:!0}]]),s(t).firstname.$error?(n(!0),m(v,{key:0},E(s(t).firstname.$errors,(a,u)=>(n(),m("div",{key:u,class:"text-danger mt-2"},r(a.$message),1))),128)):p("",!0)]),e("div",oe,[e("label",ae,[d(r(o.$t("LASTNAME"))+" ",1),e("span",re,[le,d(" "+r(o.$t("REQUIRED")),1)])]),_(e("input",{id:"validation-form-2","onUpdate:modelValue":l[1]||(l[1]=a=>s(t).lastname.$model=a),type:"text",name:"lastname",class:g(["form-control",{"border-danger":s(t).lastname.$error}]),placeholder:o.$t("ENTER_LASTNAME")},null,10,ne),[[h,s(t).lastname.$model,void 0,{trim:!0}]]),s(t).lastname.$error?(n(!0),m(v,{key:0},E(s(t).lastname.$errors,(a,u)=>(n(),m("div",{key:u,class:"text-danger mt-2"},r(a.$message),1))),128)):p("",!0)]),e("div",ie,[e("label",me,[d(r(o.$t("EMAIL"))+" ",1),e("span",de,[ce,d(" "+r(o.$t("REQUIRED")),1)])]),_(e("input",{id:"validation-form-2","onUpdate:modelValue":l[2]||(l[2]=a=>s(t).email.$model=a),type:"email",name:"email",class:g(["form-control",{"border-danger":s(t).email.$error}]),placeholder:o.$t("EMAIL")},null,10,ue),[[h,s(t).email.$model,void 0,{trim:!0}]]),s(t).email.$error?(n(!0),m(v,{key:0},E(s(t).email.$errors,(a,u)=>(n(),m("div",{key:u,class:"text-danger mt-2"},r(a.$message),1))),128)):p("",!0)]),e("div",pe,[e("label",fe,[d(r(o.$t("PASSWORD"))+" ",1),e("span",_e,[he,d(" "+r(o.$t("REQUIRED")),1)])]),e("div",ge,[_(e("input",{id:"validation-form-2","onUpdate:modelValue":l[3]||(l[3]=a=>s(t).password.$model=a),type:"password",name:"password",class:g(["form-control px-3 py-3 relative w-full pr-10",{"border-danger":s(t).password.$error}]),placeholder:o.$t("ENTER_PASSWORD")},null,10,ve),[[h,s(t).password.$model,void 0,{trim:!0}]]),e("span",Ee,[I(M,{class:"text-slate-400 cursor-pointer",onMousedown:R,onMouseup:N})])]),s(t).password.$error?(n(!0),m(v,{key:0},E(s(t).password.$errors,(a,u)=>(n(),m("div",{key:u,class:"text-danger mt-2"},r(a.$message),1))),128)):p("",!0)]),e("button",we,[d(r(o.$t("CREATE"))+" ",1),f.value?(n(),C(D,{key:0,icon:"oval",color:"white",class:"w-4 h-4 ml-2"})):p("",!0)])],40,X)])]),_:1})])])])}}};export{Ie as default};
|