2 lines
2.6 KiB
JavaScript
2 lines
2.6 KiB
JavaScript
import{r as o,L as f,u as x,a as F,b as R,c as k,d as m,e as A,j as s,F as B,S as r,f as e,A as u,R as p,I as q,g as D,h as H,i as T,o as W,k as g,C as E,l as z,B as M,T as h,s as i}from"./index.665133e4.js";import{P as G}from"./Page.385732f9.js";import{C as N}from"./Card.f64842fe.js";function V(){const{localeData:t}=o.exports.useContext(f),{login:y}=x(),b=F(),w=R(),[n,S]=o.exports.useState(!1),v=k().shape({email:m().email("Format email tidak valid").required("Email harus diisi"),password:m().required("Password harus diisi")}),C={email:"hospitaladmin@gmail.com",password:"password",remember:!0},d=A({resolver:W(v),defaultValues:C}),{reset:L,setError:I,handleSubmit:P,formState:{errors:l,isSubmitting:j}}=d;return s(B,{methods:d,onSubmit:P(async c=>{try{const a=await y(c.email,c.password);b("/dashboard")}catch(a){console.error(a),L(),w.current&&I("afterSubmit",{...a,message:a.data.message})}}),children:[s(r,{spacing:3,children:[e(u,{severity:"info",children:t.infoLogin}),!!l.afterSubmit&&e(u,{severity:"error",children:l.afterSubmit.data.meta.message}),e(p,{name:"email",label:"Email",required:!0}),e(p,{name:"password",label:"Password",type:n?"text":"password",InputProps:{endAdornment:e(q,{position:"end",children:e(D,{onClick:()=>S(!n),edge:"end",children:e(H,{icon:n?"eva:eye-fill":"eva:eye-off-fill"})})})},required:!0})]}),e(r,{direction:"row",alignItems:"center",justifyContent:"space-between",sx:{my:2}}),e(T,{fullWidth:!0,size:"large",type:"submit",variant:"contained",loading:j,sx:{marginTop:2},children:"Login"})]})}const $=i("div")(({theme:t})=>({[t.breakpoints.up("md")]:{display:"flex"}})),J=i("header")(({theme:t})=>({top:0,zIndex:9,lineHeight:0,width:"100%",display:"flex",alignItems:"center",position:"absolute",padding:t.spacing(3),justifyContent:"space-between",[t.breakpoints.up("md")]:{alignItems:"flex-start",padding:t.spacing(7,5,0,7)}}));i(N)(({theme:t})=>({width:"100%",maxWidth:464,display:"flex",flexDirection:"column",justifyContent:"center",margin:t.spacing(2,0,2,2)}));const K=i("div")(({theme:t})=>({maxWidth:480,margin:"auto",display:"flex",minHeight:"100vh",flexDirection:"column",justifyContent:"center",padding:t.spacing(12,0)}));function Y(){const{localeData:t}=o.exports.useContext(f);return x(),g("up","sm"),g("up","md"),e(G,{title:"Login",children:s($,{children:[e(J,{}),e(E,{maxWidth:"sm",children:s(K,{children:[s(r,{direction:"row",alignItems:"center",sx:{mb:5},children:[e(z,{sx:{width:90,height:90}}),s(M,{sx:{flexGrow:1},children:[e(h,{variant:"h4",gutterBottom:!0,children:t.txtLogin1}),e(h,{variant:"body1",sx:{color:"text.secondary"},children:t.txtLogin2})]})]}),e(V,{})]})})]})})}export{Y as default};
|