p3x-redis-ui-material
Version:
💿 The p3x-redis-ui-material web interface that connects to the p3x-redis-ui-server via http and socket.io
1 lines • 8.55 kB
JavaScript
;(self.webpackChunkp3x_redis_ui_material=self.webpackChunkp3x_redis_ui_material||[]).push([[6347],{93300(t,n,i){i.d(n,{B:()=>x});var e=i(63924),s=i(66608),o=i(30943),r=i(33825),a=i(46256),c=i(23232),l=i(51218),d=i(65209),p=i(34503);const g=[[["","actions",""]],[["","content",""]]],u=["[actions]","[content]"];function h(t,n){1&t&&(l.j41(0,"div",6),l.SdG(1,1),l.k0s())}class x{i18n;title="";accordionKey="";strings;extended=!0;static counter=0;storageKey="";constructor(t){this.i18n=t,this.strings=this.i18n.strings}ngOnInit(){this.accordionKey||(this.accordionKey=String(++x.counter)),this.storageKey=`p3xr-accordion-extended-${this.accordionKey}`,this.loadState()}toggle(){this.extended=!this.extended,this.saveState()}loadState(){try{const t=localStorage.getItem(this.storageKey);this.extended=null===t||"true"===t}catch{this.extended=!0}}saveState(){try{localStorage.setItem(this.storageKey,String(this.extended))}catch{}}static ɵfac=function(t){return new(t||x)(l.rXU(c.W))};static ɵcmp=l.VBU({type:x,selectors:[["p3xr-ng-accordion"]],inputs:{title:"title",accordionKey:"accordionKey"},ngContentSelectors:u,decls:11,vars:8,consts:[[1,"p3xr-accordion-wrapper"],[1,"p3xr-accordion-toolbar"],[1,"p3xr-accordion-toolbar-inner"],[1,"p3xr-accordion-title",3,"click"],[1,"p3xr-accordion-actions"],["mat-icon-button","",1,"p3xr-accordion-toggle",3,"click","matTooltip"],[1,"p3xr-accordion-content"]],template:function(t,n){if(1&t&&(l.NAR(g),l.j41(0,"div",0)(1,"mat-toolbar",1)(2,"div",2)(3,"span",3),l.bIt("click",(function(){return n.toggle()})),l.EFF(4),l.k0s(),l.j41(5,"div",4),l.SdG(6),l.k0s(),l.j41(7,"button",5),l.bIt("click",(function(){return n.toggle()})),l.j41(8,"mat-icon"),l.EFF(9),l.k0s()()()(),l.nVh(10,h,2,0,"div",6),l.k0s()),2&t){let t;l.R7$(),l.AVh("p3xr-collapsed",!n.extended)("mat-elevation-z1",!n.extended),l.R7$(3),l.SpI(" ",n.title," "),l.R7$(3),l.Y8G("matTooltip",n.extended?(null==(t=n.strings().intention)?null:t.collapse)||"Collapse":(null==(t=n.strings().intention)?null:t.extend)||"Extend"),l.R7$(2),l.JRh(n.extended?"keyboard_arrow_up":"keyboard_arrow_down"),l.R7$(),l.vxM(n.extended?10:-1)}},dependencies:[e.MD,s.s5,s.KQ,o.Hl,d.iY,r.m_,r.An,a.uc,p.oV],styles:["[_nghost-%COMP%] { display: block; }\n .p3xr-accordion-wrapper[_ngcontent-%COMP%] {\n margin-bottom: 0;\n }\n .p3xr-accordion-toolbar[_ngcontent-%COMP%] {\n height: 48px;\n min-height: 48px;\n max-height: 48px;\n font-size: 20px;\n font-weight: 400;\n background-color: var(--p3xr-accordion-bg) !important;\n color: rgba(0, 0, 0, 0.87) !important;\n padding: 0;\n border-radius: 4px 4px 0 0;\n box-shadow: 0 1px 1px rgba(0,0,0,0.3);\n }\n .p3xr-accordion-toolbar.p3xr-collapsed[_ngcontent-%COMP%] {\n box-shadow: 0 1px 1px rgba(0,0,0,0.4);\n border-radius: 4px;\n }\n \n .p3xr-accordion-toolbar-inner[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n width: 100%;\n height: 48px;\n padding: 0 8px 0 16px;\n box-sizing: border-box;\n }\n .p3xr-accordion-content[_ngcontent-%COMP%] {\n border: 1px solid var(--p3xr-accordion-bg);\n border-radius: 0 0 4px 4px;\n }\n .p3xr-accordion-title[_ngcontent-%COMP%] {\n flex: 1;\n cursor: pointer;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n .p3xr-accordion-actions[_ngcontent-%COMP%] {\n display: flex;\n align-items: center;\n }\n .p3xr-accordion-toggle[_ngcontent-%COMP%] {\n flex-shrink: 0;\n width: 40px !important;\n height: 40px !important;\n padding: 0 !important;\n }"]})}},12302(t,n,i){i.d(n,{InfoComponent:()=>f});var e=i(63924),s=i(86623),o=i(774),r=i(33825),a=i(23232),c=i(2816),l=i(26265),d=i(93300),p=i(51218),g=i(12027);const u=(t,n)=>n.code,h=(t,n)=>n.key;function x(t,n){if(1&t&&(p.j41(0,"mat-list-item")(1,"div",2)(2,"div",3)(3,"kbd",10),p.EFF(4),p.k0s()(),p.j41(5,"div",4),p.EFF(6),p.k0s()()(),p.nrm(7,"mat-divider")),2&t){const t=n.$implicit;p.R7$(4),p.JRh(t.key),p.R7$(2),p.JRh(t.description)}}function m(t,n){if(1&t&&(p.j41(0,"p3xr-ng-accordion",9)(1,"div",1)(2,"mat-list"),p.Z7z(3,x,8,2,null,null,h),p.k0s()()(),p.nrm(5,"br")),2&t){let t;const n=p.XpG();p.Y8G("title",(null==(t=n.strings().label)?null:t.keyboardShortcuts)||"Keyboard Shortcuts"),p.R7$(3),p.Dyx(n.shortcutsList)}}function b(t,n){if(1&t&&(p.j41(0,"mat-list-item")(1,"div",2)(2,"div",3),p.EFF(3),p.k0s(),p.j41(4,"div",4),p.EFF(5),p.k0s()()(),p.nrm(6,"mat-divider")),2&t){let t;const n=p.XpG();p.R7$(3),p.JRh((null==(t=n.strings().label)?null:t.redisVersion)||"Redis Version"),p.R7$(2),p.JRh(n.redisVersion)}}function v(t,n){if(1&t&&(p.j41(0,"mat-list-item")(1,"div",2)(2,"div",3),p.EFF(3),p.k0s(),p.j41(4,"div",4),p.EFF(5),p.k0s()()(),p.nrm(6,"mat-divider")),2&t){let t;const n=p.XpG();p.R7$(3),p.JRh((null==(t=n.strings().label)?null:t.modules)||"Modules"),p.R7$(2),p.JRh(n.modules.join(", "))}}function k(t,n){if(1&t&&(p.j41(0,"mat-list-item")(1,"div",2)(2,"div",3)(3,"kbd",11),p.EFF(4),p.k0s()(),p.j41(5,"div",4),p.EFF(6),p.k0s()()(),p.nrm(7,"mat-divider")),2&t){const t=n.$implicit;p.R7$(4),p.JRh(t.code),p.R7$(2),p.JRh(t.name)}}class f{i18n;shortcutsService;socket;strings;isElectron;shortcutsList=[];get version(){return g?.state?.version||g?.pkg?.version||""}get isConnected(){return!!g?.state?.connection}get redisVersion(){return g?.state?.info?.server?.redis_version||"-"}get modules(){return(g?.state?.modules||[]).map((t=>t.name))}get languageList(){const t=this.strings()?.language||{};return Object.keys(t).sort().map((n=>({code:n,name:t[n]})))}unsubs=[];constructor(t,n,i){this.i18n=t,this.shortcutsService=n,this.socket=i,this.strings=this.i18n.strings,this.isElectron=this.shortcutsService.isEnabled(),this.shortcutsList=this.shortcutsService.getShortcutsWithDescriptions()}ngOnInit(){const t=this.socket.redisDisconnected$.subscribe((()=>{}));this.unsubs.push((()=>t.unsubscribe()))}ngOnDestroy(){this.unsubs.forEach((t=>t()))}static ɵfac=function(t){return new(t||f)(p.rXU(a.W),p.rXU(c.t),p.rXU(l.L))};static ɵcmp=p.VBU({type:f,selectors:[["p3xr-info"]],decls:42,vars:9,consts:[["accordionKey","info-about",3,"title"],["content",""],[1,"p3xr-settings-pair-row"],[1,"p3xr-settings-row-label"],[1,"p3xr-settings-row-value"],["href","https://github.com/patrikx3/redis-ui","target","_blank"],["href","https://www.paypal.me/patrikx3","target","_blank"],["href","https://github.com/patrikx3/redis-ui/blob/master/change-log.md#change-log","target","_blank"],["accordionKey","info-languages",3,"title"],["accordionKey","info-shortcuts",3,"title"],[1,"p3xr-kbd"],[1,"p3xr-kbd","p3xr-kbd-small"]],template:function(t,n){if(1&t&&(p.nVh(0,m,6,1),p.j41(1,"p3xr-ng-accordion",0)(2,"div",1)(3,"mat-list")(4,"mat-list-item")(5,"div",2)(6,"div",3),p.EFF(7),p.k0s(),p.j41(8,"div",4),p.EFF(9),p.k0s()()(),p.nrm(10,"mat-divider"),p.nVh(11,b,7,2),p.nVh(12,v,7,2),p.j41(13,"mat-list-item")(14,"div",2)(15,"div",3),p.EFF(16,"GitHub"),p.k0s(),p.j41(17,"div",4)(18,"a",5),p.EFF(19,"patrikx3/redis-ui"),p.k0s()()()(),p.nrm(20,"mat-divider"),p.j41(21,"mat-list-item")(22,"div",2)(23,"div",3),p.EFF(24),p.k0s(),p.j41(25,"div",4)(26,"a",6),p.EFF(27,"PayPal"),p.k0s()()()(),p.nrm(28,"mat-divider"),p.j41(29,"mat-list-item")(30,"div",2)(31,"div",3),p.EFF(32),p.k0s(),p.j41(33,"div",4)(34,"a",7),p.EFF(35,"change-log.md"),p.k0s()()()()()()(),p.nrm(36,"br"),p.j41(37,"p3xr-ng-accordion",8)(38,"div",1)(39,"mat-list"),p.Z7z(40,k,8,2,null,null,u),p.k0s()()()),2&t){let t,i,e,s,o;p.vxM(n.isElectron?0:-1),p.R7$(),p.Y8G("title",(null==(t=n.strings().label)?null:t.about)||"About"),p.R7$(6),p.JRh((null==(i=n.strings().label)?null:i.version)||"Version"),p.R7$(2),p.JRh(n.version),p.R7$(2),p.vxM(n.isConnected?11:-1),p.R7$(),p.vxM(n.isConnected&&n.modules.length>0?12:-1),p.R7$(12),p.JRh((null==(e=n.strings().title)?null:e.donate)||"Donate"),p.R7$(8),p.JRh((null==(s=n.strings().intention)?null:s.githubChangelog)||"Changelog"),p.R7$(5),p.Y8G("title",(null==(o=n.strings().label)?null:o.supportedLanguages)||"Supported Languages ("+n.languageList.length+")"),p.R7$(3),p.Dyx(n.languageList)}},dependencies:[e.MD,s.Fg,s.jt,s.YE,o.q,o.w,r.m_,d.B],styles:["[_nghost-%COMP%] { display: block; padding-bottom: 64px; }"]})}}}]);