From 15417e8a776c6aa9f90762d198d70b26163bb2df Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Mon, 1 Feb 2021 16:31:48 +0100
Subject: [PATCH] feat(UI): database version in app footer

---
 src/main/ipc-handlers/database.js             | 11 +++++++
 src/main/libs/clients/MySQLClient.js          | 31 ++++++++++++++++++-
 src/renderer/components/TheFooter.vue         | 19 +++++++++---
 src/renderer/ipc-api/Database.js              |  4 +++
 .../store/modules/workspaces.store.js         | 17 ++++++++--
 5 files changed, 73 insertions(+), 9 deletions(-)

diff --git a/src/main/ipc-handlers/database.js b/src/main/ipc-handlers/database.js
index 122e4a72..dd42183c 100644
--- a/src/main/ipc-handlers/database.js
+++ b/src/main/ipc-handlers/database.js
@@ -94,6 +94,17 @@ export default connections => {
       }
    });
 
+   ipcMain.handle('get-version', async (event, uid) => {
+      try {
+         const result = await connections[uid].getVersion();
+
+         return { status: 'success', response: result };
+      }
+      catch (err) {
+         return { status: 'error', response: err.toString() };
+      }
+   });
+
    ipcMain.handle('use-schema', async (event, { uid, schema }) => {
       if (!schema) return;
 
diff --git a/src/main/libs/clients/MySQLClient.js b/src/main/libs/clients/MySQLClient.js
index 8a52ede1..138a925a 100644
--- a/src/main/libs/clients/MySQLClient.js
+++ b/src/main/libs/clients/MySQLClient.js
@@ -920,6 +920,35 @@ export class MySQLClient extends AntaresCore {
       });
    }
 
+   /**
+    * SHOW VARIABLES LIKE '%vers%'
+    *
+    * @returns {Array.<Object>} version parameters
+    * @memberof MySQLClient
+    */
+   async getVersion () {
+      const sql = 'SHOW VARIABLES LIKE "%vers%"';
+      const { rows } = await this.raw(sql);
+
+      return rows.reduce((acc, curr) => {
+         switch (curr.Variable_name) {
+            case 'version':
+               acc.number = curr.Value.split('-')[0];
+               break;
+            case 'version_comment':
+               acc.name = curr.Value.replace('(GPL)', '');
+               break;
+            case 'version_compile_machine':
+               acc.arch = curr.Value;
+               break;
+            case 'version_compile_os':
+               acc.os = curr.Value;
+               break;
+         }
+         return acc;
+      }, {});
+   }
+
    /**
     * CREATE TABLE
     *
@@ -1231,7 +1260,7 @@ export class MySQLClient extends AntaresCore {
                               const response = await this.getTableColumns(paramObj);
                               remappedFields = remappedFields.map(field => {
                                  const detailedField = response.find(f => f.name === field.name);
-                                 if (field.orgTable === paramObj.table && field.schema === paramObj.schema && detailedField.name === field.orgName)
+                                 if (detailedField && field.orgTable === paramObj.table && field.schema === paramObj.schema && detailedField.name === field.orgName)
                                     field = { ...detailedField, ...field };
                                  return field;
                               });
diff --git a/src/renderer/components/TheFooter.vue b/src/renderer/components/TheFooter.vue
index 79243bbe..c47ded35 100644
--- a/src/renderer/components/TheFooter.vue
+++ b/src/renderer/components/TheFooter.vue
@@ -2,9 +2,9 @@
    <div id="footer" class="text-light">
       <div class="footer-left-elements">
          <ul class="footer-elements">
-            <li class="footer-element" :title="$t('word.version')">
-               <i class="mdi mdi-18px mdi-memory mr-1" />
-               <small>{{ appVersion }}</small>
+            <li class="footer-element">
+               <i class="mdi mdi-18px mdi-database mr-1" />
+               <small>{{ versionString }}</small>
             </li>
          </ul>
       </div>
@@ -34,9 +34,18 @@ export default {
    name: 'TheFooter',
    computed: {
       ...mapGetters({
-         appName: 'application/appName',
+         workspace: 'workspaces/getSelected',
+         getWorkspace: 'workspaces/getWorkspace',
          appVersion: 'application/appVersion'
-      })
+      }),
+      version () {
+         return this.getWorkspace(this.workspace) ? this.getWorkspace(this.workspace).version : null;
+      },
+      versionString () {
+         if (this.version)
+            return `${this.version.name} ${this.version.number} (${this.version.arch} ${this.version.os})`;
+         return '';
+      }
    },
    methods: {
       ...mapActions({
diff --git a/src/renderer/ipc-api/Database.js b/src/renderer/ipc-api/Database.js
index 6425ef3c..ec954722 100644
--- a/src/renderer/ipc-api/Database.js
+++ b/src/renderer/ipc-api/Database.js
@@ -34,6 +34,10 @@ export default class {
       return ipcRenderer.invoke('get-engines', uid);
    }
 
+   static getVersion (uid) {
+      return ipcRenderer.invoke('get-version', uid);
+   }
+
    static useSchema (params) {
       return ipcRenderer.invoke('use-schema', params);
    }
diff --git a/src/renderer/store/modules/workspaces.store.js b/src/renderer/store/modules/workspaces.store.js
index d8ebc028..d0818300 100644
--- a/src/renderer/store/modules/workspaces.store.js
+++ b/src/renderer/store/modules/workspaces.store.js
@@ -51,7 +51,7 @@ export default {
       SELECT_WORKSPACE (state, uid) {
          state.selected_workspace = uid;
       },
-      ADD_CONNECTED (state, { uid, client, dataTypes, indexTypes, structure }) {
+      ADD_CONNECTED (state, { uid, client, dataTypes, indexTypes, structure, version }) {
          state.workspaces = state.workspaces.map(workspace => workspace.uid === uid
             ? {
                ...workspace,
@@ -59,7 +59,8 @@ export default {
                dataTypes,
                indexTypes,
                structure,
-               connected: true
+               connected: true,
+               version
             }
             : workspace);
       },
@@ -245,12 +246,22 @@ export default {
                      indexTypes = require('common/index-types/mysql');
                      break;
                }
+
+               const { status, response: version } = await Database.getVersion(connection.uid);
+
+               if (status === 'error')
+                  dispatch('notifications/addNotification', { status, message: version }, { root: true });
+               else {
+                  //
+               }
+
                commit('ADD_CONNECTED', {
                   uid: connection.uid,
                   client: connection.client,
                   dataTypes,
                   indexTypes,
-                  structure: response
+                  structure: response,
+                  version
                });
                dispatch('refreshCollations', connection.uid);
                dispatch('refreshVariables', connection.uid);