fix when connection failed

src/components/Connections.vue

@@ -165,24 +165,43 @@ export default {
       }
 
       this.getDbIndex(menuIndex);
-      this.setGlobalConnection(menuIndex, connection);
-
-      // open status tab
-      if (!this.openedStatus[menuIndex]) {
-        this.$bus.$emit('openStatus');
-        this.openedStatus[menuIndex] = true;
+      const client = this.setGlobalConnection(menuIndex, connection);
+
+      // new connection, not ready
+      if (!client.ready) {
+        client.on('ready', () => {
+          // open status tab
+          if (!this.openedStatus[menuIndex]) {
+            this.$bus.$emit('openStatus', connection.showName);
+            this.openedStatus[menuIndex] = true;
+          }
+
+          this.refreshKeyList();
+        });
       }
 
-      this.refreshKeyList();
+      // connection is ready
+      else{
+        this.refreshKeyList();
+      }
     },
     setGlobalConnection(menuIndex, connection) {
-      if (!this.connectionPool[menuIndex]) {
-        const client = redisClient.createConnection(connection.host, connection.port, connection.auth, menuIndex);
+      let client = this.connectionPool[menuIndex];
+
+      if (!client || !client.ready) {
+        client = redisClient.createConnection(connection.host, connection.port, connection.auth, menuIndex);
+
+        client.on('error', (err) => {
+          alert(err);
+        });
+
         this.connectionPool[menuIndex] = client;
       }
 
       // set global client
-      this.$util.set('client', this.connectionPool[menuIndex]);
+      this.$util.set('client', client);
+
+      return client;
     },
     deleteConnection(connection) {
       console.log(connection);

src/components/Tabs.vue

@@ -47,22 +47,22 @@ export default {
     });
 
     // open status tab
-    this.$bus.$on('openStatus', () => {
-      console.log('open status');
+    this.$bus.$on('openStatus', (tabName) => {
+      console.log('open status', tabName);
 
-      const client = this.$util.get('client');
+      // const client = this.$util.get('client');
 
-      const { host } = client.options;
-      const { port } = client.options;
-      const newTabName = `${host}:${port}`;
+      // const { host } = client.options;
+      // const { port } = client.options;
+      // const newTabName = `${host}:${port}`;
 
       this.tabs.push({
-        name: newTabName,
-        title: newTabName,
+        name: tabName,
+        title: tabName,
         component_name: 'Status',
       });
 
-      this.selectedTabName = newTabName;
+      this.selectedTabName = tabName;
     });
 
     // remove pre tab

src/redisClient.js

@@ -12,12 +12,8 @@ export default {
       },
       menu_index: menuIndex,
     };
-    const client = redis.createClient(port, host, options);
 
-    client.on('error', (err) => {
-      alert(err);
-      return false;
-    });
+    const client = redis.createClient(port, host, options);
 
     return client;
   },