File manager - Edit - /home/autoph/public_html/projects/ahg-hr/assets/index.45e327f1.js
Back
import{_ as w,r as b,o as i,b as p,F as S,m as R,d as a,t as N,e as o,h as k,J as _,z as x,j as g,k as E,u as W,w as J,c as K}from"./index.15cec131.js";import{a as c,u as U}from"./vee-validate.14b41ee0.js";import{c as h}from"./array.8551fbb7.js";import{B as Q}from"./index.bdcc6190.js";import{C as X}from"./index.5cb8fa8c.js";import{I as Z}from"./index.c6b20525.js";import{T as F}from"./index.f10fd84a.js";import{T}from"./index.9a705aa9.js";import{I as C}from"./index.c252b558.js";import"./vue-cleave.min.64bb37b7.js";const $={props:{stepNumber:{type:Number,required:!0},steps:{type:Array,required:!0}},components:{Icon:Z}},ee={class:"flex z-[5] items-start relative flex-col lg:min-h-[750px] md:min-h-[550px] min-h-[550px]"},re={key:0},le={key:1,class:"text-3xl"},ae={class:"w-max block"};function se(l,e,n,r,f,v){const d=b("Icon");return i(),p("div",ee,[(i(!0),p(S,null,R(n.steps,(m,u)=>(i(),p("div",{key:u,class:"relative z-[1] flex-1 last:flex-none"},[a("div",{class:k([n.stepNumber>=u?"bg-slate-900 text-white ring-slate-900 dark:bg-slate-900 dark:ring-slate-700 dark:ring-offset-slate-500 ring-offset-2":"bg-white ring-slate-900 ring-opacity-70 text-slate-900 dark:text-slate-300 text-opacity-70 dark:bg-slate-700 dark:ring-slate-700","transition duration-150 icon-box md:h-12 md:w-12 h-8 w-8 rounded-full flex flex-col items-center justify-center relative z-[66] ring-1 md:text-lg text-base font-medium"])},[n.stepNumber<=u?(i(),p("span",re,N(u+1),1)):(i(),p("span",le,[o(d,{icon:"bx:check-double"})]))],2),a("div",{class:k(["absolute top-0 left-1/2 -translate-x-1/2 h-full w-[2px]",n.stepNumber>=u?"bg-slate-900 dark:bg-slate-900":"bg-[#E0EAFF] dark:bg-slate-600"])},null,2),a("div",{class:k(["absolute top-0 ltr:left-full rtl:right-full ltr:pl-4 rtl:pr-4 text-base leading-6 md:mt-3 mt-1 transition duration-150 w-full",n.stepNumber>=u?"text-slate-900 dark:text-slate-300":"text-slate-500 dark:text-slate-300 dark:text-opacity-40"])},[a("span",ae,N(m.title),1)],2)]))),128))])}const oe=w($,[["render",se],["__scopeId","data-v-bcaecb8c"]]);const te={data(){return{basic:{nickname:""}}},props:{stepNumber:{type:Number,required:!0},stepSchema:{type:Object,required:!0}},components:{Textinput:F,Textarea:T,InputGroup:C},setup(l,{emit:e}){const n=_(0),{value:r,errorMessage:f}=c("basic.nickname"),{value:v,errorMessage:d}=c("email"),{value:m,errorMessage:u}=c("username"),{value:s,errorMessage:V}=c("fullname"),{value:y,errorMessage:t}=c("phone"),{value:I,errorMessage:M}=c("password"),{value:P,errorMessage:A}=c("confirmpass"),{value:B,errorMessage:L}=c("fname"),{value:Y,errorMessage:j}=c("lname"),{value:q,errorMessage:z}=c("address"),{value:G,errorMessage:O}=c("fburl"),D=x(()=>{switch(n.value){case 0:return stepSchema;case 1:return personalSchema;case 2:return addressSchema;case 3:return socialSchema;default:return stepSchema}}),{handleSubmit:H}=U({validationSchema:D,keepValuesOnUnmount:!0});return H(()=>{n.value===steps.length-1?toast.success("Form Submitted Successfully!"):n.value++}),{nickname:r,nicknameError:f,email:v,emailError:d,username:m,usernameError:u,fullname:s,fullnameError:V,phone:y,phoneError:t,password:I,passwordError:M,confirmpass:P,confirmpassError:A,fname:B,fnameError:L,lname:Y,lnameError:j,address:q,addressError:z,fburl:G,fbError:O}}},ne={key:0},de={class:"grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-5"},me={key:1},ie={class:"grid md:grid-cols-2 grid-cols-1 gap-5"},ue={key:2},pe={class:"grid grid-cols-1 gap-5"},ce={key:3},be={class:"grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-5"};function fe(l,e,n,r,f,v){const d=b("Textinput"),m=b("InputGroup"),u=b("Textarea");return i(),p("form",{onSubmit:e[11]||(e[11]=E((...s)=>l.submit&&l.submit(...s),["prevent","stop"]))},[n.stepNumber===0?(i(),p("div",ne,[a("div",de,[e[12]||(e[12]=a("div",{class:"lg:col-span-3 md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Account Details ")],-1)),o(d,{label:"Nickname",placeholder:"",type:"text",name:"nickname",modelValue:f.basic.nickname,"onUpdate:modelValue":e[0]||(e[0]=s=>f.basic.nickname=s)},null,8,["modelValue"]),o(d,{label:"Username",type:"text",placeholder:"Type your Username",name:"userName",modelValue:r.username,"onUpdate:modelValue":e[1]||(e[1]=s=>r.username=s),error:r.usernameError},null,8,["modelValue","error"]),o(d,{label:"Full Name",type:"text",placeholder:"Full name",name:"fullname",modelValue:r.fullname,"onUpdate:modelValue":e[2]||(e[2]=s=>r.fullname=s),error:r.fullnameError},null,8,["modelValue","error"]),o(d,{label:"Email",type:"email",placeholder:"Type your email",name:"email",modelValue:r.email,"onUpdate:modelValue":e[3]||(e[3]=s=>r.email=s),error:r.emailError},null,8,["modelValue","error"]),o(m,{label:"Phone Number",type:"text",prepend:"MY (+6)",placeholder:"Phone Number",name:"phoneNumber",modelValue:r.phone,"onUpdate:modelValue":e[4]||(e[4]=s=>r.phone=s),error:r.phoneError},null,8,["modelValue","error"]),o(d,{label:"Password",type:"password",placeholder:"8+ characters, 1 capital letter",name:"password",modelValue:r.password,"onUpdate:modelValue":e[5]||(e[5]=s=>r.password=s),error:r.passwordError,hasicon:""},null,8,["modelValue","error"]),o(d,{label:"Confirm Password",type:"password",placeholder:"Password",name:"confirmpass",modelValue:r.confirmpass,"onUpdate:modelValue":e[6]||(e[6]=s=>r.confirmpass=s),error:r.confirmpassError,hasicon:""},null,8,["modelValue","error"])])])):g("",!0),n.stepNumber===1?(i(),p("div",me,[a("div",ie,[e[13]||(e[13]=a("div",{class:"md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Personal Info ")],-1)),o(d,{label:"First Name",type:"text",placeholder:"First name",name:"firstname",modelValue:r.fname,"onUpdate:modelValue":e[7]||(e[7]=s=>r.fname=s),error:r.fnameError},null,8,["modelValue","error"]),o(d,{label:"Last Name",type:"text",placeholder:"Last name",name:"lastname",modelValue:r.lname,"onUpdate:modelValue":e[8]||(e[8]=s=>r.lname=s),error:r.lnameError},null,8,["modelValue","error"])])])):g("",!0),n.stepNumber===2?(i(),p("div",ue,[a("div",pe,[e[14]||(e[14]=a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"},"Enter Your Address",-1)),o(u,{label:"Address",type:"text",placeholder:"Write Address",name:"address",modelValue:r.address,"onUpdate:modelValue":e[9]||(e[9]=s=>r.address=s),error:r.addressError},null,8,["modelValue","error"])])])):g("",!0),n.stepNumber===3?(i(),p("div",ce,[a("div",be,[e[15]||(e[15]=a("div",{class:"lg:col-span-3 md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Social Links ")],-1)),o(d,{label:"Facebook",type:"text",placeholder:"https://www.facebook.com/profile",name:"fburl",modelValue:r.fburl,"onUpdate:modelValue":e[10]||(e[10]=s=>r.fburl=s),error:r.fbError},null,8,["modelValue","error"])])])):g("",!0)],32)}const ge=w(te,[["render",fe],["__scopeId","data-v-348f63d2"]]);const ve={data(){return{basic:{nickname:""}}},props:{stepNumber:{type:Number,required:!0},stepSchema:{type:Object,required:!0}},components:{Button:Q,Card:X,Steps:oe,StepForm:ge,Textinput:F,Textarea:T,InputGroup:C},setup(){const l=W(),e=_(0),{value:n}=c("nickname");console.log(n);const r=[{id:1,title:"Basic"},{id:2,title:"Family"},{id:3,title:"Education / Affiliations"},{id:4,title:"Previous Employment"},{id:5,title:"Training & Seminars"},{id:6,title:"Character References"},{id:7,title:"Skills, Hobbies, Sports & Dialect/Language"}],f=h().shape({}),v=h().shape({}),d=h().shape({}),m=h().shape({}),u=x(()=>{switch(e.value){case 0:return f;case 1:return v;case 2:return d;case 3:return m;default:return f}}),{handleSubmit:s}=U({validationSchema:u,keepValuesOnUnmount:!0}),V=s(()=>{console.log(n.value),e.value===r.length-1?l.success("Form Submitted Successfully!"):e.value++});return{steps:r,stepNumber:e,currentSchema:u,submit:V,prev:()=>{e.value--},isLastStep:x(()=>e.value===r.length-1)}}},Ve={class:"py-8 content bg-cover bg-center bg-fixed lg:min-h-[720px] bg-[url('@/assets/images/office-chair.jpg')]"},ye={class:"p-2"},he={class:"xl:col-span-4 lg:col-span-5 col-span-12 card-auto-height pb-4"},ke={class:"border border-slate-500 shadow rounded-lg h-auto bg-white space-y-6 drop-shadow opacity-90 p-8"},xe={class:"grid gap-5 grid-cols-12"},Ee={class:"lg:col-span-3 col-span-12"},we={class:"conten-box lg:col-span-9 col-span-12"},Ne={key:0},Se={class:"grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-5"},_e={key:1},Ue={class:"grid md:grid-cols-2 grid-cols-1 gap-5"},Fe={key:2},Te={class:"grid grid-cols-1 gap-5"},Ce={key:3},Ie={class:"grid lg:grid-cols-3 md:grid-cols-2 grid-cols-1 gap-5"},Me={class:"mt-10 flex justify-between"};function Pe(l,e,n,r,f,v){const d=b("Steps"),m=b("Textinput"),u=b("InputGroup"),s=b("Textarea"),V=b("Button"),y=b("Card");return i(),p(S,null,[e[16]||(e[16]=a("div",{class:"w-full h-48 bg-cover bg-center bg-[url('@/assets/images/logo/AUTOHUB25_BANNER.png')]"},null,-1)),a("div",Ve,[a("div",ye,[a("div",he,[o(y,null,{default:J(()=>[a("div",ke,[a("div",xe,[a("div",Ee,[o(d,{steps:r.steps,"step-number":r.stepNumber},null,8,["steps","step-number"])]),a("div",we,[a("form",{onSubmit:e[11]||(e[11]=E((...t)=>r.submit&&r.submit(...t),["prevent","stop"]))},[r.stepNumber===0?(i(),p("div",Ne,[a("div",Se,[e[12]||(e[12]=a("div",{class:"lg:col-span-3 md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Account Details ")],-1)),o(m,{label:"Nickname",placeholder:"",type:"text",name:"nickname",modelValue:l.nickname,"onUpdate:modelValue":e[0]||(e[0]=t=>l.nickname=t)},null,8,["modelValue"]),o(m,{label:"Username",type:"text",placeholder:"Type your Username",name:"userName",modelValue:l.username,"onUpdate:modelValue":e[1]||(e[1]=t=>l.username=t),error:l.usernameError},null,8,["modelValue","error"]),o(m,{label:"Full Name",type:"text",placeholder:"Full name",name:"fullname",modelValue:l.fullname,"onUpdate:modelValue":e[2]||(e[2]=t=>l.fullname=t),error:l.fullnameError},null,8,["modelValue","error"]),o(m,{label:"Email",type:"email",placeholder:"Type your email",name:"email",modelValue:l.email,"onUpdate:modelValue":e[3]||(e[3]=t=>l.email=t),error:l.emailError},null,8,["modelValue","error"]),o(u,{label:"Phone Number",type:"text",prepend:"MY (+6)",placeholder:"Phone Number",name:"phoneNumber",modelValue:l.phone,"onUpdate:modelValue":e[4]||(e[4]=t=>l.phone=t),error:l.phoneError},null,8,["modelValue","error"]),o(m,{label:"Password",type:"password",placeholder:"8+ characters, 1 capital letter",name:"password",modelValue:l.password,"onUpdate:modelValue":e[5]||(e[5]=t=>l.password=t),error:l.passwordError,hasicon:""},null,8,["modelValue","error"]),o(m,{label:"Confirm Password",type:"password",placeholder:"Password",name:"confirmpass",modelValue:l.confirmpass,"onUpdate:modelValue":e[6]||(e[6]=t=>l.confirmpass=t),error:l.confirmpassError,hasicon:""},null,8,["modelValue","error"])])])):g("",!0),r.stepNumber===1?(i(),p("div",_e,[a("div",Ue,[e[13]||(e[13]=a("div",{class:"md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Personal Info ")],-1)),o(m,{label:"First Name",type:"text",placeholder:"First name",name:"firstname",modelValue:l.fname,"onUpdate:modelValue":e[7]||(e[7]=t=>l.fname=t),error:l.fnameError},null,8,["modelValue","error"]),o(m,{label:"Last Name",type:"text",placeholder:"Last name",name:"lastname",modelValue:l.lname,"onUpdate:modelValue":e[8]||(e[8]=t=>l.lname=t),error:l.lnameError},null,8,["modelValue","error"])])])):g("",!0),r.stepNumber===2?(i(),p("div",Fe,[a("div",Te,[e[14]||(e[14]=a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"},"Enter Your Address",-1)),o(s,{label:"Address",type:"text",placeholder:"Write Address",name:"address",modelValue:l.address,"onUpdate:modelValue":e[9]||(e[9]=t=>l.address=t),error:l.addressError},null,8,["modelValue","error"])])])):g("",!0),r.stepNumber===3?(i(),p("div",Ce,[a("div",Ie,[e[15]||(e[15]=a("div",{class:"lg:col-span-3 md:col-span-2 col-span-1"},[a("h4",{class:"text-base text-slate-800 dark:text-slate-300 mb-6"}," Enter Your Social Links ")],-1)),o(m,{label:"Facebook",type:"text",placeholder:"https://www.facebook.com/profile",name:"fburl",modelValue:l.fburl,"onUpdate:modelValue":e[10]||(e[10]=t=>l.fburl=t),error:l.fbError},null,8,["modelValue","error"])])])):g("",!0),a("div",Me,[r.stepNumber!==0?(i(),K(V,{key:0,onClick:E(r.prev,["prevent","stop"]),text:"Prev",btnClass:"btn-dark"},null,8,["onClick"])):g("",!0),o(V,{text:r.isLastStep?"Submit":"Next",btnClass:"btn-dark",class:"flex justify-end"},null,8,["text"])])],32)])])])]),_:1})])])])],64)}const He=w(ve,[["render",Pe],["__scopeId","data-v-30f4cbdd"]]);export{He as default};
| ver. 1.4 |
.
| PHP 8.1.32 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings