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