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 • 5.03 kB
JavaScript
import{A as e,C as t,Ct as n,D as r,E as i,J as a,M as o,R as s,T as c,Wt as l,X as u,Yt as d,ht as f,it as p,k as m,nt as h,t as g,w as _,y as v}from"./i18n.store-Bbsc3Bab.js";import{x as y}from"./_plugin-vue_export-helper-D1H5elb2.js";import{t as b}from"./VTooltip-Cv2PsKY_.js";import{t as x}from"./redis-state.store-Bg6EmgAE.js";import"./redis-state-DodmMOrr.js";import{t as S}from"./common.store-Cvd7gD49.js";import"./common-DKIejnu1.js";import{i as C}from"./socket.service-uJHysVIS.js";import{a as w,d as T,n as E,o as D,p as O,r as k,s as A,u as j}from"./key-type-base-CMdmuQhl.js";import{t as ee}from"./JsonViewDialog-BzjsQO41.js";import{t as te}from"./KeyNewOrSetDialog-CONL1dyc.js";import{t as ne}from"./HexMonitor-DXtHaVJJ.js";import{t as re}from"./KeyPagerInline-ClmcJidI.js";/* empty css */var M={class:`p3xr-key-table-header`},N={style:{flex:`20%`}},P={style:{flex:`60%`}},F={class:`p3xr-key-table-header-actions`},I=[`onClick`],L=[`onClick`],R={key:0,style:{opacity:`0.5`}},z={class:`p3xr-key-table-actions`},B=o({__name:`KeyList`,props:{response:{},value:{},valueBuffer:{},keyName:{},valueFormat:{}},emits:[`refresh`],setup(o,{emit:B}){let V=o,H=B,U=t(()=>g().strings),W=t(()=>x().connection?.readonly===!0),G=S(),K=f(k(0)),q=f([]),J=f(!1),Y=f(null),X=f(!1),Z=f(``);function Q(e){if(K.value=e,!V.value){q.value=[];return}q.value=V.value.slice(e.startIndex,e.endIndex).map((t,n)=>({index:e.startIndex+n,value:t}))}h(()=>V.value,()=>{V.value&&Q(j(K.value,V.value.length))},{immediate:!0});function ie(){Y.value={type:`append`,model:{type:`list`,key:V.keyName}},J.value=!0}function $(e,t){Y.value={type:`edit`,model:{type:`list`,key:V.keyName,index:e,value:t}},J.value=!0}function ae(e){J.value=!1,Y.value=null,e&&H(`refresh`)}async function oe(e){try{await G.confirm({message:T(U.value?.confirm?.deleteListItem)}),await C({action:`key/list-delete-index`,payload:{key:V.keyName,index:e}}),G.toast(T(U.value?.status?.deletedListElement)),H(`refresh`)}catch(e){e!==void 0&&G.generalHandleError(e)}}return(t,f)=>(a(),r(`div`,null,[e(re,{paging:K.value,onPageChanged:Q},null,8,[`paging`]),_(`div`,M,[_(`span`,N,d(n(T)(U.value?.page?.key?.list?.table?.index)),1),_(`span`,P,d(n(T)(U.value?.page?.key?.list?.table?.value)),1),_(`span`,F,[W.value?i(``,!0):(a(),c(b,{key:0,text:n(T)(U.value?.intention?.add),location:`top`},{activator:p(({props:t})=>[e(y,s(t,{style:{cursor:`pointer`,color:`inherit`},onClick:ie}),{default:p(()=>[...f[1]||=[m(`mdi-plus`,-1)]]),_:1},16)]),_:1},8,[`text`]))])]),(a(!0),r(v,null,u(q.value,(t,u)=>(a(),r(`div`,{key:t.index,class:l([`p3xr-key-table-row`,{"p3xr-key-table-odd":u%2==0}])},[_(`span`,{style:{flex:`20%`,cursor:`pointer`,overflow:`hidden`,"text-overflow":`ellipsis`,"white-space":`nowrap`,"user-select":`text`},onClick:e=>!W.value&&$(t.index,t.value)},d(t.index),9,I),_(`span`,{class:`p3xr-key-table-value`,onClick:e=>!W.value&&$(t.index,t.value)},[o.valueFormat===`hex`?(a(),c(ne,{key:0,value:n(O)(t.value)},null,8,[`value`])):(a(),r(v,{key:1},[m(d(n(O)(n(D)(t.value,o.valueFormat))),1),n(A)(t.value)?(a(),r(`span`,R,`...`)):i(``,!0)],64))],8,L),_(`span`,z,[W.value?i(``,!0):(a(),c(b,{key:0,text:n(T)(U.value?.intention?.delete),location:`top`},{activator:p(({props:n})=>[e(y,s({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-error))`},onClick:e=>oe(t.index)}),{default:p(()=>[...f[2]||=[m(`mdi-delete`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`])),e(b,{text:n(T)(U.value?.intention?.jsonViewShow),location:`top`},{activator:p(({props:n})=>[e(y,s({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>{Z.value=String(t.value??``),X.value=!0}}),{default:p(()=>[...f[3]||=[m(`mdi-file-tree`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),e(b,{text:n(T)(U.value?.intention?.copy),location:`top`},{activator:p(({props:r})=>[e(y,s({ref_for:!0},r,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>n(E)(String(t.value??``))}),{default:p(()=>[...f[4]||=[m(`mdi-content-copy`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),e(b,{text:n(T)(U.value?.intention?.downloadBuffer),location:`top`},{activator:p(({props:r})=>[e(y,s({ref_for:!0},r,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-secondary))`},onClick:e=>n(w)(o.valueBuffer?.[t.index],o.keyName)}),{default:p(()=>[...f[5]||=[m(`mdi-download`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]),W.value?i(``,!0):(a(),c(b,{key:1,text:n(T)(U.value?.intention?.edit),location:`top`},{activator:p(({props:n})=>[e(y,s({ref_for:!0},n,{size:`24`,class:`p3xr-key-icon`,style:{color:`rgb(var(--v-theme-primary))`},onClick:e=>$(t.index,t.value)}),{default:p(()=>[...f[6]||=[m(`mdi-pencil`,-1)]]),_:1},16,[`onClick`])]),_:2},1032,[`text`]))])],2))),128)),e(te,{open:J.value,data:Y.value,onClose:ae},null,8,[`open`,`data`]),e(ee,{open:X.value,value:Z.value,onClose:f[0]||=e=>X.value=!1},null,8,[`open`,`value`])]))}});export{B as default};