1 |
- import{d as E,b as D,r as g,a as L,u as B,c as U,f as p,h as s,i as c,w as f,j as o,y as _,D as b,G as x,H as w,E as d,p as v,q as A,s as I,t as V,v as m,F,x as M,I as N,n as R,A as S}from"./index-DrwGqDEP.js";import{_ as q,a as z}from"./coming-soon-object3-ihzdcm-o.js";import{_ as G,a as H,b as K}from"./polygon-object-DNYA5wQ_.js";import{e as O}from"./auth-BvE0Y7x2.js";const T=s("div",{class:"absolute inset-0"},[s("img",{src:q,alt:"image",class:"h-full w-full object-cover"})],-1),$={class:"relative flex min-h-screen items-center justify-center bg-[url(/assets/images/auth/map.png)] bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16"},J=s("img",{src:G,alt:"image",class:"absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2"},null,-1),Q=s("img",{src:H,alt:"image",class:"absolute left-24 top-0 h-40 md:left-[30%]"},null,-1),W=s("img",{src:z,alt:"image",class:"absolute right-0 top-0 h-[300px]"},null,-1),X=s("img",{src:K,alt:"image",class:"absolute bottom-0 end-[28%]"},null,-1),Y={class:"relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]"},Z={class:"relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 lg:min-h-[758px] py-20"},ss={class:"absolute top-6 end-6"},es={class:"dropdown"},ts={type:"button",class:"flex items-center gap-2.5 rounded-lg border border-white-dark/30 bg-white px-2 py-1.5 text-white-dark hover:border-primary hover:text-primary dark:bg-black"},as=["src"],os={class:"text-base font-bold uppercase"},rs={class:"shrink-0"},ls={class:"!px-2 text-dark dark:text-white-dark grid grid-cols-2 gap-2 font-semibold dark:text-white-light/90 w-[280px]"},ns=["onClick"],is=["src"],cs={class:"ltr:ml-3 rtl:mr-3"},ds={class:"mx-auto w-full max-w-[440px]"},us={class:"mb-10 flex items-center"},ps={class:"flex h-16 w-16 items-end justify-center overflow-hidden rounded-full bg-[#00AB55] ltr:mr-4 rtl:ml-4"},_s=["src"],ms={class:"flex-1"},hs={class:"text-2xl dark:text-white"},gs=s("p",{class:"text-white-dark"},"Enter your password to unlock your ID",-1),fs={class:"space-y-5"},bs=s("label",{for:"Password",class:"dark:text-white"},"Password",-1),xs={class:"relative text-white-dark"},ws={class:"absolute start-4 top-1/2 -translate-y-1/2"},vs=s("label",{for:"Password",class:"dark:text-white"},"Confirm Password",-1),ks={class:"relative text-white-dark"},ys={class:"absolute start-4 top-1/2 -translate-y-1/2"},Bs=E({__name:"boxed-lockscreen",setup(Cs){D({title:"Lockscreen Boxed"});const k=A();I();const e=V();let t=g(""),r=g("");const u=L(B()),y=i=>{u.locale=i.code,S.toggleLanguage(i)},C=U(()=>`/assets/images/flags/${u.locale.toUpperCase()}.svg`),P=()=>{if(t.value!==r.value){d.error("两次密码不一致!");return}else if(t.value==""){d.error("密码不能为空!");return}else if(r.value==""){d.error("确认密码不能为空!");return}O(e.state.user.user.uid,{password:t.value}).then(i=>{d.success("修改成功!"),e.dispatch("logoutAction").then(()=>{const l=k.resolve("/login");location.replace(l.href)})})};return(i,l)=>{const j=v("Popper"),h=v("icon-lock-dots");return m(),p("div",null,[T,s("div",$,[J,Q,W,X,s("div",Y,[s("div",Z,[s("div",ss,[s("div",es,[c(j,{placement:o(e).state.rtlClass==="rtl"?"bottom-start":"bottom-end",offsetDistance:"8"},{content:f(({close:a})=>[s("ul",ls,[(m(!0),p(F,null,M(o(e).state.languageList,n=>(m(),p("li",{key:n.code},[s("button",{type:"button",class:R(["w-full hover:text-primary",{"bg-primary/10 text-primary":u.locale===n.code}]),onClick:Ps=>(y(n),a())},[s("img",{class:"w-5 h-5 object-cover rounded-full",src:`/assets/images/flags/${n.code.toUpperCase()}.svg`,alt:""},null,8,is),s("span",cs,_(n.name),1)],10,ns)]))),128))])]),default:f(()=>[s("button",ts,[s("div",null,[s("img",{src:C.value,alt:"image",class:"h-5 w-5 rounded-full object-cover"},null,8,as)]),s("div",os,_(o(e).state.locale),1),s("span",rs,[c(N)])])]),_:1},8,["placement"])])]),s("div",ds,[s("div",us,[s("div",ps,[s("img",{src:o(e).state.user.user.face,class:"w-full object-cover",alt:"images"},null,8,_s)]),s("div",ms,[s("h4",hs,_(o(e).state.user.user.username),1),gs])]),s("form",fs,[s("div",null,[bs,s("div",xs,[b(s("input",{id:"Password",type:"password","onUpdate:modelValue":l[0]||(l[0]=a=>w(t)?t.value=a:t=a),placeholder:"Enter Password",class:"form-input ps-10 placeholder:text-white-dark"},null,512),[[x,o(t)]]),s("span",ws,[c(h,{fill:!0})])])]),s("div",null,[vs,s("div",ks,[b(s("input",{id:"Password",type:"password","onUpdate:modelValue":l[1]||(l[1]=a=>w(r)?r.value=a:r=a),placeholder:"Enter Password",class:"form-input ps-10 placeholder:text-white-dark"},null,512),[[x,o(r)]]),s("span",ys,[c(h,{fill:!0})])])]),s("button",{onClick:P,type:"submit",class:"btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]"}," UNLOCK ")])])])])])])}}});export{Bs as default};
|