UNPKG

p3x-redis-ui-material

Version:

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

1 lines • 3.3 kB
import{A as e,C as t,Ct as n,D as r,E as i,J as a,M as o,T as s,X as c,Yt as l,ht as u,it as d,k as f,t as p,w as m,y as h}from"./i18n.store-B-qxQMr8.js";import{t as g}from"./_plugin-vue_export-helper-Cw5qm5mn.js";import{t as _}from"./redis-state.store-DsiC4fU6.js";import{c as v,l as y,o as b}from"./index-Cn1nft6Q.js";var x={key:0,style:{padding:`16px`}},S={key:1,class:`p3xr-statistics`},C={class:`p3xr-statistics-content`},w={key:0,class:`p3xr-statistics-items`},T={key:1,class:`p3xr-statistics-items`},E={style:{"text-align":`right`,"word-break":`break-all`,"max-width":`60%`}},D=g(o({__name:`StatisticsPage`,setup(o){let g=[`in`,`run`,`per`],D={perc:`percent`,sec:`seconds`};function O(e,t){return t?.title?.hasOwnProperty(e)?t.title[e]:e.split(`_`).map((e,t)=>(D.hasOwnProperty(e)&&(e=D[e]),e.length<4&&!g.includes(e)?e.toUpperCase():t===0?e[0].toUpperCase()+e.substring(1):e)).join(` `)}function k(e){return e==null?``:typeof e==`object`?JSON.stringify(e):String(e)}let A=p(),j=_();b();let M=t(()=>A.strings),N=u(0),P=u(0),F=t(()=>j.connection?.cluster===!0),I=t(()=>{let e=j.info?.keyspaceDatabases??{};return Object.keys(e).map(t=>({key:t,value:e[t]}))}),L=t(()=>{let e={};for(let t of I.value){let n=j.info?.keyspace?.[`db`+t.key];e[t.key]=n?Object.keys(n).map(e=>({key:e,value:n[e]})):[]}return e}),R=t(()=>I.value.length>0),z=t(()=>{if(!j.info)return[];let e=Object.keys(j.info).filter(e=>e!==`keyspace`&&e!==`keyspaceDatabases`).map(e=>({key:e,label:O(e,M.value),items:Object.keys(j.info[e]).map(t=>({key:t,value:j.info[e][t]}))})),t=Array.isArray(j.modules)?j.modules:[];if(t.length>0){let n=t.map(e=>({key:e.name,value:`v${e.ver}`})),r=e.findIndex(e=>e.key.toLowerCase()===`modules`);r>=0?e[r].items=n:e.push({key:`modules`,label:O(`modules`,M.value),items:n})}return e.filter(e=>e.items.length>0)}),B=t(()=>{let e=[];return R.value&&!F.value&&e.push({key:`__db__`,label:M.value?.title?.db??`DB`,items:[]}),e.push(...z.value),e}),V=t(()=>B.value[N.value]),H=t(()=>V.value?.key===`__db__`);return(t,o)=>n(j).connection?(a(),r(`div`,S,[e(v,{modelValue:N.value,"onUpdate:modelValue":o[0]||=e=>N.value=e,variant:`scrollable`,"show-arrows":``,class:`p3xr-statistics-tabs`,color:`primary`,"slider-color":`primary`},{default:d(()=>[(a(!0),r(h,null,c(B.value,e=>(a(),s(y,{key:e.key},{default:d(()=>[f(l(e.label),1)]),_:2},1024))),128))]),_:1},8,[`modelValue`]),m(`div`,C,[H.value?(a(),r(h,{key:0},[e(v,{modelValue:P.value,"onUpdate:modelValue":o[1]||=e=>P.value=e,variant:`scrollable`,"show-arrows":``,class:`p3xr-statistics-db-tabs`,"bg-color":`primary`},{default:d(()=>[(a(!0),r(h,null,c(I.value,e=>(a(),s(y,{key:e.key},{default:d(()=>[f(l(e.key),1)]),_:2},1024))),128))]),_:1},8,[`modelValue`]),(a(!0),r(h,null,c(I.value,(e,t)=>(a(),r(`div`,{key:e.key},[P.value===t?(a(),r(`div`,w,[(a(!0),r(h,null,c(L.value[e.key]??[],e=>(a(),r(`div`,{key:e.key,class:`p3xr-statistics-row`},[m(`strong`,null,l(O(e.key,M.value)),1),m(`span`,null,l(e.value),1)]))),128))])):i(``,!0)]))),128))],64)):V.value?(a(),r(`div`,T,[(a(!0),r(h,null,c(V.value.items,e=>(a(),r(`div`,{key:e.key,class:`p3xr-statistics-row`},[m(`strong`,null,l(O(e.key,M.value)),1),m(`span`,E,l(k(e.value)),1)]))),128))])):i(``,!0)])])):(a(),r(`div`,x,l(M.value?.title?.main),1))}}),[[`__scopeId`,`data-v-163e4e8a`]]);export{D as default};