p3x-redis-ui-material/dist-vue/assets/LoginPage-DAC3QcxN.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{A as e,C as t,D as n,E as r,I as i,Jt as a,Kt as o,M as s,Nt as c,Tt as l,Y as u,Zt as d,_t as f,at as p,g as m,k as h,lt as g,o as _,t as v,u as y,w as b,z as x}from"./i18n.store-Bn0-vXNV.js";import{o as S,t as C,x as w}from"./_plugin-vue_export-helper-CSr60JSh.js";import{C as T,S as E,T as D,a as O,j as k,u as A,v as j,w as M,x as N}from"./index-fkAw1zcW.js";import{t as P}from"./gui-switch-B_KZjb_y.js";i(),g(),c(),y();var F={class:`p3xr-login-wrapper`},I={class:`p3xr-login-card`},L={class:`p3xr-login-content`},R={key:0,class:`p3xr-login-error`};function z(e,t){return typeof e==`function`?e(t):e??``}var B=C(s({__name:`LoginPage`,setup(i){let s=v(),c=t(()=>s.strings),g=O(),y=A(),{themeKey:C}=_(y),B={enterprise:`#212121`,light:`#263238`,redis:`#b71c1c`,dark:`#212121`,darkNeu:`#263238`,darkoBluo:`#1a237e`,matrix:`#33691e`},V={enterprise:`#9e9e9e`,light:`#b0bec5`,redis:`#ef9a9a`,dark:`#9e9e9e`,darkNeu:`#90a4ae`,darkoBluo:`#3f51b5`,matrix:`#76ff03`},H=t(()=>B[C.value]),U=t(()=>C.value===`matrix`?`#0a2e0d`:V[C.value]),W=f(``),G=f(``),K=f(!1),q=f(!1),J=f(!1),Y=(()=>{try{return localStorage.getItem(`p3xr-frontend`)}catch{return`ng`}})();async function X(){q.value||!W.value||!G.value||(q.value=!0,await g.login(W.value,G.value)&&location.reload(),q.value=!1)}return(t,i)=>(u(),n(`div`,F,[b(`div`,I,[e(k,{density:`compact`,style:a({backgroundColor:H.value,color:`rgba(255,255,255,0.87)`}),class:`p3xr-login-toolbar`},{default:p(()=>[e(j),e(E,{modelValue:J.value,"onUpdate:modelValue":i[3]||=e=>J.value=e,location:`bottom end`},{activator:p(({props:t})=>[e(S,x(t,{variant:`text`,size:`small`,style:{color:`inherit`}}),{default:p(()=>[e(w,{size:`18`,class:`mr-1`},{default:p(()=>[...i[7]||=[h(`mdi-monitor`,-1)]]),_:1}),i[8]||=h(` GUI `,-1)]),_:1},16)]),default:p(()=>[e(T,{density:`compact`},{default:p(()=>[e(M,{class:o({"v-list-item--active":l(Y)===`ng`}),onClick:i[0]||=e=>l(P)(`ng`)},{prepend:p(()=>[...i[9]||=[b(`i`,{class:`fab fa-angular`,style:{"font-size":`18px`,width:`24px`,"text-align":`center`,"margin-right":`8px`,color:`#dd0031`}},null,-1)]]),default:p(()=>[e(D,null,{default:p(()=>[...i[10]||=[h(`Angular`,-1)]]),_:1})]),_:1},8,[`class`]),e(M,{class:o({"v-list-item--active":l(Y)===`react`}),onClick:i[1]||=e=>l(P)(`react`)},{prepend:p(()=>[...i[11]||=[b(`i`,{class:`fab fa-react`,style:{"font-size":`18px`,width:`24px`,"text-align":`center`,"margin-right":`8px`,color:`#61dafb`}},null,-1)]]),default:p(()=>[e(D,null,{default:p(()=>[...i[12]||=[h(`React`,-1)]]),_:1})]),_:1},8,[`class`]),e(M,{class:o({"v-list-item--active":l(Y)===`vue`}),onClick:i[2]||=e=>l(P)(`vue`)},{prepend:p(()=>[...i[13]||=[b(`i`,{class:`fab fa-vuejs`,style:{"font-size":`18px`,width:`24px`,"text-align":`center`,"margin-right":`8px`,color:`#42b883`}},null,-1)]]),default:p(()=>[e(D,null,{default:p(()=>[...i[14]||=[h(`Vue`,-1)]]),_:1})]),_:1},8,[`class`])]),_:1})]),_:1},8,[`modelValue`])]),_:1},8,[`style`]),b(`div`,L,[e(N,{modelValue:W.value,"onUpdate:modelValue":i[4]||=e=>W.value=e,autofocus:``,label:z(c.value?.form?.connection?.label?.username),autocomplete:`username`,density:`comfortable`,variant:`outlined`,"hide-details":``,class:`mb-3`,onKeydown:m(X,[`enter`])},{"prepend-inner":p(()=>[e(w,{size:`20`},{default:p(()=>[...i[15]||=[h(`mdi-account`,-1)]]),_:1})]),_:1},8,[`modelValue`,`label`]),e(N,{modelValue:G.value,"onUpdate:modelValue":i[6]||=e=>G.value=e,label:z(c.value?.form?.connection?.label?.password),type:K.value?`text`:`password`,autocomplete:`current-password`,density:`comfortable`,variant:`outlined`,"hide-details":``,class:`mb-3`,onKeydown:m(X,[`enter`])},{"prepend-inner":p(()=>[e(w,{size:`20`},{default:p(()=>[...i[16]||=[h(`mdi-lock`,-1)]]),_:1})]),"append-inner":p(()=>[e(w,{size:`20`,style:{cursor:`pointer`},onClick:i[5]||=e=>K.value=!K.value},{default:p(()=>[h(d(K.value?`mdi-eye-off`:`mdi-eye`),1)]),_:1})]),_:1},8,[`modelValue`,`label`,`type`]),l(g).loginError?(u(),n(`div`,R,d(c.value?.confirm?.invalidCredentials),1)):r(``,!0)]),b(`div`,{class:`p3xr-login-footer`,style:a({backgroundColor:U.value})},[e(S,{color:`primary`,variant:`flat`,disabled:q.value||!W.value||!G.value,onClick:X},{default:p(()=>[e(w,{size:`20`,class:`mr-1`},{default:p(()=>[...i[17]||=[h(`mdi-login`,-1)]]),_:1}),h(` `+d(c.value?.intention?.ok),1)]),_:1},8,[`disabled`])],4)])]))}}),[[`__scopeId`,`data-v-79c4e174`]]);export{B as default};