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
2 lines • 14.5 kB
JavaScript
import {X as Xe,cV as z,f as fQ,F as x,Q,G as It,P,b as bi,b9 as Pe,_ as _e$1,m as mb,aJ as jn,c$ as Pn,cj as He,co as rn,bd as On,d0 as xn,d3 as ot,be as tn,bE as Jt,cW as zt,cX as jt,cY as Vt,cZ as Nt,bc as Ut,ba as qe,cp as q,ck as Ve$1,cl as Be,e as aY,aK as iY,g as _A,y as yt,w as wt,d as ae,s as se,x as YT,B as Ba,k as bv,I as IS,v as vf,n as no,cr as Lv,bj as Mx,c as In,t as If,r as ro,R as Rv,cs as Fv,bk as Nx,o as mt,a$ as rc,b0 as Df,b1 as Ef,J as JT,aO as kS,dh as PS,z as fm,cu as AS,A as pm,p as pv}from'./chunk-BwlFOdbx.js';import {w as we$1,t as te}from'./chunk-B8YlgrW9.js';import'./chunk-BqyDblvT.js';import'./main-HNF44SV3.js';import {Q as Q$1}from'./chunk-BnyV8OX_.js';var _e=["settingsForm"],xe=a=>({keyCount:a}),ve=(a,x)=>({count:a,maxLightKeysCount:x}),be=a=>({maxLightKeysCount:a});function Me(a,x){if(a&1&&(Ba(0,"div",7)(1,"div"),IS(2),vf(),Ba(3,"div",33),IS(4),vf()()),a&2){let t=JT();In(2),Rv(t.strings().form?.treeSettings?.keyCount?.(kS(2,xe,t.keysRawLength))),In(2),If(" ",t.strings().label?.tooManyKeys?.(PS(4,ve,t.keysRawLength,t.settings.maxLightKeysCount))," ");}}function we(a,x){if(a&1&&(Ba(0,"div",15),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.error?.page);}}function ke(a,x){if(a&1&&(Ba(0,"div",15),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.error?.keyPageCount);}}function Ie(a,x){if(a&1&&(Ba(0,"div",15),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.error?.maxValueDisplay);}}function Ee(a,x){if(a&1&&(Ba(0,"div",11),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.maxValueDisplayInfo);}}function Te(a,x){if(a&1&&(Ba(0,"div",15),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.error?.maxKeys);}}function De(a,x){if(a&1&&(Ba(0,"div",11),IS(1),vf()),a&2){let t=JT();In(),Rv(t.strings().form?.treeSettings?.maxKeysInfo);}}function Fe(a,x){if(a&1&&(Ba(0,"div",38),IS(1),vf()),a&2){let t=JT(2);In(),If(" ",t.strings().page?.treeControls?.search?.largeSetInfo," ");}}function Ve(a,x){if(a&1){let t=YT();Ba(0,"div",34)(1,"mat-slide-toggle",35),Lv("ngModelChange",function(e){fm(t);let l=JT();return AS(l.model.keysSort,e)||(l.model.keysSort=e),pm(e)}),IS(2),vf(),Mx(),Ba(3,"div",11),IS(4),vf()(),Ba(5,"div",36)(6,"mat-slide-toggle",37),Lv("ngModelChange",function(e){fm(t);let l=JT();return AS(l.model.searchClientSide,e)||(l.model.searchClientSide=e),pm(e)}),IS(7),vf(),Mx(),Ba(8,"div",11),IS(9),no(10,Fe,2,1,"div",38),vf()();}if(a&2){let t=JT();In(),Fv("ngModel",t.model.keysSort),Nx(),In(),If(" ",t.model.keysSort?t.strings().label?.keysSort?.on:t.strings().label?.keysSort?.off," "),In(2),If(" ",t.strings().label?.treeKeyStore," "),In(2),Fv("ngModel",t.model.searchClientSide),pv("disabled",t.dbsize>t.settings.maxLightKeysCount),Nx(),In(),If(" ",t.model.searchClientSide?t.strings().form?.treeSettings?.label?.searchModeClient:t.strings().form?.treeSettings?.label?.searchModeServer," "),In(2),If(" ",t.strings().page?.treeControls?.search?.info?.(kS(8,be,t.settings.maxLightKeysCount))," "),In(),ro(t.dbsize>t.settings.maxLightKeysCount?10:-1);}}var rt=(()=>{class a{dialogRef;i18n;settings;state;common;cmd;socket;treeBuilder;formRef;model={};reducedFunctions=false;keysRawLength=0;dbsize=0;strings;constructor(t,d,e,l,m,o,Ce,ye){this.dialogRef=t,this.i18n=d,this.settings=e,this.state=l,this.common=m,this.cmd=o,this.socket=Ce,this.treeBuilder=ye,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()??false,this.keysRawLength=this.state.keysRaw()?.length??0,this.dbsize=this.state.dbsize()??0;}ngAfterViewInit(){setTimeout(()=>this.validateAllFields());}isFieldInvalid(t,d,e){let l=this.model[t];if(l==null||l==="")return true;let m=Number(l);return isNaN(m)||!Number.isInteger(m)||m<d||m>e}validateField(t,d,e){let l=this.formRef?.controls[t];l&&(this.isFieldInvalid(t,d,e)?(l.setErrors({range:true}),l.markAsTouched()):l.setErrors(null));}onFieldChange(t,d,e){setTimeout(()=>this.validateField(t,d,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 d=this.formRef?.controls[t];return !!d&&d.invalid&&(d.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}),false):true}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(true),this.cmd.refresh().then(()=>{this.socket.stateChanged$.next(),this.socket.tick();}),this.dialogRef.close();}cancel(){this.dialogRef.close();}static \u0275fac=function(d){return new(d||a)(Xe(z),Xe(fQ),Xe(x),Xe(Q),Xe(It),Xe(P),Xe(bi),Xe(Pe))};static \u0275cmp=_e$1({type:a,selectors:[["p3xr-treecontrol-settings-dialog"]],viewQuery:function(d,e){if(d&1&&rc(_e,5),d&2){let l;Df(l=Ef())&&(e.formRef=l.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(d,e){if(d&1){let l=YT();Ba(0,"form",1,0),bv("ngSubmit",function(){return e.submit()}),Ba(2,"mat-toolbar",2)(3,"span",3),IS(4),vf(),Ba(5,"button",4),bv("click",function(){return e.cancel()}),Ba(6,"mat-icon"),IS(7,"close"),vf()()(),Ba(8,"mat-dialog-content",5)(9,"div",6),no(10,Me,5,7,"div",7),Ba(11,"div",8)(12,"mat-form-field",9)(13,"mat-label"),IS(14),vf(),Ba(15,"input",10),Lv("ngModelChange",function(o){return fm(l),AS(e.model.treeSeparator,o)||(e.model.treeSeparator=o),pm(o)}),vf(),Mx(),vf(),Ba(16,"div",11),IS(17),vf()(),Ba(18,"div",12)(19,"mat-form-field",13)(20,"mat-label"),IS(21),vf(),Ba(22,"input",14),Lv("ngModelChange",function(o){return fm(l),AS(e.model.pageCount,o)||(e.model.pageCount=o),pm(o)}),vf(),Mx(),vf(),no(23,we,2,1,"div",15),vf(),Ba(24,"div",16)(25,"mat-form-field",13)(26,"mat-label"),IS(27),vf(),Ba(28,"input",17),Lv("ngModelChange",function(o){return fm(l),AS(e.model.keyPageCount,o)||(e.model.keyPageCount=o),pm(o)}),vf(),Mx(),vf(),no(29,ke,2,1,"div",15),vf(),Ba(30,"div",18)(31,"mat-form-field",9)(32,"mat-label"),IS(33),vf(),Ba(34,"input",19),Lv("ngModelChange",function(o){return fm(l),AS(e.model.maxValueDisplay,o)||(e.model.maxValueDisplay=o),pm(o)}),vf(),Mx(),vf(),no(35,Ie,2,1,"div",15)(36,Ee,2,1,"div",11),vf(),Ba(37,"div",20)(38,"mat-form-field",9)(39,"mat-label"),IS(40),vf(),Ba(41,"input",21),Lv("ngModelChange",function(o){return fm(l),AS(e.model.maxKeys,o)||(e.model.maxKeys=o),pm(o)}),vf(),Mx(),vf(),no(42,Te,2,1,"div",15)(43,De,2,1,"div",11),vf(),no(44,Ve,11,10),Ba(45,"div",22)(46,"mat-slide-toggle",23),Lv("ngModelChange",function(o){return fm(l),AS(e.model.searchStartsWith,o)||(e.model.searchStartsWith=o),pm(o)}),IS(47),vf(),Mx(),vf(),Ba(48,"div",22)(49,"mat-slide-toggle",24),Lv("ngModelChange",function(o){return fm(l),AS(e.model.jsonFormat,o)||(e.model.jsonFormat=o),pm(o)}),IS(50),vf(),Mx(),vf(),Ba(51,"div",22)(52,"mat-slide-toggle",25),Lv("ngModelChange",function(o){return fm(l),AS(e.model.animation,o)||(e.model.animation=o),pm(o)}),IS(53),vf(),Mx(),vf(),Ba(54,"div",22)(55,"mat-slide-toggle",26),Lv("ngModelChange",function(o){return fm(l),AS(e.model.undoEnabled,o)||(e.model.undoEnabled=o),pm(o)}),IS(56),vf(),Mx(),Ba(57,"div",27),IS(58),vf()(),Ba(59,"div",28)(60,"mat-slide-toggle",29),Lv("ngModelChange",function(o){return fm(l),AS(e.model.showDiffBeforeSave,o)||(e.model.showDiffBeforeSave=o),pm(o)}),IS(61),vf(),Mx(),vf()()(),Ba(62,"mat-dialog-actions",30)(63,"p3xr-dialog-cancel",31),bv("cancel",function(){return e.cancel()}),vf(),Ba(64,"button",32)(65,"mat-icon"),IS(66,"save"),vf(),IS(67),vf()()();}d&2&&(In(4),If(" ",e.strings().form?.treeSettings?.label?.formName," "),In(6),ro(e.reducedFunctions?10:-1),In(4),Rv(e.strings().form?.treeSettings?.field?.treeSeparator),In(),Fv("ngModel",e.model.treeSeparator),Nx(),In(2),If(" ",e.strings().label?.treeSeparatorEmpty," "),In(2),mt("p3xr-field-error",e.isFieldInvalid("pageCount",10,5e3)),In(2),Rv(e.strings().form?.treeSettings?.field?.page),In(),Fv("ngModel",e.model.pageCount),Nx(),In(),ro(e.isFieldInvalid("pageCount",10,5e3)?23:-1),In(2),mt("p3xr-field-error",e.isFieldInvalid("keyPageCount",5,100)),In(2),Rv(e.strings().form?.treeSettings?.field?.keyPageCount),In(),Fv("ngModel",e.model.keyPageCount),Nx(),In(),ro(e.isFieldInvalid("keyPageCount",5,100)?29:-1),In(2),mt("p3xr-field-error",e.isFieldInvalid("maxValueDisplay",-1,32768)),In(2),Rv(e.strings().form?.treeSettings?.maxValueDisplay),In(),Fv("ngModel",e.model.maxValueDisplay),Nx(),In(),ro(e.isFieldInvalid("maxValueDisplay",-1,32768)?35:36),In(3),mt("p3xr-field-error",e.isFieldInvalid("maxKeys",5,1e5)),In(2),Rv(e.strings().form?.treeSettings?.maxKeys),In(),Fv("ngModel",e.model.maxKeys),Nx(),In(),ro(e.isFieldInvalid("maxKeys",5,1e5)?42:43),In(2),ro(e.reducedFunctions?-1:44),In(2),Fv("ngModel",e.model.searchStartsWith),Nx(),In(),If(" ",e.model.searchStartsWith?e.strings().form?.treeSettings?.label?.searchModeStartsWith:e.strings().form?.treeSettings?.label?.searchModeIncludes," "),In(2),Fv("ngModel",e.model.jsonFormat),Nx(),In(),If(" ",e.model.jsonFormat?e.strings().form?.treeSettings?.label?.jsonFormatTwoSpace:e.strings().form?.treeSettings?.label?.jsonFormatFourSpace," "),In(2),Fv("ngModel",e.model.animation),Nx(),In(),If(" ",e.model.animation?e.strings().form?.treeSettings?.label?.animation:e.strings().form?.treeSettings?.label?.noAnimation," "),In(2),Fv("ngModel",e.model.undoEnabled),Nx(),In(),If(" ",e.model.undoEnabled?e.strings().form?.treeSettings?.label?.undoEnabled:e.strings().form?.treeSettings?.label?.undoDisabled," "),In(2),Rv(e.strings().form?.treeSettings?.undoHint),In(2),Fv("ngModel",e.model.showDiffBeforeSave),Nx(),In(),If(" ",e.model.showDiffBeforeSave?e.strings().form?.treeSettings?.label?.diffEnabled:e.strings().form?.treeSettings?.label?.diffDisabled," "),In(6),If(" ",e.strings().intention?.save," "));},dependencies:[mb,jn,Pn,He,rn,On,xn,ot,tn,Jt,zt,jt,Vt,Nt,Ut,qe,q,Ve$1,Be,we$1,te,aY,iY,_A,yt,wt,ae,se,Q$1],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,changeDetection:1})}return a})();export{rt as TreecontrolSettingsDialogComponent};