reset UI

sumitdaga · sumitdaga · commit 5754c3395122 · 2019-01-17T17:04:12.000+05:30
diff --git a/src/app/ngrx/reducer/redis-reducer.ts b/src/app/ngrx/reducer/redis-reducer.ts
@@ -75,6 +75,8 @@ export function reducer(state = initialState, action) {
       const i = getInstanceById(action.payload.id, state);
       i.status = 'failed';
       i.working = false;
+      i.selected = false;
+      i.expanded = false;
       return state;
     }
     case RedisActions.RedisConnect: {
diff --git a/src/app/services/http-helper.service.ts b/src/app/services/http-helper.service.ts
@@ -5,8 +5,10 @@ import * as _ from 'lodash';
 import {environment} from '../../environments/environment';
 import {catchError, delay} from 'rxjs/operators';
 import {Store} from '@ngrx/store';
+import {MatDialog} from '@angular/material';
 
 import {RedisConnectFailed} from '../ngrx/actions/redis-actions';
+import {CollapseCli} from '../ngrx/actions/cli-actions';
 import {REDIS_INSTANCES_KEY} from '../ngrx/reducer/redis-reducer';
 import {UtilService} from './util.service';
 
@@ -20,7 +22,8 @@ export class HttpHelperService {
   constructor(
     private http: HttpClient,
     private util: UtilService,
-    private _store: Store<any>
+    private _store: Store<any>,
+    private dialogService: MatDialog
   ) { }
 
   /**
@@ -63,11 +66,16 @@ export class HttpHelperService {
         const id = instance.id;
         const host = instance.serverModel.name;
         const port = instance.serverModel.port;
-        this.util.showMessage(`Fail to connect Redis server at ${host}:${port}.`);
+        // reset UI if redis connection fails
+        this.dialogService.closeAll();
+        this.util.showMessage(`Failed to connect Redis server at ${host}:${port}.`);
         this._store.dispatch(new RedisConnectFailed({id}));
+        this._store.dispatch(new CollapseCli());
       }
+      return of();
+    } else {
+      return throwError(error);
     }
-    return throwError(error);
   }
 
   /**

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,8 @@ export function reducer(state = initialState, action) {`
`75`	`75`	`const i = getInstanceById(action.payload.id, state);`
`76`	`76`	`i.status = 'failed';`
`77`	`77`	`i.working = false;`
	`78`	`+ i.selected = false;`
	`79`	`+ i.expanded = false;`
`78`	`80`	`return state;`
`79`	`81`	`}`
`80`	`82`	`case RedisActions.RedisConnect: {`