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"
/> -->
-
+
@@ -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 @@
-
@@ -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
}
};
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: {