p3x-redis-ui-material/dist/8763.ac627ceee72c2c7d3749.js

💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io

"use strict";(self.webpackChunkp3x_redis_ui_material=self.webpackChunkp3x_redis_ui_material||[]).push([[8763],{628(e,t,n){n.d(t,{m:()=>h});var s=n(11228),i=n(24698),l=n(63924),r=n(30943),o=n(33825),a=n(46256),d=n(90870),g=n(23232),m=n(51218),u=n(34503);function c(e,t){if(1&e&&(m.j41(0,"span"),m.EFF(1),m.k0s()),2&e){const e=m.XpG();m.R7$(),m.JRh(e.label)}}class h{breakpointObserver;i18n;cdr;label="";icon="cancel";cancel=new i.bkB;isWide=!0;constructor(e,t,n){this.breakpointObserver=e,this.i18n=t,this.cdr=n,this.breakpointObserver.observe("(min-width: 600px)").subscribe((e=>{this.isWide=e.matches,this.cdr.markForCheck()}))}ngOnInit(){this.label||(this.label=this.i18n.strings().intention?.cancel||"Cancel")}static ɵfac=function(e){return new(e||h)(m.rXU(d.Q),m.rXU(g.W),m.rXU(s.gRc))};static ɵcmp=m.VBU({type:h,selectors:[["p3xr-dialog-cancel"]],inputs:{label:"label",icon:"icon"},outputs:{cancel:"cancel"},decls:4,vars:5,consts:[["mat-raised-button","","type","button",1,"btn-warn",3,"click","matTooltip","matTooltipDisabled"]],template:function(e,t){1&e&&(m.j41(0,"button",0),m.bIt("click",(function(){return t.cancel.emit()})),m.j41(1,"mat-icon"),m.EFF(2),m.k0s(),m.nVh(3,c,2,1,"span"),m.k0s()),2&e&&(m.Y8G("matTooltip",t.label)("matTooltipDisabled",t.isWide),m.BMQ("aria-label",t.label),m.R7$(2),m.JRh(t.icon),m.R7$(),m.vxM(t.isWide?3:-1))},dependencies:[l.MD,r.Hl,r.$z,o.m_,o.An,a.uc,u.oV],encapsulation:2})}},66583(e,t,n){n.d(t,{TreecontrolSettingsDialogComponent:()=>w});var s=n(63924),i=n(71016),l=n(64961),r=n(90918),o=n(73761),a=n(84363),d=n(30943),g=n(33825),m=n(66608),u=n(628),c=n(23232),h=n(55181),p=n(77385),f=n(66593),S=n(26265),k=n(32766),b=n(51218),x=n(24698),y=n(3735),F=n(65209),R=n(12027);const v=["settingsForm"],C=(e,t)=>({count:e,maxLightKeysCount:t});function j(e,t){if(1&e&&(b.j41(0,"div",7)(1,"div"),b.EFF(2),b.k0s(),b.j41(3,"div",30),b.EFF(4),b.k0s()()),2&e){let e,t;const n=b.XpG();b.R7$(2),b.JRh(null==(e=n.strings().form)||null==e.treeSettings||null==e.treeSettings.keyCount?null:e.treeSettings.keyCount()),b.R7$(2),b.SpI(" ",null==(t=n.strings().label)||null==t.tooManyKeys?null:t.tooManyKeys(b.l_i(2,C,n.keysRawLength,n.settings.maxLightKeysCount))," ")}}function M(e,t){if(1&e&&(b.j41(0,"div",15),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh((null==(e=t.strings().form)||null==e.treeSettings||null==e.treeSettings.error?null:e.treeSettings.error.page)||"The page count must be an integer between 10 - 5000")}}function I(e,t){if(1&e&&(b.j41(0,"div",15),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh(null==(e=t.strings().form)||null==e.treeSettings||null==e.treeSettings.error?null:e.treeSettings.error.keyPageCount)}}function $(e,t){if(1&e&&(b.j41(0,"div",15),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh(null==(e=t.strings().form)||null==e.treeSettings||null==e.treeSettings.error?null:e.treeSettings.error.maxValueDisplay)}}function V(e,t){if(1&e&&(b.j41(0,"div",11),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh(null==(e=t.strings().form)||null==e.treeSettings?null:e.treeSettings.maxValueDisplayInfo)}}function D(e,t){if(1&e&&(b.j41(0,"div",15),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh(null==(e=t.strings().form)||null==e.treeSettings||null==e.treeSettings.error?null:e.treeSettings.error.maxKeys)}}function E(e,t){if(1&e&&(b.j41(0,"div",11),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG();b.R7$(),b.JRh(null==(e=t.strings().form)||null==e.treeSettings?null:e.treeSettings.maxKeysInfo)}}function K(e,t){if(1&e&&(b.j41(0,"div",35),b.EFF(1),b.k0s()),2&e){let e;const t=b.XpG(2);b.R7$(),b.SpI(" ",null==(e=t.strings().page)||null==e.treeControls||null==e.treeControls.search?null:e.treeControls.search.largeSetInfo," ")}}function X(e,t){if(1&e){const e=b.RV6();b.j41(0,"div",31)(1,"mat-slide-toggle",32),b.mxI("ngModelChange",(function(t){x.eBV(e);const n=b.XpG();return b.DH7(n.model.keysSort,t)||(n.model.keysSort=t),x.Njj(t)})),b.EFF(2),b.k0s(),b.j41(3,"div",11),b.EFF(4),b.k0s()(),b.j41(5,"div",33)(6,"mat-slide-toggle",34),b.mxI("ngModelChange",(function(t){x.eBV(e);const n=b.XpG();return b.DH7(n.model.searchClientSide,t)||(n.model.searchClientSide=t),x.Njj(t)})),b.EFF(7),b.k0s(),b.j41(8,"div",11),b.EFF(9),b.nVh(10,K,2,1,"div",35),b.k0s()()}if(2&e){let e,t,n,s;const i=b.XpG();b.R7$(),b.R50("ngModel",i.model.keysSort),b.R7$(),b.SpI(" ",i.model.keysSort?null==(e=i.strings().label)||null==e.keysSort?null:e.keysSort.on:null==(e=i.strings().label)||null==e.keysSort?null:e.keysSort.off," "),b.R7$(2),b.SpI(" ",null==(t=i.strings().label)?null:t.treeKeyStore," "),b.R7$(2),b.R50("ngModel",i.model.searchClientSide),b.Y8G("disabled",i.dbsize>i.settings.maxLightKeysCount),b.R7$(),b.SpI(" ",i.model.searchClientSide?null==(n=i.strings().form)||null==n.treeSettings||null==n.treeSettings.label?null:n.treeSettings.label.searchModeClient:null==(n=i.strings().form)||null==n.treeSettings||null==n.treeSettings.label?null:n.treeSettings.label.searchModeServer," "),b.R7$(2),b.SpI(" ",null==(s=i.strings().page)||null==s.treeControls||null==s.treeControls.search?null:s.treeControls.search.info," "),b.R7$(),b.vxM(i.dbsize>i.settings.maxLightKeysCount?10:-1)}}class w{dialogRef;i18n;settings;common;cmd;socket;treeBuilder;formRef;model={};reducedFunctions=!1;keysRawLength=0;dbsize=0;strings;constructor(e,t,n,s,i,l,r){this.dialogRef=e,this.i18n=t,this.settings=n,this.common=s,this.cmd=i,this.socket=l,this.treeBuilder=r,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:2===this.settings.jsonFormat(),animation:this.settings.animation()};const e=R?.state;this.reducedFunctions=e?.reducedFunctions??!1,this.keysRawLength=e?.keysRaw?.length??0,this.dbsize=e?.dbsize??0}ngAfterViewInit(){setTimeout((()=>this.validateAllFields()))}isFieldInvalid(e,t,n){const s=this.model[e];if(null==s||""===s)return!0;const i=Number(s);return isNaN(i)||!Number.isInteger(i)||i<t||i>n}validateField(e,t,n){const s=this.formRef?.controls[e];s&&(this.isFieldInvalid(e,t,n)?(s.setErrors({range:!0}),s.markAsTouched()):s.setErrors(null))}onFieldChange(e,t,n){setTimeout((()=>this.validateField(e,t,n)))}validateAllFields(){this.validateField("pageCount",10,5e3),this.validateField("keyPageCount",5,100),this.validateField("maxValueDisplay",-1,32768),this.validateField("maxKeys",5,1e5)}showFieldError(e){const t=this.formRef?.controls[e];return!!t&&t.invalid&&(t.touched||this.formRef?.submitted)}markAllControlsTouched(){this.formRef&&Object.values(this.formRef.controls).forEach((e=>{e.markAsTouched(),e.updateValueAndValidity()}))}handleInvalidForm(){return!this.formRef?.invalid||(this.common.toast({message:this.strings().form?.error?.invalid||"Invalid form"}),!1)}submit(){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||"Please fix the errors before saving"}):(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),R?.settings&&(R.settings.redisTreeDivider=this.model.treeSeparator,R.settings.pageCount=this.model.pageCount,R.settings.keyPageCount=this.model.keyPageCount,R.settings.keysSort=this.model.keysSort,R.settings.searchClientSide=this.model.searchClientSide,R.settings.searchStartsWith=this.model.searchStartsWith,R.settings.maxValueDisplay=this.model.maxValueDisplay,R.settings.maxKeys=this.model.maxKeys,R.settings.jsonFormat=this.model.jsonFormat?2:4,R.settings.animation=this.model.animation?1:0),R?.state&&(R.state.page=1,R.state.redisChanged=!0),this.cmd.refresh().then((()=>{this.socket.stateChanged$.next(),this.socket.tick()})),this.dialogRef.close())}cancel(){this.dialogRef.close()}static ɵfac=function(e){return new(e||w)(b.rXU(l.CP),b.rXU(c.W),b.rXU(h.h),b.rXU(p.h),b.rXU(f.y),b.rXU(S.L),b.rXU(k.h))};static ɵcmp=b.VBU({type:w,selectors:[["p3xr-treecontrol-settings-dialog"]],viewQuery:function(e,t){if(1&e&&b.GBs(v,5),2&e){let e;b.mGM(e=b.lsd())&&(t.formRef=e.first)}},decls:60,vars:33,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"],[1,"p3xr-tree-settings-toggle-block","p3xr-tree-settings-toggle-block-last"],["name","animation",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(e,t){if(1&e){const e=b.RV6();b.j41(0,"form",1,0),b.bIt("ngSubmit",(function(){return t.submit()})),b.j41(2,"mat-toolbar",2)(3,"span",3),b.EFF(4),b.k0s(),b.j41(5,"button",4),b.bIt("click",(function(){return t.cancel()})),b.j41(6,"mat-icon"),b.EFF(7,"close"),b.k0s()()(),b.j41(8,"mat-dialog-content",5)(9,"div",6),b.nVh(10,j,5,5,"div",7),b.j41(11,"div",8)(12,"mat-form-field",9)(13,"mat-label"),b.EFF(14),b.k0s(),b.j41(15,"input",10),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.treeSeparator,n)||(t.model.treeSeparator=n),x.Njj(n)})),b.k0s()(),b.j41(16,"div",11),b.EFF(17),b.k0s()(),b.j41(18,"div",12)(19,"mat-form-field",13)(20,"mat-label"),b.EFF(21),b.k0s(),b.j41(22,"input",14),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.pageCount,n)||(t.model.pageCount=n),x.Njj(n)})),b.k0s()(),b.nVh(23,M,2,1,"div",15),b.k0s(),b.j41(24,"div",16)(25,"mat-form-field",13)(26,"mat-label"),b.EFF(27),b.k0s(),b.j41(28,"input",17),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.keyPageCount,n)||(t.model.keyPageCount=n),x.Njj(n)})),b.k0s()(),b.nVh(29,I,2,1,"div",15),b.k0s(),b.j41(30,"div",18)(31,"mat-form-field",9)(32,"mat-label"),b.EFF(33),b.k0s(),b.j41(34,"input",19),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.maxValueDisplay,n)||(t.model.maxValueDisplay=n),x.Njj(n)})),b.k0s()(),b.nVh(35,$,2,1,"div",15)(36,V,2,1,"div",11),b.k0s(),b.j41(37,"div",20)(38,"mat-form-field",9)(39,"mat-label"),b.EFF(40),b.k0s(),b.j41(41,"input",21),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.maxKeys,n)||(t.model.maxKeys=n),x.Njj(n)})),b.k0s()(),b.nVh(42,D,2,1,"div",15)(43,E,2,1,"div",11),b.k0s(),b.nVh(44,X,11,8),b.j41(45,"div",22)(46,"mat-slide-toggle",23),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.searchStartsWith,n)||(t.model.searchStartsWith=n),x.Njj(n)})),b.EFF(47),b.k0s()(),b.j41(48,"div",22)(49,"mat-slide-toggle",24),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.jsonFormat,n)||(t.model.jsonFormat=n),x.Njj(n)})),b.EFF(50),b.k0s()(),b.j41(51,"div",25)(52,"mat-slide-toggle",26),b.mxI("ngModelChange",(function(n){return x.eBV(e),b.DH7(t.model.animation,n)||(t.model.animation=n),x.Njj(n)})),b.EFF(53),b.k0s()()()(),b.j41(54,"mat-dialog-actions",27)(55,"p3xr-dialog-cancel",28),b.bIt("cancel",(function(){return t.cancel()})),b.k0s(),b.j41(56,"button",29)(57,"mat-icon"),b.EFF(58,"save"),b.k0s(),b.EFF(59),b.k0s()()()}if(2&e){let e,n,s,i,l,r,o,a,d,g,m;b.R7$(4),b.SpI(" ",(null==(e=t.strings().form)||null==e.treeSettings||null==e.treeSettings.label?null:e.treeSettings.label.formName)||"Redis Settings"," "),b.R7$(6),b.vxM(t.reducedFunctions?10:-1),b.R7$(4),b.JRh((null==(n=t.strings().form)||null==n.treeSettings||null==n.treeSettings.field?null:n.treeSettings.field.treeSeparator)||"Tree separator"),b.R7$(),b.R50("ngModel",t.model.treeSeparator),b.R7$(2),b.SpI(" ",null==(s=t.strings().label)?null:s.treeSeparatorEmpty," "),b.R7$(2),b.AVh("p3xr-field-error",t.isFieldInvalid("pageCount",10,5e3)),b.R7$(2),b.JRh((null==(i=t.strings().form)||null==i.treeSettings||null==i.treeSettings.field?null:i.treeSettings.field.page)||"Page size"),b.R7$(),b.R50("ngModel",t.model.pageCount),b.R7$(),b.vxM(t.isFieldInvalid("pageCount",10,5e3)?23:-1),b.R7$(2),b.AVh("p3xr-field-error",t.isFieldInvalid("keyPageCount",5,100)),b.R7$(2),b.JRh((null==(l=t.strings().form)||null==l.treeSettings||null==l.treeSettings.field?null:l.treeSettings.field.keyPageCount)||"Key page size"),b.R7$(),b.R50("ngModel",t.model.keyPageCount),b.R7$(),b.vxM(t.isFieldInvalid("keyPageCount",5,100)?29:-1),b.R7$(2),b.AVh("p3xr-field-error",t.isFieldInvalid("maxValueDisplay",-1,32768)),b.R7$(2),b.JRh((null==(r=t.strings().form)||null==r.treeSettings?null:r.treeSettings.maxValueDisplay)||"Max value display"),b.R7$(),b.R50("ngModel",t.model.maxValueDisplay),b.R7$(),b.vxM(t.isFieldInvalid("maxValueDisplay",-1,32768)?35:36),b.R7$(3),b.AVh("p3xr-field-error",t.isFieldInvalid("maxKeys",5,1e5)),b.R7$(2),b.JRh((null==(o=t.strings().form)||null==o.treeSettings?null:o.treeSettings.maxKeys)||"Max keys"),b.R7$(),b.R50("ngModel",t.model.maxKeys),b.R7$(),b.vxM(t.isFieldInvalid("maxKeys",5,1e5)?42:43),b.R7$(2),b.vxM(t.reducedFunctions?-1:44),b.R7$(2),b.R50("ngModel",t.model.searchStartsWith),b.R7$(),b.SpI(" ",t.model.searchStartsWith?null==(a=t.strings().form)||null==a.treeSettings||null==a.treeSettings.label?null:a.treeSettings.label.searchModeStartsWith:null==(a=t.strings().form)||null==a.treeSettings||null==a.treeSettings.label?null:a.treeSettings.label.searchModeIncludes," "),b.R7$(2),b.R50("ngModel",t.model.jsonFormat),b.R7$(),b.SpI(" ",t.model.jsonFormat?null==(d=t.strings().form)||null==d.treeSettings||null==d.treeSettings.label?null:d.treeSettings.label.jsonFormatTwoSpace:null==(d=t.strings().form)||null==d.treeSettings||null==d.treeSettings.label?null:d.treeSettings.label.jsonFormatFourSpace," "),b.R7$(2),b.R50("ngModel",t.model.animation),b.R7$(),b.SpI(" ",t.model.animation?null==(g=t.strings().form)||null==g.treeSettings||null==g.treeSettings.label?null:g.treeSettings.label.animation:null==(g=t.strings().form)||null==g.treeSettings||null==g.treeSettings.label?null:g.treeSettings.label.noAnimation," "),b.R7$(6),b.SpI(" ",(null==(m=t.strings().intention)?null:m.save)||"Save"," ")}},dependencies:[s.MD,i.YN,i.qT,i.me,i.Q0,i.BC,i.cb,i.YS,i.vS,i.cV,l.hM,l.BI,l.E7,l.Yi,r.RG,y.rl,y.nJ,o.fS,o.fg,a.mV,a.sG,d.Hl,d.$z,F.iY,g.m_,g.An,m.s5,m.KQ,u.m],styles:["\n        .md-block { width: 100%; }\n\n        .p3xr-field-error .mdc-line-ripple::before,\n        .p3xr-field-error .mdc-line-ripple::after {\n            border-bottom-color: #f44336 !important;\n        }\n\n        .p3xr-field-error .mdc-floating-label,\n        .p3xr-field-error .mat-mdc-form-field-required-marker {\n            color: #f44336 !important;\n        }\n\n        .p3xr-field-error-text {\n            color: #f44336;\n            font-size: 12px;\n            margin-top: -16px;\n            padding-left: 16px;\n        }\n\n        .p3xr-field-hint-text {\n            color: var(--mat-app-text-color, rgba(0, 0, 0, 0.6));\n            opacity: 0.7;\n            font-size: 12px;\n            margin-top: -16px;\n            padding-left: 16px;\n        }\n    "],encapsulation:2})}}}]);