|
|
+import{_ as u,c as a,a as n,w as i,b as l,v as d,n as m,d as p,e as v,f as w,o as t}from"./index-B5wmvqgj.js";const b={data(){return{username:"admin",password:"admin123",rememberMe:!1,invalidUsername:!1,invalidPassword:!1}},methods:{handleLogin(){this.invalidUsername=this.username.length<4||this.username.length>16||!/^[a-zA-Z0-9]+$/.test(this.username),this.invalidPassword=this.password.length<6||this.password.length>20,!this.invalidUsername&&!this.invalidPassword&&(this.username==="admin"&&this.password==="admin123"?this.$router.push("/"):alert("Username or password is incorrect."))}}},h={class:"login-container"},f={key:0,class:"error-message"},g={key:1,class:"error-message"};function U(c,e,x,P,s,o){return t(),a("div",h,[e[8]||(e[8]=n("h2",null,"Login",-1)),n("form",{onSubmit:e[3]||(e[3]=w((...r)=>o.handleLogin&&o.handleLogin(...r),["prevent"]))},[e[5]||(e[5]=n("label",null,"Username:",-1)),i(n("input",{"onUpdate:modelValue":e[0]||(e[0]=r=>s.username=r),placeholder:"admin",class:m({invalid:s.invalidUsername})},null,2),[[d,s.username,void 0,{trim:!0}]]),s.invalidUsername?(t(),a("span",f,"Username must be between 4-16 characters and cannot contain special characters.")):l("",!0),e[6]||(e[6]=n("label",null,"Password:",-1)),i(n("input",{type:"password","onUpdate:modelValue":e[1]||(e[1]=r=>s.password=r),placeholder:"admin123",class:m({invalid:s.invalidPassword})},null,2),[[d,s.password,void 0,{trim:!0}]]),s.invalidPassword?(t(),a("span",g,"Password must be between 6-20 characters.")):l("",!0),n("label",null,[i(n("input",{type:"checkbox","onUpdate:modelValue":e[2]||(e[2]=r=>s.rememberMe=r)},null,512),[[v,s.rememberMe]]),e[4]||(e[4]=p(" Remember me"))]),e[7]||(e[7]=n("button",{type:"submit"},"Login",-1))],32)])}const L=u(b,[["render",U],["__scopeId","data-v-e1c28181"]]);export{L as default};
|
genlitex