From cb9d32d9d23316a42aa9a217e7a4f06cce982af3 Mon Sep 17 00:00:00 2001
From: Fabio <fabio286@gmail.com>
Date: Wed, 13 May 2020 18:40:49 +0200
Subject: [PATCH] Additions

---
 src/renderer/App.vue                            |  5 +++--
 src/renderer/components/ModalNewConnection.vue  |  3 ++-
 src/renderer/components/TheSettingBar.vue       | 11 +++++++----
 src/renderer/store/modules/connections.store.js |  8 +++++++-
 4 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index bd607841..21803ecf 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -8,7 +8,7 @@
             id="main-loader"
             :is-loading="isLoading"
          /> -->
-         <TheAppWelcome @newConn="showNewConnModal" />
+         <TheAppWelcome v-if="!connections.length" @newConn="showNewConnModal" />
       </div>
       <TheFooter />
       <ModalNewConnection v-if="isNewConnModal" />
@@ -39,7 +39,8 @@ export default {
    computed: {
       ...mapGetters({
          isLoading: 'application/isLoading',
-         isNewConnModal: 'connections/isNewModal'
+         isNewConnModal: 'connections/isNewModal',
+         connections: 'connections/getConnections'
       })
    },
    methods: {
diff --git a/src/renderer/components/ModalNewConnection.vue b/src/renderer/components/ModalNewConnection.vue
index f9c4d6b7..f63053c7 100644
--- a/src/renderer/components/ModalNewConnection.vue
+++ b/src/renderer/components/ModalNewConnection.vue
@@ -152,7 +152,8 @@ export default {
             port: '3306',
             user: 'root',
             password: '',
-            ask: false
+            ask: false,
+            uid: Math.random().toString(36).substr(2, 9).toUpperCase()
          },
          toast: {
             status: '',
diff --git a/src/renderer/components/TheSettingBar.vue b/src/renderer/components/TheSettingBar.vue
index fbd9f792..a28df167 100644
--- a/src/renderer/components/TheSettingBar.vue
+++ b/src/renderer/components/TheSettingBar.vue
@@ -3,9 +3,10 @@
       <div class="settingbar-top-elements">
          <ul class="settingbar-elements">
             <li
-               v-for="(connection, key) in connections"
-               :key="key"
+               v-for="connection in connections"
+               :key="connection.uid"
                class="settingbar-element btn btn-link tooltip tooltip-right p-0"
+               :class="{'selected': connection.uid === selectedConnection}"
                :data-tooltip="`${connection.user}@${connection.host}:${connection.port}`"
             >
                <i class="dbi" :class="`dbi-${connection.client}`" />
@@ -37,13 +38,15 @@ export default {
    name: 'TheSettingBar',
    computed: {
       ...mapGetters({
-         connections: 'connections/getConnections'
+         connections: 'connections/getConnections',
+         selectedConnection: 'connections/getSelected'
       })
    },
    methods: {
       ...mapActions({
          showNewConnModal: 'connections/showNewConnModal'
-      })
+      }),
+      isActiveTab: uid => uid === this.selectedConnection
    }
 };
 </script>
diff --git a/src/renderer/store/modules/connections.store.js b/src/renderer/store/modules/connections.store.js
index 234dd0e9..c7e77935 100644
--- a/src/renderer/store/modules/connections.store.js
+++ b/src/renderer/store/modules/connections.store.js
@@ -5,10 +5,16 @@ export default {
    strict: true,
    state: {
       connections: [],
-      is_new_modal: false
+      is_new_modal: false,
+      connection_selected: null
    },
    getters: {
       getConnections: state => state.connections,
+      getSelected: state => {
+         if (state.connection_selected) return state.connection_selected;
+         if (state.connections.length) return state.connections[0].uid;
+         return null;
+      },
       isNewModal: state => state.is_new_modal
    },
    mutations: {