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 • 4.8 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-B4krJCIS.js";import{x as y}from"./_plugin-vue_export-helper-67n0yneU.js";import{t as b}from"./VTooltip-UUcBbF8q.js";import{t as x}from"./redis-state.store-DPDs81ZS.js";import{t as S}from"./common.store-C_dWn4yG.js";import{i as C}from"./socket.service-B85kYQEM.js";import"./index-CBO402jT.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-LvSh6VCU.js";import{t as M}from"./JsonViewDialog-CF2ki0pj.js";import{t as N}from"./KeyNewOrSetDialog-ea4_RQ1e.js";import{t as ee}from"./HexMonitor-B8nJtZMF.js";import{t as te}from"./KeyPagerInline-BQ9AtO8M.js";/* empty css */var P={class:`p3xr-key-table-header`},F={style:{flex:`95%`}},I={style:{flex:`5%`,"text-align":`right`,display:`flex`,"justify-content":`flex-end`,"align-items":`center`}},L=[`onClick`],R={key:0,style:{opacity:`0.5`}},z={style:{flex:`5%`},class:`p3xr-key-table-actions`},B=o({__name:`KeySet`,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 ne(){Y.value={type:`append`,model:{type:`set`,key:V.keyName}},J.value=!0}function $(e,t){Y.value={type:`edit`,model:{type:`set`,key:V.keyName,value:t}},J.value=!0}function re(e){J.value=!1,Y.value=null,e&&H(`refresh`)}async function ie(e){try{await G.confirm({message:T(U.value?.confirm?.deleteSetMember)}),await C({action:`key/set-delete-member`,payload:{key:V.keyName,value:V.valueBuffer?.[e]}}),G.toast(T(U.value?.status?.deletedSetMember)),H(`refresh`)}catch(e){e!==void 0&&G.generalHandleError(e)}}return(t,f)=>(a(),r(`div`,null,[e(te,{paging:K.value,onPageChanged:Q},null,8,[`paging`]),_(`div`,P,[_(`span`,F,d(n(T)(U.value?.page?.key?.set?.table?.value)),1),_(`span`,I,[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:ne}),{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`,{class:`p3xr-key-table-value`,style:{flex:`95%`},onClick:e=>!W.value&&$(t.index,t.value)},[o.valueFormat===`hex`?(a(),c(ee,{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=>ie(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(N,{open:J.value,data:Y.value,onClose:re},null,8,[`open`,`data`]),e(M,{open:X.value,value:Z.value,onClose:f[0]||=e=>X.value=!1},null,8,[`open`,`value`])]))}});export{B as default};