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

3 lines (2 loc) • 16.3 kB
import{b as Me}from"./chunk-VQDF6UGR.js";import"./chunk-OTFMRDKW.js";import{a as we,b as ke}from"./chunk-W7VPRHTK.js";import"./chunk-YBLUFXNR.js";import{c as Se}from"./chunk-3QQZQR3D.js";import{d as he,e as be}from"./chunk-TEXSADK3.js";import{a as ce,b as fe}from"./chunk-AN7C4JCR.js";import{c as xe,d as ve}from"./chunk-5ONGW7JF.js";import{a as $,i as ee,j as te}from"./chunk-AN3YSLKY.js";import"./chunk-6J2GCUHA.js";import{b as ne,f as ie,g as le,h as oe,j as re,k as ae,l as se,t as de,v as me}from"./chunk-ICUC3WIE.js";import"./chunk-YA4NX3C4.js";import{a as ye}from"./chunk-R73GSFUT.js";import{d as _e,e as Ce}from"./chunk-VMTBY4VN.js";import{b as ge,c as ue}from"./chunk-HFDIHHHN.js";import{a as J,d as U,e as X,f as Y,g as Z}from"./chunk-7JNYLOAK.js";import{Bb as m,Cb as u,Da as y,Db as g,Hb as f,Ia as R,Ib as S,Jb as h,Lb as K,Ld as O,Mb as q,Nd as G,Pd as H,Rd as pe,Xa as k,Ya as I,ba as p,bb as j,ca as c,cb as s,db as a,jb as B,lb as F,nb as _,oc as Q,rb as A,sb as N,tb as z,xa as n,zb as E}from"./chunk-KQUCMSSK.js";import"./chunk-FCVD6SGJ.js";import"./chunk-O7S4L63H.js";var Ie=["settingsForm"],Te=d=>({keyCount:d}),De=(d,C)=>({count:d,maxLightKeysCount:C}),Ee=d=>({maxLightKeysCount:d});function Fe(d,C){if(d&1&&(s(0,"div",7)(1,"div"),m(2),a(),s(3,"div",33),m(4),a()()),d&2){let t,l,e=_();n(2),u((t=e.strings().form)==null||t.treeSettings==null||t.treeSettings.keyCount==null?null:t.treeSettings.keyCount(K(2,Te,e.keysRawLength))),n(2),g(" ",(l=e.strings().label)==null||l.tooManyKeys==null?null:l.tooManyKeys(q(4,De,e.keysRawLength,e.settings.maxLightKeysCount))," ")}}function Ve(d,C){if(d&1&&(s(0,"div",15),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null||t.treeSettings.error==null?null:t.treeSettings.error.page)}}function We(d,C){if(d&1&&(s(0,"div",15),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null||t.treeSettings.error==null?null:t.treeSettings.error.keyPageCount)}}function Pe(d,C){if(d&1&&(s(0,"div",15),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null||t.treeSettings.error==null?null:t.treeSettings.error.maxValueDisplay)}}function Be(d,C){if(d&1&&(s(0,"div",11),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null?null:t.treeSettings.maxValueDisplayInfo)}}function Ke(d,C){if(d&1&&(s(0,"div",15),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null||t.treeSettings.error==null?null:t.treeSettings.error.maxKeys)}}function Le(d,C){if(d&1&&(s(0,"div",11),m(1),a()),d&2){let t,l=_();n(),u((t=l.strings().form)==null||t.treeSettings==null?null:t.treeSettings.maxKeysInfo)}}function Re(d,C){if(d&1&&(s(0,"div",38),m(1),a()),d&2){let t,l=_(2);n(),g(" ",(t=l.strings().page)==null||t.treeControls==null||t.treeControls.search==null?null:t.treeControls.search.largeSetInfo," ")}}function je(d,C){if(d&1){let t=B();s(0,"div",34)(1,"mat-slide-toggle",35),h("ngModelChange",function(e){p(t);let o=_();return S(o.model.keysSort,e)||(o.model.keysSort=e),c(e)}),m(2),a(),s(3,"div",11),m(4),a()(),s(5,"div",36)(6,"mat-slide-toggle",37),h("ngModelChange",function(e){p(t);let o=_();return S(o.model.searchClientSide,e)||(o.model.searchClientSide=e),c(e)}),m(7),a(),s(8,"div",11),m(9),k(10,Re,2,1,"div",38),a()()}if(d&2){let t,l,e,o,r=_();n(),f("ngModel",r.model.keysSort),n(),g(" ",r.model.keysSort?(t=r.strings().label)==null||t.keysSort==null?null:t.keysSort.on:(t=r.strings().label)==null||t.keysSort==null?null:t.keysSort.off," "),n(2),g(" ",(l=r.strings().label)==null?null:l.treeKeyStore," "),n(2),f("ngModel",r.model.searchClientSide),j("disabled",r.dbsize>r.settings.maxLightKeysCount),n(),g(" ",r.model.searchClientSide?(e=r.strings().form)==null||e.treeSettings==null||e.treeSettings.label==null?null:e.treeSettings.label.searchModeClient:(e=r.strings().form)==null||e.treeSettings==null||e.treeSettings.label==null?null:e.treeSettings.label.searchModeServer," "),n(2),g(" ",(o=r.strings().page)==null||o.treeControls==null||o.treeControls.search==null||o.treeControls.search.info==null?null:o.treeControls.search.info(K(8,Ee,r.settings.maxLightKeysCount))," "),n(),I(r.dbsize>r.settings.maxLightKeysCount?10:-1)}}var ut=(()=>{class d{dialogRef;i18n;settings;state;common;cmd;socket;treeBuilder;formRef;model={};reducedFunctions=!1;keysRawLength=0;dbsize=0;strings;constructor(t,l,e,o,r,i,T,D){this.dialogRef=t,this.i18n=l,this.settings=e,this.state=o,this.common=r,this.cmd=i,this.socket=T,this.treeBuilder=D,this.strings=this.i18n.strings}ngOnInit(){this.model={treeSeparator:this.settings.redisTreeDivider(),pageCount:this.settings.pageCount(),keyPageCount:this.settings.keyPageCount(),keysSort:this.settings.keysSort(),searchClientSide:this.settings.searchClientSide(),searchStartsWith:this.settings.searchStartsWith(),maxValueDisplay:this.settings.maxValueDisplay(),maxKeys:this.settings.maxKeys(),jsonFormat:this.settings.jsonFormat()===2,animation:this.settings.animation(),undoEnabled:this.settings.undoEnabled(),showDiffBeforeSave:this.settings.showDiffBeforeSave()},this.reducedFunctions=this.state.reducedFunctions()??!1,this.keysRawLength=this.state.keysRaw()?.length??0,this.dbsize=this.state.dbsize()??0}ngAfterViewInit(){setTimeout(()=>this.validateAllFields())}isFieldInvalid(t,l,e){let o=this.model[t];if(o==null||o==="")return!0;let r=Number(o);return isNaN(r)||!Number.isInteger(r)||r<l||r>e}validateField(t,l,e){let o=this.formRef?.controls[t];o&&(this.isFieldInvalid(t,l,e)?(o.setErrors({range:!0}),o.markAsTouched()):o.setErrors(null))}onFieldChange(t,l,e){setTimeout(()=>this.validateField(t,l,e))}validateAllFields(){this.validateField("pageCount",10,5e3),this.validateField("keyPageCount",5,100),this.validateField("maxValueDisplay",-1,32768),this.validateField("maxKeys",5,1e5)}showFieldError(t){let l=this.formRef?.controls[t];return!!l&&l.invalid&&(l.touched||this.formRef?.submitted)}markAllControlsTouched(){this.formRef&&Object.values(this.formRef.controls).forEach(t=>{t.markAsTouched(),t.updateValueAndValidity()})}handleInvalidForm(){return this.formRef?.invalid?(this.common.toast({message:this.strings().form?.error?.invalid}),!1):!0}submit(){if(this.markAllControlsTouched(),this.isFieldInvalid("pageCount",10,5e3)||this.isFieldInvalid("keyPageCount",5,100)||this.isFieldInvalid("maxValueDisplay",-1,32768)||this.isFieldInvalid("maxKeys",5,1e5)||!this.handleInvalidForm()){this.common.toast({message:this.strings().form?.error?.invalid});return}this.settings.redisTreeDivider.set(this.model.treeSeparator),this.settings.pageCount.set(this.model.pageCount),this.settings.keyPageCount.set(this.model.keyPageCount),this.settings.keysSort.set(this.model.keysSort),this.settings.searchClientSide.set(this.model.searchClientSide),this.settings.searchStartsWith.set(this.model.searchStartsWith),this.settings.maxValueDisplay.set(this.model.maxValueDisplay),this.settings.maxKeys.set(this.model.maxKeys),this.settings.jsonFormat.set(this.model.jsonFormat?2:4),this.settings.animation.set(this.model.animation),this.settings.undoEnabled.set(this.model.undoEnabled),this.settings.showDiffBeforeSave.set(this.model.showDiffBeforeSave),this.state.page.set(1),this.state.redisChanged.set(!0),this.cmd.refresh().then(()=>{this.socket.stateChanged$.next(),this.socket.tick()}),this.dialogRef.close()}cancel(){this.dialogRef.close()}static \u0275fac=function(l){return new(l||d)(y(J),y(pe),y(ce),y(fe),y(be),y(Me),y(Se),y(he))};static \u0275cmp=R({type:d,selectors:[["p3xr-treecontrol-settings-dialog"]],viewQuery:function(l,e){if(l&1&&A(Ie,5),l&2){let o;N(o=z())&&(e.formRef=o.first)}},decls:68,vars:38,consts:[["settingsForm","ngForm"],["novalidate","",3,"ngSubmit"],[1,"p3xr-dialog-toolbar","p3xr-tree-settings-dialog-toolbar","p3xr-mat-layout-strong"],["mat-dialog-title","",1,"p3xr-dialog-title"],["mat-icon-button","","type","button",3,"click"],[1,"p3xr-dialog-content","p3xr-tree-settings-dialog-content"],[1,"p3xr-padding"],[1,"p3xr-tree-settings-reduced-functions"],[1,"p3xr-tree-settings-field-block","p3xr-tree-settings-field-block-tree-separator"],["subscriptSizing","dynamic",1,"md-block","p3xr-md-input-container-no-bottom"],["matInput","","name","treeSeparator",3,"ngModelChange","ngModel"],[1,"p3xr-md-input-container-bottom-info"],[1,"p3xr-tree-settings-field-block","p3xr-tree-settings-field-block-page-count"],[1,"md-block"],["matInput","","type","number","required","","step","1","name","pageCount",3,"ngModelChange","ngModel"],[1,"p3xr-field-error-text"],[1,"p3xr-tree-settings-field-block","p3xr-tree-settings-field-block-key-page-count"],["matInput","","type","number","required","","step","1","name","keyPageCount",3,"ngModelChange","ngModel"],[1,"p3xr-tree-settings-field-block","p3xr-tree-settings-field-block-max-value-display"],["matInput","","type","number","required","","step","1","name","maxValueDisplay",3,"ngModelChange","ngModel"],[1,"p3xr-tree-settings-field-block","p3xr-tree-settings-field-block-max-keys"],["matInput","","type","number","required","","step","1","name","maxKeys",3,"ngModelChange","ngModel"],[1,"p3xr-tree-settings-toggle-block"],["name","searchStartsWith",3,"ngModelChange","ngModel"],["name","jsonFormat",3,"ngModelChange","ngModel"],["name","animation",3,"ngModelChange","ngModel"],["name","undoEnabled",3,"ngModelChange","ngModel"],[2,"font-size","12px","opacity","0.7","margin-top","4px"],[1,"p3xr-tree-settings-toggle-block","p3xr-tree-settings-toggle-block-last"],["name","showDiffBeforeSave",3,"ngModelChange","ngModel"],[1,"p3xr-dialog-actions"],[3,"cancel"],["mat-raised-button","","type","submit",1,"btn-primary"],[1,"p3xr-tree-settings-reduced-functions-note"],[1,"p3xr-tree-settings-toggle-block","p3xr-tree-settings-toggle-block-with-info","p3xr-tree-settings-toggle-block-keys-sort"],["name","keysSort",3,"ngModelChange","ngModel"],[1,"p3xr-tree-settings-toggle-block","p3xr-tree-settings-toggle-block-with-info","p3xr-tree-settings-toggle-block-search-client"],["name","searchClientSide",3,"ngModelChange","ngModel","disabled"],[1,"p3xr-tree-settings-extra-info"]],template:function(l,e){if(l&1){let o=B();s(0,"form",1,0),F("ngSubmit",function(){return e.submit()}),s(2,"mat-toolbar",2)(3,"span",3),m(4),a(),s(5,"button",4),F("click",function(){return e.cancel()}),s(6,"mat-icon"),m(7,"close"),a()()(),s(8,"mat-dialog-content",5)(9,"div",6),k(10,Fe,5,7,"div",7),s(11,"div",8)(12,"mat-form-field",9)(13,"mat-label"),m(14),a(),s(15,"input",10),h("ngModelChange",function(i){return p(o),S(e.model.treeSeparator,i)||(e.model.treeSeparator=i),c(i)}),a()(),s(16,"div",11),m(17),a()(),s(18,"div",12)(19,"mat-form-field",13)(20,"mat-label"),m(21),a(),s(22,"input",14),h("ngModelChange",function(i){return p(o),S(e.model.pageCount,i)||(e.model.pageCount=i),c(i)}),a()(),k(23,Ve,2,1,"div",15),a(),s(24,"div",16)(25,"mat-form-field",13)(26,"mat-label"),m(27),a(),s(28,"input",17),h("ngModelChange",function(i){return p(o),S(e.model.keyPageCount,i)||(e.model.keyPageCount=i),c(i)}),a()(),k(29,We,2,1,"div",15),a(),s(30,"div",18)(31,"mat-form-field",9)(32,"mat-label"),m(33),a(),s(34,"input",19),h("ngModelChange",function(i){return p(o),S(e.model.maxValueDisplay,i)||(e.model.maxValueDisplay=i),c(i)}),a()(),k(35,Pe,2,1,"div",15)(36,Be,2,1,"div",11),a(),s(37,"div",20)(38,"mat-form-field",9)(39,"mat-label"),m(40),a(),s(41,"input",21),h("ngModelChange",function(i){return p(o),S(e.model.maxKeys,i)||(e.model.maxKeys=i),c(i)}),a()(),k(42,Ke,2,1,"div",15)(43,Le,2,1,"div",11),a(),k(44,je,11,10),s(45,"div",22)(46,"mat-slide-toggle",23),h("ngModelChange",function(i){return p(o),S(e.model.searchStartsWith,i)||(e.model.searchStartsWith=i),c(i)}),m(47),a()(),s(48,"div",22)(49,"mat-slide-toggle",24),h("ngModelChange",function(i){return p(o),S(e.model.jsonFormat,i)||(e.model.jsonFormat=i),c(i)}),m(50),a()(),s(51,"div",22)(52,"mat-slide-toggle",25),h("ngModelChange",function(i){return p(o),S(e.model.animation,i)||(e.model.animation=i),c(i)}),m(53),a()(),s(54,"div",22)(55,"mat-slide-toggle",26),h("ngModelChange",function(i){return p(o),S(e.model.undoEnabled,i)||(e.model.undoEnabled=i),c(i)}),m(56),a(),s(57,"div",27),m(58),a()(),s(59,"div",28)(60,"mat-slide-toggle",29),h("ngModelChange",function(i){return p(o),S(e.model.showDiffBeforeSave,i)||(e.model.showDiffBeforeSave=i),c(i)}),m(61),a()()()(),s(62,"mat-dialog-actions",30)(63,"p3xr-dialog-cancel",31),F("cancel",function(){return e.cancel()}),a(),s(64,"button",32)(65,"mat-icon"),m(66,"save"),a(),m(67),a()()()}if(l&2){let o,r,i,T,D,V,W,x,v,b,M,P,w,L;n(4),g(" ",(o=e.strings().form)==null||o.treeSettings==null||o.treeSettings.label==null?null:o.treeSettings.label.formName," "),n(6),I(e.reducedFunctions?10:-1),n(4),u((r=e.strings().form)==null||r.treeSettings==null||r.treeSettings.field==null?null:r.treeSettings.field.treeSeparator),n(),f("ngModel",e.model.treeSeparator),n(2),g(" ",(i=e.strings().label)==null?null:i.treeSeparatorEmpty," "),n(2),E("p3xr-field-error",e.isFieldInvalid("pageCount",10,5e3)),n(2),u((T=e.strings().form)==null||T.treeSettings==null||T.treeSettings.field==null?null:T.treeSettings.field.page),n(),f("ngModel",e.model.pageCount),n(),I(e.isFieldInvalid("pageCount",10,5e3)?23:-1),n(2),E("p3xr-field-error",e.isFieldInvalid("keyPageCount",5,100)),n(2),u((D=e.strings().form)==null||D.treeSettings==null||D.treeSettings.field==null?null:D.treeSettings.field.keyPageCount),n(),f("ngModel",e.model.keyPageCount),n(),I(e.isFieldInvalid("keyPageCount",5,100)?29:-1),n(2),E("p3xr-field-error",e.isFieldInvalid("maxValueDisplay",-1,32768)),n(2),u((V=e.strings().form)==null||V.treeSettings==null?null:V.treeSettings.maxValueDisplay),n(),f("ngModel",e.model.maxValueDisplay),n(),I(e.isFieldInvalid("maxValueDisplay",-1,32768)?35:36),n(3),E("p3xr-field-error",e.isFieldInvalid("maxKeys",5,1e5)),n(2),u((W=e.strings().form)==null||W.treeSettings==null?null:W.treeSettings.maxKeys),n(),f("ngModel",e.model.maxKeys),n(),I(e.isFieldInvalid("maxKeys",5,1e5)?42:43),n(2),I(e.reducedFunctions?-1:44),n(2),f("ngModel",e.model.searchStartsWith),n(),g(" ",e.model.searchStartsWith?(x=e.strings().form)==null||x.treeSettings==null||x.treeSettings.label==null?null:x.treeSettings.label.searchModeStartsWith:(x=e.strings().form)==null||x.treeSettings==null||x.treeSettings.label==null?null:x.treeSettings.label.searchModeIncludes," "),n(2),f("ngModel",e.model.jsonFormat),n(),g(" ",e.model.jsonFormat?(v=e.strings().form)==null||v.treeSettings==null||v.treeSettings.label==null?null:v.treeSettings.label.jsonFormatTwoSpace:(v=e.strings().form)==null||v.treeSettings==null||v.treeSettings.label==null?null:v.treeSettings.label.jsonFormatFourSpace," "),n(2),f("ngModel",e.model.animation),n(),g(" ",e.model.animation?(b=e.strings().form)==null||b.treeSettings==null||b.treeSettings.label==null?null:b.treeSettings.label.animation:(b=e.strings().form)==null||b.treeSettings==null||b.treeSettings.label==null?null:b.treeSettings.label.noAnimation," "),n(2),f("ngModel",e.model.undoEnabled),n(),g(" ",e.model.undoEnabled?(M=e.strings().form)==null||M.treeSettings==null||M.treeSettings.label==null?null:M.treeSettings.label.undoEnabled:(M=e.strings().form)==null||M.treeSettings==null||M.treeSettings.label==null?null:M.treeSettings.label.undoDisabled," "),n(2),u((P=e.strings().form)==null||P.treeSettings==null?null:P.treeSettings.undoHint),n(2),f("ngModel",e.model.showDiffBeforeSave),n(),g(" ",e.model.showDiffBeforeSave?(w=e.strings().form)==null||w.treeSettings==null||w.treeSettings.label==null?null:w.treeSettings.label.diffEnabled:(w=e.strings().form)==null||w.treeSettings==null||w.treeSettings.label==null?null:w.treeSettings.label.diffDisabled," "),n(6),g(" ",(L=e.strings().intention)==null?null:L.save," ")}},dependencies:[Q,me,ae,ne,se,ie,le,de,re,oe,Z,U,Y,X,te,ee,$,ve,xe,ke,we,H,G,O,ue,ge,Ce,_e,ye],styles:[`.md-block{width:100%}.p3xr-field-error .mdc-line-ripple:before,.p3xr-field-error .mdc-line-ripple:after{border-bottom-color:#f44336!important}.p3xr-field-error .mdc-floating-label,.p3xr-field-error .mat-mdc-form-field-required-marker{color:#f44336!important}.p3xr-field-error-text{color:#f44336;font-size:12px;margin-top:-16px;padding-left:16px}.p3xr-field-hint-text{color:var(--mat-app-text-color, rgba(0, 0, 0, .6));opacity:.7;font-size:12px;margin-top:-16px;padding-left:16px} `],encapsulation:2})}return d})();export{ut as TreecontrolSettingsDialogComponent};