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

2 lines (1 loc) • 28.6 kB
import{a as Oe}from"./chunk-N25P6SZB.js";import{c as Ke}from"./chunk-EPMRI4P6.js";import"./chunk-KLZILXP3.js";import{d as qe,h as je,i as He,j as Ue}from"./chunk-CYCQOADG.js";import"./chunk-DCOXSL4B.js";import"./chunk-IDORGLM3.js";import{a as ze,b as Ne}from"./chunk-W7VPRHTK.js";import"./chunk-YBLUFXNR.js";import{a as De,c as We}from"./chunk-3QQZQR3D.js";import{e as Re}from"./chunk-TEXSADK3.js";import{a as Ie,b as Ve}from"./chunk-AN7C4JCR.js";import{a as L,b as Fe,c as Be,d as Le}from"./chunk-5ONGW7JF.js";import{a as re,b as se,e as de,i as me,j as ce}from"./chunk-AN3YSLKY.js";import"./chunk-6J2GCUHA.js";import{b as _e,f as ge,g as Ce,h as fe,j as he,k as xe,l as ye,r as we,s as be,t as Me,v as Se}from"./chunk-ICUC3WIE.js";import"./chunk-YA4NX3C4.js";import{a as Ae}from"./chunk-R73GSFUT.js";import{b as ue,c as pe,d as Pe,e as ke}from"./chunk-VMTBY4VN.js";import{b as ve,c as Ee}from"./chunk-HFDIHHHN.js";import{a as te,b as ne,d as ie,e as oe,f as le,g as ae}from"./chunk-7JNYLOAK.js";import{$a as R,Bb as s,Cb as C,Da as D,Db as b,Hb as x,Ia as G,Ib as y,Jb as w,Ld as X,Nd as Y,Od as $,Pd as ee,Rd as Te,Xa as S,Ya as v,_a as Q,ab as z,ba as p,bb as u,ca as _,cb as a,db as l,eb as I,jb as V,ka as O,lb as T,nb as m,oc as J,rb as Z,sb as N,tb as q,xa as i,xb as F}from"./chunk-KQUCMSSK.js";import"./chunk-FCVD6SGJ.js";import{a as U,b as K,h as B}from"./chunk-O7S4L63H.js";var Qe=["p3xrConnectionForm"],Ze=(r,g)=>g.id;function Je(r,g){if(r&1&&s(0),r&2){let t,n=m();b(" ",(t=n.strings().label)==null?null:t.connectiondView," ")}}function Xe(r,g){if(r&1&&s(0),r&2){let t,n=m();b(" ",(t=n.strings().label)==null?null:t.connectiondAdd," ")}}function Ye(r,g){if(r&1&&s(0),r&2){let t,n=m();b(" ",(t=n.strings().label)==null?null:t.connectiondEdit," ")}}function $e(r,g){if(r&1){let t=V();a(0,"mat-form-field",24)(1,"mat-label"),s(2),l(),a(3,"input",35),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.id,e)||(o.model.id=e),_(e)}),l()(),a(4,"div",36),s(5),l()}if(r&2){let t,n,e=m();i(2),C((t=e.strings().label)==null||t.id==null?null:t.id.id),i(),x("ngModel",e.model.id),i(2),b(" ",(n=e.strings().label)==null||n.id==null?null:n.id.info," ")}}function et(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m();i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function tt(r,g){if(r&1&&(a(0,"mat-option",11),s(1),l()),r&2){let t=g.$implicit;u("value",t),i(),C(t)}}function nt(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(2);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function it(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(2);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function ot(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(2);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function lt(r,g){if(r&1){let t=V();a(0,"button",43),T("click",function(){p(t);let e=m(2);return _(e.sshPasswordVisible=!e.sshPasswordVisible)}),a(1,"mat-icon"),s(2),l()()}if(r&2){let t=m(2);i(2),C(t.sshPasswordVisible?"visibility_off":"visibility")}}function at(r,g){if(r&1){let t=V();a(0,"fieldset")(1,"legend"),s(2,"SSH"),l(),a(3,"mat-form-field",8)(4,"mat-label"),s(5),l(),a(6,"input",37),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sshHost,e)||(o.model.sshHost=e),_(e)}),l(),S(7,nt,2,1,"mat-error"),l(),a(8,"mat-form-field",8)(9,"mat-label"),s(10),l(),a(11,"input",38),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sshPort,e)||(o.model.sshPort=e),_(e)}),l(),S(12,it,2,1,"mat-error"),l(),a(13,"mat-form-field",8)(14,"mat-label"),s(15),l(),a(16,"input",39),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sshUsername,e)||(o.model.sshUsername=e),_(e)}),l(),S(17,ot,2,1,"mat-error"),l(),a(18,"mat-form-field",24)(19,"mat-label"),s(20),l(),a(21,"input",40),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sshPassword,e)||(o.model.sshPassword=e),_(e)}),l(),S(22,lt,3,1,"button",41),l(),a(23,"div",36),s(24),l(),a(25,"mat-form-field",24)(26,"mat-label"),s(27),l(),a(28,"textarea",42),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sshPrivateKey,e)||(o.model.sshPrivateKey=e),_(e)}),l()(),a(29,"div",36),s(30),l(),I(31,"br"),l()}if(r&2){let t,n,e,o,c,d,M,h=m(),f=F(1);i(5),C((t=h.strings().label)==null||t.ssh==null?null:t.ssh.sshHost),i(),x("ngModel",h.model.sshHost),u("disabled",h.readonlyConnections),i(),v(f.controls.sshHost!=null&&f.controls.sshHost.hasError("required")&&(f.controls.sshHost!=null&&f.controls.sshHost.touched)?7:-1),i(3),C((n=h.strings().label)==null||n.ssh==null?null:n.ssh.sshPort),i(),x("ngModel",h.model.sshPort),u("disabled",h.readonlyConnections),i(),v(f.controls.sshPort!=null&&f.controls.sshPort.hasError("required")&&(f.controls.sshPort!=null&&f.controls.sshPort.touched)?12:-1),i(3),C((e=h.strings().label)==null||e.ssh==null?null:e.ssh.sshUsername),i(),x("ngModel",h.model.sshUsername),u("disabled",h.readonlyConnections),i(),v(f.controls.sshUsername!=null&&f.controls.sshUsername.hasError("required")&&(f.controls.sshUsername!=null&&f.controls.sshUsername.touched)?17:-1),i(3),C((o=h.strings().label)==null||o.ssh==null?null:o.ssh.sshPassword),i(),u("type",h.sshPasswordVisible?"text":"password"),x("ngModel",h.model.sshPassword),u("disabled",h.readonlyConnections),i(),v(h.readonlyConnections?-1:22),i(2),b(" ",(c=h.strings().label)==null?null:c.passwordSecure," "),i(3),C((d=h.strings().label)==null||d.ssh==null?null:d.ssh.sshPrivateKey),i(),x("ngModel",h.model.sshPrivateKey),u("disabled",h.readonlyConnections),i(2),b(" ",(M=h.strings().label)==null?null:M.secureFeature," ")}}function rt(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m();i(),C((t=n.strings().form)==null||t.error==null?null:t.error.port)}}function st(r,g){if(r&1&&(a(0,"div",16),s(1),l()),r&2){let t,n=m();i(),b(" ",(t=n.strings().label)==null?null:t.aclAuthHint," ")}}function dt(r,g){if(r&1){let t=V();a(0,"button",43),T("click",function(){p(t);let e=m(2);return _(e.passwordVisible=!e.passwordVisible)}),a(1,"mat-icon"),s(2),l()()}if(r&2){let t=m(2);i(2),C(t.passwordVisible?"visibility_off":"visibility")}}function mt(r,g){if(r&1){let t=V();a(0,"span")(1,"div",44),s(2),l(),a(3,"mat-form-field",8)(4,"mat-label"),s(5),l(),a(6,"input",45),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.username,e)||(o.model.username=e),_(e)}),l()(),a(7,"mat-form-field",24)(8,"mat-label"),s(9),l(),a(10,"input",46),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.password,e)||(o.model.password=e),_(e)}),l(),S(11,dt,3,1,"button",41),l(),a(12,"div",36),s(13),l(),I(14,"br"),l()}if(r&2){let t,n,e,o,c=m();i(2),b(" ",(t=c.strings().label)==null?null:t.aclAuthHint," "),i(3),C((n=c.strings().form)==null||n.connection==null||n.connection.label==null?null:n.connection.label.username),i(),x("ngModel",c.model.username),u("disabled",c.readonlyConnections),i(3),C((e=c.strings().form)==null||e.connection==null||e.connection.label==null?null:e.connection.label.password),i(),u("type",c.passwordVisible?"text":"password"),x("ngModel",c.model.password),u("disabled",c.readonlyConnections),i(),v(c.readonlyConnections?-1:11),i(2),b(" ",(o=c.strings().label)==null?null:o.passwordSecure," ")}}function ct(r,g){if(r&1){let t=V();a(0,"div",47),T("click",function(){p(t);let e=m();return _(e.addNode())}),s(1),a(2,"button",48)(3,"mat-icon"),s(4,"add"),l()()()}if(r&2){let t,n=m();i(),b(" ",(t=n.strings().label)==null?null:t.addNode," ")}}function ut(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(2);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function pt(r,g){if(r&1){let t=V();a(0,"mat-form-field",24)(1,"mat-label"),s(2),l(),a(3,"input",49),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.sentinelName,e)||(o.model.sentinelName=e),_(e)}),l(),S(4,ut,2,1,"mat-error"),l()}if(r&2){let t,n=m(),e=F(1);i(2),C((t=n.strings().label)==null||t.sentinel==null?null:t.sentinel.name),i(),x("ngModel",n.model.sentinelName),u("disabled",n.readonlyConnections),i(),v(e.controls.sentinelName!=null&&e.controls.sentinelName.hasError("required")&&(e.controls.sentinelName!=null&&e.controls.sentinelName.touched)?4:-1)}}function _t(r,g){if(r&1){let t=V();a(0,"div",50)(1,"button",57),T("click",function(e){p(t);let o=m().$index,c=m(2);return _(c.removeNode(e,o))}),a(2,"mat-icon"),s(3,"delete"),l()(),a(4,"button",58),T("click",function(){p(t);let e=m().$index,o=m(2);return _(o.addNode(e))}),a(5,"mat-icon"),s(6,"add"),l()()()}if(r&2){let t,n,e=m(3);i(),u("matTooltip",(t=e.strings().confirm)==null?null:t.deleteConnectionText),i(3),u("matTooltip",(n=e.strings().label)==null?null:n.addNode)}}function gt(r,g){if(r&1&&(a(0,"mat-form-field",24)(1,"mat-label"),s(2),l(),I(3,"input",59),l(),a(4,"div",36),s(5),l()),r&2){let t,n,e=m(),o=e.$implicit,c=e.$index,d=m(2);i(2),C((t=d.strings().label)==null||t.id==null?null:t.id.nodeId),i(),u("ngModel",o.id)("name","nodeId"+c),i(2),b(" ",(n=d.strings().label)==null||n.id==null?null:n.id.info," ")}}function Ct(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(3);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.port)}}function ft(r,g){if(r&1&&(a(0,"mat-error"),s(1),l()),r&2){let t,n=m(3);i(),C((t=n.strings().form)==null||t.error==null?null:t.error.required)}}function ht(r,g){if(r&1){let t=V();a(0,"button",43),T("click",function(){p(t);let e=m().$index,o=m(2);return _(o.nodePasswordVisible[e]=!o.nodePasswordVisible[e])}),a(1,"mat-icon"),s(2),l()()}if(r&2){let t=m().$index,n=m(2);i(2),C(n.nodePasswordVisible[t]?"visibility_off":"visibility")}}function xt(r,g){r&1&&(a(0,"div",55),s(1,"\xA0"),l())}function yt(r,g){if(r&1){let t=V();a(0,"fieldset")(1,"legend"),s(2),l(),S(3,_t,7,2,"div",50),I(4,"br"),S(5,gt,6,4),a(6,"mat-form-field",8)(7,"mat-label"),s(8),l(),a(9,"input",51),w("ngModelChange",function(e){let o=p(t).$implicit;return y(o.host,e)||(o.host=e),_(e)}),l()(),a(10,"mat-form-field",8)(11,"mat-label"),s(12),l(),a(13,"input",52),w("ngModelChange",function(e){let o=p(t).$implicit;return y(o.port,e)||(o.port=e),_(e)}),l(),S(14,Ct,2,1,"mat-error"),S(15,ft,2,1,"mat-error"),l(),a(16,"mat-form-field",8)(17,"mat-label"),s(18),l(),a(19,"input",53),w("ngModelChange",function(e){let o=p(t).$implicit;return y(o.username,e)||(o.username=e),_(e)}),l()(),a(20,"mat-form-field",24)(21,"mat-label"),s(22),l(),a(23,"input",54),w("ngModelChange",function(e){let o=p(t).$implicit;return y(o.password,e)||(o.password=e),_(e)}),l(),S(24,ht,3,1,"button",41),l(),a(25,"div",36),s(26),l()(),S(27,xt,2,0,"div",55),I(28,"div",56)}if(r&2){let t,n,e,o,c,d=g.$implicit,M=g.$index,h=g.$count,f=m(2),E=F(1);i(2),b("Node ",M+2),i(),v(f.readonlyConnections?-1:3),i(2),v(d.id?5:-1),i(3),C((t=f.strings().form)==null||t.connection==null||t.connection.label==null?null:t.connection.label.host),i(),u("name","nodeHost"+M),x("ngModel",d.host),u("disabled",f.readonlyConnections),i(3),C((n=f.strings().form)==null||n.connection==null||n.connection.label==null?null:n.connection.label.port),i(),u("name","nodePort"+M),x("ngModel",d.port),u("disabled",f.readonlyConnections),i(),v(E.controls["nodePort"+M]!=null&&E.controls["nodePort"+M].hasError("min")||E.controls["nodePort"+M]!=null&&E.controls["nodePort"+M].hasError("max")?14:-1),i(),v(E.controls["nodePort"+M]!=null&&E.controls["nodePort"+M].hasError("required")&&(E.controls["nodePort"+M]!=null&&E.controls["nodePort"+M].touched)?15:-1),i(3),C((e=f.strings().form)==null||e.connection==null||e.connection.label==null?null:e.connection.label.username),i(),u("name","nodeUsername"+M),x("ngModel",d.username),u("disabled",f.readonlyConnections),i(3),C((o=f.strings().form)==null||o.connection==null||o.connection.label==null?null:o.connection.label.password),i(),u("name","nodePassword"+M)("type",f.nodePasswordVisible[M]?"text":"password"),x("ngModel",d.password),u("disabled",f.readonlyConnections),i(),v(f.readonlyConnections?-1:24),i(2),b(" ",(c=f.strings().label)==null?null:c.passwordSecure," "),i(),v(M!==h-1?27:-1)}}function wt(r,g){if(r&1&&(a(0,"div"),R(1,yt,29,25,null,null,Ze),l()),r&2){let t=m();i(),z(t.model.nodes)}}function bt(r,g){if(r&1){let t=V();a(0,"div",28)(1,"fieldset")(2,"legend"),s(3,"TLS"),l(),a(4,"mat-form-field",24)(5,"mat-label"),s(6,"TLS (redis.crt)"),l(),a(7,"textarea",60),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.tlsCrt,e)||(o.model.tlsCrt=e),_(e)}),l()(),a(8,"div",36),s(9),l(),I(10,"br"),a(11,"mat-form-field",24)(12,"mat-label"),s(13,"TLS (redis.key)"),l(),a(14,"textarea",61),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.tlsKey,e)||(o.model.tlsKey=e),_(e)}),l()(),a(15,"div",36),s(16),l(),I(17,"br"),a(18,"mat-form-field",24)(19,"mat-label"),s(20,"TLS (ca.crt)"),l(),a(21,"textarea",62),w("ngModelChange",function(e){p(t);let o=m();return y(o.model.tlsCa,e)||(o.model.tlsCa=e),_(e)}),l()(),a(22,"div",36),s(23),l(),I(24,"br"),l()()}if(r&2){let t,n,e,o=m();i(7),x("ngModel",o.model.tlsCrt),u("disabled",o.readonlyConnections),i(2),b(" ",(t=o.strings().label)==null?null:t.tlsSecure," "),i(5),x("ngModel",o.model.tlsKey),u("disabled",o.readonlyConnections),i(2),b(" ",(n=o.strings().label)==null?null:n.tlsSecure," "),i(5),x("ngModel",o.model.tlsCa),u("disabled",o.readonlyConnections),i(2),b(" ",(e=o.strings().label)==null?null:e.tlsSecure," ")}}function Mt(r,g){if(r&1&&(a(0,"button",34)(1,"mat-icon",63),s(2),l(),s(3),l()),r&2){let t,n=m();i(2),C(n.options.type==="new"?"add":"save"),i(),b(" ",n.options.type==="new"?(t=n.strings().intention)==null?null:t.add:(t=n.strings().intention)==null?null:t.save," ")}}var dn=(()=>{class r{dialogRef;data;i18n;socketService;commonService;askAuthDialogService;ngZone;state;settings;overlay;formRef;autosizeTextareas;options;model;strings;existingGroups=[];groupEnabled=!1;passwordVisible=!1;sshPasswordVisible=!1;nodePasswordVisible={};onAskAuthChange(){this.model.askAuth&&(this.model.username="",this.model.password="")}get readonlyConnections(){return!!this.state.cfg()?.readonlyConnections}constructor(t,n,e,o,c,d,M,h,f,E){this.dialogRef=t,this.data=n,this.i18n=e,this.socketService=o,this.commonService=c,this.askAuthDialogService=d,this.ngZone=M,this.state=h,this.settings=f,this.overlay=E,this.strings=this.i18n.strings,this.options=n,this.model=this.initModel(n);let P=this.state.connections()?.list||[],W=new Set;for(let A of P)A.group&&typeof A.group=="string"&&A.group.trim()&&W.add(A.group.trim());this.existingGroups=[...W].sort(),this.groupEnabled=!!this.model.group?.trim()}onGroupToggle(){this.groupEnabled||(this.model.group=void 0)}ngAfterViewInit(){this.scheduleTextareaResize(),this.autosizeTextareas.changes.subscribe(()=>this.scheduleTextareaResize())}scheduleTextareaResize(){this.ngZone.runOutsideAngular(()=>{requestAnimationFrame(()=>{requestAnimationFrame(()=>{this.autosizeTextareas?.forEach(t=>t.resizeToFitContent(!0))})})})}initModel(t){let n;t.model!==void 0?(n=structuredClone(t.model),n.password=t.model.id,n.tlsCrt=t.model.id,n.tlsKey=t.model.id,n.tlsCa=t.model.id,n.sshPassword=t.model.id,n.sshPrivateKey=t.model.id):n={name:void 0,host:void 0,port:6379,askAuth:!1,password:void 0,username:void 0,id:void 0,group:void 0,readonly:void 0,tlsWithoutCert:!1,tlsRejectUnauthorized:!1,tlsCrt:void 0,tlsKey:void 0,tlsCa:void 0},n.hasOwnProperty("ssh")||(n=K(U({},n),{ssh:!1,sshHost:void 0,sshPort:22,sshUsername:void 0,sshPassword:t.model?.id,sshPrivateKey:t.model?.id})),n.hasOwnProperty("cluster")||(n.cluster=!1),n.hasOwnProperty("sentinel")||(n.sentinel=!1),n.hasOwnProperty("nodes")||(n.nodes=[]);for(let e of n.nodes)e.password=e.id;return n}onClusterChange(){this.model.cluster===!0&&(this.model.sentinel=!1)}onSentinelChange(){this.model.sentinel===!0&&(this.model.cluster=!1)}addNode(t){let n={host:void 0,port:void 0,password:void 0,username:void 0,id:this.settings.generateId()};t===void 0?this.model.nodes.push(n):this.model.nodes.splice(t+1,0,n)}removeNode(t,n){return B(this,null,function*(){try{yield this.commonService.confirm({event:t,message:this.strings().confirm?.deleteConnectionText}),this.model.nodes.splice(n,1),this.commonService.toast({message:this.strings().status?.nodeRemoved})}catch(e){if(e===void 0)return;this.commonService.generalHandleError(e)}})}handleInvalidForm(){return this.formRef&&this.formRef.invalid?(this.commonService.toast({message:this.strings().form?.error?.invalid}),!1):!0}testConnection(t){return B(this,null,function*(){if(this.formRef&&Object.keys(this.formRef.controls).forEach(n=>{this.formRef.controls[n].markAsTouched()}),!!this.handleInvalidForm())try{let n=structuredClone(this.model);if(this.model.askAuth===!0){let o=yield this.askAuthDialogService.show({$event:t});n.username=void 0,n.password=void 0,o.username&&(n.username=o.username),o.password&&(n.password=o.password)}this.overlay.show({message:this.strings().title?.connectingRedis});let e=yield this.socketService.request({action:"connection/test",payload:{model:n}});console.warn("response",e),this.commonService.toast({message:this.strings().status?.redisConnected})}catch(n){this.commonService.generalHandleError(n)}finally{this.overlay.hide()}})}submit(){return B(this,null,function*(){if(this.handleInvalidForm()){this.model.host===void 0&&(this.model.host="localhost"),this.model.port===void 0&&(this.model.port=6379),this.options.type==="new"&&(this.model.id=this.settings.generateId());for(let t of this.model.nodes)t.host===void 0&&(t.host="localhost"),t.id===void 0&&(t.id=this.settings.generateId());try{let t=structuredClone(this.model);typeof t.group=="string"&&(t.group=t.group.trim()||void 0),yield this.socketService.request({action:"connection/save",payload:{model:t}}),this.commonService.toast({message:this.options.type==="new"?this.strings().status?.added:this.strings().status?.saved}),this.dialogRef.close(void 0)}catch(t){this.commonService.generalHandleError(t)}}})}cancel(){this.dialogRef.close(void 0)}static \u0275fac=function(n){return new(n||r)(D(te),D(ne),D(Te),D(We),D(Re),D(Oe),D(O),D(Ve),D(Ie),D(De))};static \u0275cmp=G({type:r,selectors:[["p3xr-connection-dialog"]],viewQuery:function(n,e){if(n&1&&Z(Qe,5)(L,5),n&2){let o;N(o=q())&&(e.formRef=o.first),N(o=q())&&(e.autosizeTextareas=o)}},decls:76,vars:47,consts:[["p3xrConnectionForm","ngForm"],["groupAuto","matAutocomplete"],["novalidate","",3,"ngSubmit"],[1,"p3xr-dialog-toolbar","p3xr-connection-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-connection-dialog-content"],[1,"p3xr-padding"],[1,"md-block"],["matInput","","required","","name","name",3,"ngModelChange","ngModel","disabled"],["matInput","","name","group",3,"ngModelChange","ngModel","matAutocomplete","disabled"],[3,"value"],["name","ssh",2,"margin","0",3,"ngModelChange","change","ngModel","disabled"],["matInput","","name","host",3,"ngModelChange","ngModel","disabled"],["matInput","","name","port","type","number","min","1","max","65535",3,"ngModelChange","ngModel","disabled"],["name","askAuth",3,"ngModelChange","change","ngModel","disabled"],[1,"p3xr-md-input-container-bottom-info",2,"margin-top","4px"],["name","readonly",2,"margin","0",3,"ngModelChange","ngModel","disabled"],[2,"display","flex","flex-direction","row","align-items","center"],["name","cluster",2,"margin","0",3,"ngModelChange","change","ngModel","disabled"],[2,"margin-left","15px"],["name","sentinel",2,"margin","0",3,"ngModelChange","change","ngModel","disabled"],[2,"flex","1"],[1,"p3xr-connection-node-add"],[1,"md-block","p3xr-md-input-container-no-bottom"],[1,"p3xr-connection-inline-toggles","p3xr-connection-tls-toggles"],["name","tlsWithoutCert",3,"ngModelChange","change","ngModel","disabled"],["name","tlsRejectUnauthorized",3,"ngModelChange","ngModel","disabled"],[1,"p3xr-connection-tls-fields"],[1,"p3xr-dialog-actions","p3xr-dialog-connection-actions"],[3,"cancel"],[1,"p3xr-mat-common"],["mat-raised-button","","type","button",1,"btn-primary",3,"click"],[1,"fas","fa-plug"],["mat-raised-button","","type","submit",1,"btn-primary"],["matInput","","name","id","disabled","",3,"ngModelChange","ngModel"],[1,"p3xr-md-input-container-bottom-info"],["matInput","","required","","name","sshHost",3,"ngModelChange","ngModel","disabled"],["matInput","","required","","name","sshPort","type","number","min","1","max","65535",3,"ngModelChange","ngModel","disabled"],["matInput","","required","","name","sshUsername",3,"ngModelChange","ngModel","disabled"],["matInput","","name","sshPassword","autocomplete","off",3,"ngModelChange","type","ngModel","disabled"],["mat-icon-button","","matSuffix","","type","button"],["matInput","","name","sshPrivateKey","autocomplete","off","cdkTextareaAutosize","","cdkAutosizeMinRows","1","rows","1",3,"ngModelChange","ngModel","disabled"],["mat-icon-button","","matSuffix","","type","button",3,"click"],[1,"p3xr-md-input-container-bottom-info",2,"margin-bottom","8px"],["matInput","","name","username","type","text","autocomplete","off",3,"ngModelChange","ngModel","disabled"],["matInput","","name","password","autocomplete","off",3,"ngModelChange","type","ngModel","disabled"],[1,"p3xr-connection-node-add",3,"click"],["mat-mini-fab","","type","button",1,"btn-primary"],["matInput","","required","","name","sentinelName",3,"ngModelChange","ngModel","disabled"],[1,"p3xr-connection-node-actions",2,"float","right"],["matInput","",3,"ngModelChange","name","ngModel","disabled"],["matInput","","required","","type","number","min","1","max","65535",3,"ngModelChange","name","ngModel","disabled"],["matInput","","type","text","autocomplete","off",3,"ngModelChange","name","ngModel","disabled"],["matInput","","autocomplete","off",3,"ngModelChange","name","type","ngModel","disabled"],[2,"margin-bottom","16px"],[2,"clear","both"],["mat-mini-fab","","type","button",1,"btn-warn",3,"click","matTooltip"],["mat-mini-fab","","type","button",1,"btn-primary",3,"click","matTooltip"],["matInput","","disabled","",3,"ngModel","name"],["matInput","","name","tlsCrt","autocomplete","off","cdkTextareaAutosize","","cdkAutosizeMinRows","1","rows","1",3,"ngModelChange","ngModel","disabled"],["matInput","","name","tlsKey","autocomplete","off","cdkTextareaAutosize","","cdkAutosizeMinRows","1","rows","1",3,"ngModelChange","ngModel","disabled"],["matInput","","name","tlsCa","autocomplete","off","cdkTextareaAutosize","","cdkAutosizeMinRows","1","rows","1",3,"ngModelChange","ngModel","disabled"],[2,"font-size","24px","width","24px","height","24px"]],template:function(n,e){if(n&1){let o=V();a(0,"form",2,0),T("ngSubmit",function(){return e.submit()}),a(2,"mat-toolbar",3)(3,"span",4),S(4,Je,1,1)(5,Xe,1,1)(6,Ye,1,1),l(),a(7,"button",5),T("click",function(){return e.cancel()}),a(8,"mat-icon"),s(9,"close"),l()()(),a(10,"mat-dialog-content",6)(11,"div",7),S(12,$e,6,3),a(13,"mat-form-field",8)(14,"mat-label"),s(15),l(),a(16,"input",9),w("ngModelChange",function(d){return p(o),y(e.model.name,d)||(e.model.name=d),_(d)}),l(),S(17,et,2,1,"mat-error"),l(),a(18,"mat-form-field",8)(19,"mat-label"),s(20),l(),a(21,"input",10),w("ngModelChange",function(d){return p(o),y(e.model.group,d)||(e.model.group=d),_(d)}),l(),a(22,"mat-autocomplete",null,1),R(24,tt,2,2,"mat-option",11,Q),l()(),a(26,"span")(27,"mat-slide-toggle",12),w("ngModelChange",function(d){return p(o),y(e.model.ssh,d)||(e.model.ssh=d),_(d)}),T("change",function(){return e.scheduleTextareaResize()}),s(28),l(),S(29,at,32,22,"fieldset"),l(),I(30,"br"),a(31,"fieldset")(32,"legend"),s(33,"Node 1"),l(),a(34,"mat-form-field",8)(35,"mat-label"),s(36),l(),a(37,"input",13),w("ngModelChange",function(d){return p(o),y(e.model.host,d)||(e.model.host=d),_(d)}),l()(),a(38,"mat-form-field",8)(39,"mat-label"),s(40),l(),a(41,"input",14),w("ngModelChange",function(d){return p(o),y(e.model.port,d)||(e.model.port=d),_(d)}),l(),S(42,rt,2,1,"mat-error"),l(),a(43,"mat-slide-toggle",15),w("ngModelChange",function(d){return p(o),y(e.model.askAuth,d)||(e.model.askAuth=d),_(d)}),T("change",function(){return e.onAskAuthChange()}),s(44),l(),S(45,st,2,1,"div",16),S(46,mt,15,10,"span"),l(),I(47,"br"),a(48,"span")(49,"mat-slide-toggle",17),w("ngModelChange",function(d){return p(o),y(e.model.readonly,d)||(e.model.readonly=d),_(d)}),s(50),l()(),I(51,"br"),a(52,"div",18)(53,"div")(54,"mat-slide-toggle",19),w("ngModelChange",function(d){return p(o),y(e.model.cluster,d)||(e.model.cluster=d),_(d)}),T("change",function(){return e.onClusterChange()}),s(55),l()(),a(56,"div",20)(57,"mat-slide-toggle",21),w("ngModelChange",function(d){return p(o),y(e.model.sentinel,d)||(e.model.sentinel=d),_(d)}),T("change",function(){return e.onSentinelChange()}),s(58),l()(),I(59,"span",22),S(60,ct,5,1,"div",23),l(),S(61,pt,5,4,"mat-form-field",24),S(62,wt,3,0,"div"),a(63,"div",25)(64,"mat-slide-toggle",26),w("ngModelChange",function(d){return p(o),y(e.model.tlsWithoutCert,d)||(e.model.tlsWithoutCert=d),_(d)}),T("change",function(){return e.scheduleTextareaResize()}),s(65),l(),a(66,"mat-slide-toggle",27),w("ngModelChange",function(d){return p(o),y(e.model.tlsRejectUnauthorized,d)||(e.model.tlsRejectUnauthorized=d),_(d)}),s(67),l()(),S(68,bt,25,9,"div",28),l()(),a(69,"mat-dialog-actions",29)(70,"p3xr-dialog-cancel",30),T("cancel",function(){return e.cancel()}),l(),a(71,"span",31)(72,"button",32),T("click",function(d){return e.testConnection(d)}),I(73,"i",33),s(74),l()(),S(75,Mt,4,2,"button",34),l()()}if(n&2){let o,c,d,M,h,f,E,P,W,A,j,H,k=F(1),Ge=F(23);i(4),v(e.readonlyConnections?4:e.options.type==="new"?5:6),i(8),v(e.model.id&&e.options.type!=="new"?12:-1),i(3),C((o=e.strings().form)==null||o.connection==null||o.connection.label==null?null:o.connection.label.name),i(),x("ngModel",e.model.name),u("disabled",e.readonlyConnections),i(),v(k.controls.name!=null&&k.controls.name.hasError("required")&&(k.controls.name!=null&&k.controls.name.touched)?17:-1),i(3),C((c=e.strings().form)==null||c.connection==null||c.connection.label==null?null:c.connection.label.group),i(),x("ngModel",e.model.group),u("matAutocomplete",Ge)("disabled",e.readonlyConnections),i(3),z(e.existingGroups),i(3),x("ngModel",e.model.ssh),u("disabled",e.readonlyConnections),i(),b(" ",e.model.ssh?(d=e.strings().label)==null||d.ssh==null?null:d.ssh.on:(d=e.strings().label)==null||d.ssh==null?null:d.ssh.off," "),i(),v(e.model.ssh?29:-1),i(7),C((M=e.strings().form)==null||M.connection==null||M.connection.label==null?null:M.connection.label.host),i(),x("ngModel",e.model.host),u("disabled",e.readonlyConnections),i(3),C((h=e.strings().form)==null||h.connection==null||h.connection.label==null?null:h.connection.label.port),i(),x("ngModel",e.model.port),u("disabled",e.readonlyConnections),i(),v(k.controls.port!=null&&k.controls.port.hasError("min")||k.controls.port!=null&&k.controls.port.hasError("max")?42:-1),i(),x("ngModel",e.model.askAuth),u("disabled",e.readonlyConnections),i(),b(" ",(f=e.strings().label)==null?null:f.askAuth," "),i(),v(e.model.askAuth?45:-1),i(),v(e.model.askAuth?-1:46),i(3),x("ngModel",e.model.readonly),u("disabled",e.readonlyConnections),i(),b(" ",e.model.readonly?(E=e.strings().label)==null||E.readonly==null?null:E.readonly.on:(E=e.strings().label)==null||E.readonly==null?null:E.readonly.off," "),i(4),x("ngModel",e.model.cluster),u("disabled",e.readonlyConnections),i(),b(" ",e.model.cluster?(P=e.strings().label)==null||P.cluster==null?null:P.cluster.on:(P=e.strings().label)==null||P.cluster==null?null:P.cluster.off," "),i(2),x("ngModel",e.model.sentinel),u("disabled",e.readonlyConnections),i(),b(" ",e.model.sentinel?(W=e.strings().label)==null||W.sentinel==null?null:W.sentinel.on:(W=e.strings().label)==null||W.sentinel==null?null:W.sentinel.off," "),i(2),v((e.model.cluster===!0||e.model.sentinel===!0)&&!e.readonlyConnections?60:-1),i(),v(e.model.sentinel===!0?61:-1),i(),v(e.model.cluster===!0||e.model.sentinel===!0?62:-1),i(2),x("ngModel",e.model.tlsWithoutCert),u("disabled",e.readonlyConnections),i(),b(" ",(A=e.strings().label)==null?null:A.tlsWithoutCert," "),i(),x("ngModel",e.model.tlsRejectUnauthorized),u("disabled",e.readonlyConnections),i(),b(" ",(j=e.strings().label)==null?null:j.tlsRejectUnauthorized," "),i(),v(e.model.tlsWithoutCert!==!0?68:-1),i(6),b(" ",(H=e.strings().intention)==null?null:H.testConnection," "),i(),v(e.readonlyConnections?-1:75)}},dependencies:[J,Se,xe,_e,ye,ge,Ce,Me,be,we,he,fe,Fe,L,ae,ie,le,oe,ce,me,re,se,de,Le,Be,Ke,qe,Ne,ze,ee,Y,$,X,Ee,ve,ke,Pe,pe,ue,Ue,je,He,Ae],styles:[".md-block[_ngcontent-%COMP%]{width:100%}.p3xr-show-xs[_ngcontent-%COMP%]{display:none}@media(max-width:699px){.p3xr-hide-xs[_ngcontent-%COMP%]{display:none}.p3xr-show-xs[_ngcontent-%COMP%]{display:inline}}"]})}return r})();export{dn as ConnectionDialogComponent};