chore(release): 0.1.5

build(deps): bump electron-store from 7.0.3 to 8.0.0

.eslintrc

@@ -9,22 +9,25 @@
         "plugin:vue/recommended"
     ],
     "parserOptions": {
-        "parser": "babel-eslint",
+        "parser": "@babel/eslint-parser",
         "ecmaVersion": 9,
-        "sourceType": "module"
+        "sourceType": "module",
+        "requireConfigFile": false
     },
     "rules": {
         "indent": [
             "error",
             3,
-            { "SwitchCase": 1 }
+            {
+                "SwitchCase": 1
+            }
         ],
         "linebreak-style": [
             "error",
             "unix"
         ],
         "brace-style": [
-            "error", 
+            "error",
             "stroustrup"
         ],
         "quotes": [
@@ -36,7 +39,7 @@
             "always"
         ],
         "curly": [
-            "error", 
+            "error",
             "multi-or-nest"
         ],
         "no-console": "off",
@@ -44,18 +47,25 @@
         "vue/no-side-effects-in-computed-properties": "off",
         "vue/require-default-prop": "off",
         "vue/no-v-html": "off",
-        "vue/html-indent": ["error", 3, {
+        "vue/html-indent": [
-            "attribute": 1,
+            "error",
-            "baseIndent": 1,
+            3,
-            "closeBracket": 0,
+            {
-            "ignores": []
+                "attribute": 1,
-        }],
+                "baseIndent": 1,
-        "vue/max-attributes-per-line": ["error", {
+                "closeBracket": 0,
-            "singleline": 2,
+                "ignores": []
-            "multiline": {
-                "max": 1,
-                "allowFirstLine": false
             }
-        }]
+        ],
+        "vue/max-attributes-per-line": [
+            "error",
+            {
+                "singleline": 2,
+                "multiline": {
+                    "max": 1,
+                    "allowFirstLine": false
+                }
+            }
+        ]
     }
 }

.github/ISSUE_TEMPLATE/bug_report.md

@@ -12,6 +12,7 @@ A clear and concise description of what the bug is.
 
 **To Reproduce**
 Steps to reproduce the behavior:
+
 1. Go to '...'
 2. Click on '....'
 3. Scroll down to '....'
@@ -23,9 +24,15 @@ A clear and concise description of what you expected to happen.
 **Screenshots**
 If applicable, add screenshots to help explain your problem.
 
+**Application (please complete the following information):**
+
+- Version [e.g. 0.14.0]
+- Distribution: [e.g. exe, Linux Store, AppImage, dmg]
+
 **Desktop (please complete the following information):**
- - OS: [e.g. iOS]
+
- - Version [e.g. 22]
+- OS: [e.g. iOS]
+- Version [e.g. 22]
 
 **Additional context**
 Add any other context about the problem here.

.github/workflows/build.yml

@@ -17,10 +17,10 @@ jobs:
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
-          node-version: 10
+          node-version: 12
 
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1
         with:
           github_token: ${{ secrets.github_token }}
-          release: ${{ startsWith(github.ref, 'refs/tags/v') }}
+          release: ${{ startsWith(github.ref, 'refs/tags/v') }}

.travis.yml

@@ -1,52 +0,0 @@
-language: node_js
-node_js: 12
-
-cache:
-  directories:
-    - node_modules
-    - app/node_modules
-    - $HOME/.cache/electron
-    - $HOME/.cache/electron-builder
-    - $HOME/.npm/_prebuilds
-
-env:
-  global:
-    - ELECTRON_CACHE=$HOME/.cache/electron
-    - ELECTRON_BUILDER_CACHE=$HOME/.cache/electron-builder
-
-jobs:
-  include:
-    - stage: Test
-      before_install:
-        - sudo apt-get install libsecret-1-dev
-        - npm install
-      script:
-        - npm test
-
-    - stage: Deploy Linux & Windows
-      if: tag IS present
-      os: linux
-      services: docker
-      before_install:
-        - sudo apt-get install libsecret-1-dev
-        - npm install
-      script:
-        - docker run --rm --env-file <(env | grep -iE 'DEBUG|NODE_|ELECTRON_|NPM_|CI|CIRCLE|TRAVIS|APPVEYOR_|CSC_|_TOKEN|_KEY|AWS_|STRIP|BUILD_') -v ${PWD}:/project -v ~/.cache/electron:/root/.cache/electron -v ~/.cache/electron-builder:/root/.cache/electron-builder electronuserland/builder:wine /bin/bash -c "npm run build -- --linux --win -p always"
-      before_cache:
-        - rm -rf $HOME/.cache/electron-builder/wine
-
-    - stage: Deploy Mac
-      if: tag IS present
-      os: osx
-      before_install:
-        - npm install
-      osx_image: xcode10.2
-      script:
-        - npm run build -- -p always
-    
-    # - stage: Deploy ARM Linux
-    #   if: tag IS present
-    #   os: linux
-    #   arch: arm64
-    #   script:
-    #     - npm run build -- --linux AppImage -p always

CHANGELOG.md

@@ -2,6 +2,42 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.1.5](https://github.com/Fabio286/antares/compare/v0.1.4...v0.1.5) (2021-04-30)
+
+
+### Bug Fixes
+
+* **MySQL:** multiple queries non properly split in some cases ([5208ec1](https://github.com/Fabio286/antares/commit/5208ec171b44da0e6bfa93f15bfedd03ef2aa868))
+* % character not properly escaped, closes [#60](https://github.com/Fabio286/antares/issues/60) ([ecfb732](https://github.com/Fabio286/antares/commit/ecfb732c265a5485e131e75f3d20ff07d9409753))
+* semicolon inside strings breaks queries, closes [#59](https://github.com/Fabio286/antares/issues/59) ([1b09909](https://github.com/Fabio286/antares/commit/1b0990912627a3a4a4e8d62b4593f8a7aa3a7fe5))
+
+
+### Improvements
+
+* **UI:** new application icon ([5822b3d](https://github.com/Fabio286/antares/commit/5822b3df432e0a2b305d0ff37a20dc466c3a3992))
+
+### [0.1.4](https://github.com/Fabio286/antares/compare/v0.1.3...v0.1.4) (2021-04-22)
+
+
+### Features
+
+* query results export ([1d363f7](https://github.com/Fabio286/antares/commit/1d363f755e025d0fc6fec61cbd47ff87a8f25728))
+* **UI:** canc press to delete selected rows ([20cba6e](https://github.com/Fabio286/antares/commit/20cba6ee9bc1daa902b04d6e2ddcb31d04fbf805))
+* **UI:** ctrl+s shortcut to save changes ([16e17b3](https://github.com/Fabio286/antares/commit/16e17b39b6c8b561cc018d02afee2276190ce304))
+* **UI:** format and clear queries ([9ffd443](https://github.com/Fabio286/antares/commit/9ffd443a66303f88fc4529896f6d1d7917454f7a))
+
+
+### Bug Fixes
+
+* launch from shortcut of procedures or functions with parameters without name dont works ([f82dbd2](https://github.com/Fabio286/antares/commit/f82dbd24dcef7b4d8d127a604e256b3f79a6c617))
+* wrong changelog in some cases ([a41cf1a](https://github.com/Fabio286/antares/commit/a41cf1ab5662f5f5fdedff4a9e1c626c23071377))
+* **UI:** data type not listed in selection if not present in global types ([6eb2977](https://github.com/Fabio286/antares/commit/6eb2977568987b9440b62ae7dbd7183338bfcc9b))
+
+
+### Improvements
+
+* **UI:** improved connection status indicator ([5ceddb8](https://github.com/Fabio286/antares/commit/5ceddb8e00f3bc1984b8e47de270dc39b367903f))
+
 ### [0.1.3](https://github.com/Fabio286/antares/compare/v0.1.2...v0.1.3) (2021-04-17)
 
 

README.md

@@ -4,7 +4,7 @@
 
 # Antares SQL Client
 
-![GitHub package.json version](https://img.shields.io/github/package-json/v/fabio286/antares) [![Build Status](https://travis-ci.com/Fabio286/antares.svg?branch=master)](https://travis-ci.com/Fabio286/antares) ![GitHub All Releases](https://img.shields.io/github/downloads/fabio286/antares/total) ![GitHub](https://img.shields.io/github/license/fabio286/antares) [![antares](https://snapcraft.io/antares/badge.svg)](https://snapcraft.io/antares) [![antares](https://snapcraft.io/antares/trending.svg?name=0)](https://snapcraft.io/antares)
+![GitHub package.json version](https://img.shields.io/github/package-json/v/fabio286/antares) ![GitHub All Releases](https://img.shields.io/github/downloads/fabio286/antares/total) ![GitHub](https://img.shields.io/github/license/fabio286/antares) [![antares](https://snapcraft.io/antares/badge.svg)](https://snapcraft.io/antares) [![antares](https://snapcraft.io/antares/trending.svg?name=0)](https://snapcraft.io/antares) [![Plant a Tree](https://raw.githubusercontent.com/Fabio286/treedom-badge/master/svg/plant-a-tree.svg)](https://www.treedom.net/en/user/fabio-di-stasio/event/antares-for-the-planet)
 
 Antares is an SQL client based on [Electron.js](https://github.com/electron/electron) and [Vue.js](https://github.com/vuejs/vue) that aims to become a useful tool, especially for developers.  
 My target is to support as many databases as possible, and all major operating systems, including the ARM versions.  
@@ -45,7 +45,6 @@ A modern application created with minimalism and semplicity in mind, with featur
 - Scratchpad.
 - Multi language.
 - Secure password storage.
-- Auto updates.
 
 ## Coming soon
 
@@ -62,17 +61,6 @@ This is a roadmap with major features will come in near future.
 - Query logs console.
 - Import/export and migration.
 
-## Troubleshooting
-
-### **Linux**
-
-With KDE may need necessary installation of the additional `gnome-keyring` package.  
-Depending on your distribution, you will need to run the following command:
-
-- Debian/Ubuntu: `sudo apt-get install gnome-keyring`
-- Red Hat-based: `sudo yum install gnome-keyring`
-- Arch Linux: `sudo pacman -S gnome-keyring`
-
 ## Currently supported
 
 ### Databases
@@ -100,10 +88,11 @@ Depending on your distribution, you will need to run the following command:
 
 ## Translations
 
-**Italian Translation** (46%) / [Giuseppe Gigliotti](https://github.com/ReverbOD) [[#20](https://github.com/Fabio286/antares/pull/20)]  
+**Italian Translation** / [Giuseppe Gigliotti](https://github.com/ReverbOD) [[#20](https://github.com/Fabio286/antares/pull/20)]  
-**Arabic Translation** (45%) / [Mohd-PH](https://github.com/Mohd-PH) [[#29](https://github.com/Fabio286/antares/pull/29)]  
+**Arabic Translation** / [Mohd-PH](https://github.com/Mohd-PH) [[#29](https://github.com/Fabio286/antares/pull/29)]  
-**Spanish Translation** (46%) / [hongkfui](https://github.com/hongkfui) [[#32](https://github.com/Fabio286/antares/pull/32)]  
+**Spanish Translation** / [hongkfui](https://github.com/hongkfui) [[#32](https://github.com/Fabio286/antares/pull/32)]  
-**French Translation** (100%) / [MrAnyx](https://github.com/MrAnyx) [[#44](https://github.com/Fabio286/antares/pull/44)]
+**French Translation** / [MrAnyx](https://github.com/MrAnyx) [[#44](https://github.com/Fabio286/antares/pull/44)]  
+**Portugues (Brasil)** / [Daniel Eduardo](https://github.com/daeleduardo) [[#54](https://github.com/Fabio286/antares/pull/54)]
 
 ## Reviews
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "A cross-platform easy to use SQL client.",
   "license": "MIT",
   "repository": "https://github.com/Fabio286/antares.git",
@@ -67,33 +67,33 @@
     }
   },
   "dependencies": {
+    "@electron/remote": "^1.1.0",
     "@mdi/font": "^5.9.55",
     "ace-builds": "^1.4.12",
     "electron-log": "^4.3.0",
-    "electron-store": "^7.0.0",
+    "electron-store": "^8.0.0",
     "electron-updater": "^4.3.5",
     "faker": "^5.3.1",
-    "keytar": "^7.3.0",
     "marked": "^2.0.2",
     "moment": "^2.29.1",
-    "mssql": "^6.2.3",
     "mysql2": "^2.2.5",
     "node-sql-parser": "^3.1.0",
     "pg": "^8.5.1",
     "pgsql-ast-parser": "^7.0.2",
     "source-map-support": "^0.5.16",
     "spectre.css": "^0.5.9",
+    "sql-formatter": "^4.0.2",
     "v-mask": "^2.2.4",
     "vue-i18n": "^8.22.4",
     "vuedraggable": "^2.24.3",
     "vuex": "^3.6.0"
   },
   "devDependencies": {
-    "babel-eslint": "^10.1.0",
+    "@babel/eslint-parser": "^7.13.14",
     "cross-env": "^7.0.2",
-    "electron": "^11.4.3",
+    "electron": "^12.0.5",
     "electron-builder": "^22.9.1",
-    "electron-devtools-installer": "^3.1.1",
+    "electron-devtools-installer": "^3.2.0",
     "electron-webpack": "^2.8.2",
     "electron-webpack-vue": "^2.4.0",
     "eslint": "^7.24.0",
@@ -105,8 +105,8 @@
     "node-sass": "^5.0.0",
     "sass-loader": "^10.1.1",
     "standard-version": "^9.2.0",
-    "stylelint": "^13.9.0",
+    "stylelint": "^13.12.0",
-    "stylelint-config-standard": "^21.0.0",
+    "stylelint-config-standard": "^22.0.0",
     "stylelint-scss": "^3.19.0",
     "vue": "^2.6.12",
     "vue-template-compiler": "^2.6.12",

src/common/customizations/defaults.js

@@ -16,6 +16,7 @@ module.exports = {
    tables: false,
    views: false,
    triggers: false,
+   triggerFunctions: false,
    routines: false,
    functions: false,
    schedulers: false,
@@ -23,6 +24,7 @@ module.exports = {
    tableAdd: false,
    viewAdd: false,
    triggerAdd: false,
+   triggerFunctionAdd: false,
    routineAdd: false,
    functionAdd: false,
    schedulerAdd: false,
@@ -31,6 +33,7 @@ module.exports = {
    tableSettings: false,
    viewSettings: false,
    triggerSettings: false,
+   triggerFunctionSettings: false,
    routineSettings: false,
    functionSettings: false,
    schedulerSettings: false,
@@ -59,6 +62,8 @@ module.exports = {
    functionSql: false,
    functionContext: false,
    functionLanguage: false,
+   triggerMiltipleEvents: false,
+   triggerUpdateColumns: false,
    parametersLength: false,
    languages: false
 };

src/common/libs/sqlEscaper.js

@@ -12,7 +12,7 @@ const regex = new RegExp(pattern);
 function sqlEscaper (string) {
    return string.replace(regex, char => {
       const m = ['\\0', '\\x08', '\\x09', '\\x1a', '\\n', '\\r', '\'', '\"', '\\', '\\\\', '%'];
-      const r = ['\\\\0', '\\\\b', '\\\\t', '\\\\z', '\\\\n', '\\\\r', '\\\'', '\\\"', '\\\\', '\\\\\\\\', '\\%'];
+      const r = ['\\\\0', '\\\\b', '\\\\t', '\\\\z', '\\\\n', '\\\\r', '\\\'', '\\\"', '\\\\', '\\\\\\\\', '\%'];
       return r[m.indexOf(char)] || char;
    });
 }

src/main/index.js

@@ -2,9 +2,7 @@
 
 import { app, BrowserWindow, nativeImage } from 'electron';
 import * as path from 'path';
-import crypto from 'crypto';
 import { format as formatUrl } from 'url';
-import keytar from 'keytar';
 import Store from 'electron-store';
 
 import ipcHandlers from './ipc-handlers';
@@ -31,6 +29,7 @@ async function createMainWindow () {
       icon: nativeImage.createFromDataURL(icon.default),
       webPreferences: {
          nodeIntegration: true,
+         contextIsolation: false,
          'web-security': false,
          enableRemoteModule: true,
          spellcheck: false
@@ -39,26 +38,25 @@ async function createMainWindow () {
       backgroundColor: '#1d1d1d'
    });
 
-   if (isDevelopment) {
+   try {
-      await window.loadURL(`http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}`);
+      if (isDevelopment) {
+         await window.loadURL(`http://localhost:${process.env.ELECTRON_WEBPACK_WDS_PORT}`);
 
-      const { default: installExtension, VUEJS_DEVTOOLS } = require('electron-devtools-installer');
+         const { default: installExtension, VUEJS_DEVTOOLS } = require('electron-devtools-installer');
-      window.webContents.openDevTools();
 
-      installExtension(VUEJS_DEVTOOLS)
+         const toolName = await installExtension(VUEJS_DEVTOOLS);
-         .then(name => {
+         console.log(toolName, 'installed');
-            console.log(name, 'installed');
+      }
-         })
+      else {
-         .catch(err => {
+         await window.loadURL(formatUrl({
-            console.log(err);
+            pathname: path.join(__dirname, 'index.html'),
-         });
+            protocol: 'file',
+            slashes: true
+         }));
+      }
    }
-   else {
+   catch (err) {
-      await window.loadURL(formatUrl({
+      console.log(err);
-         pathname: path.join(__dirname, 'index.html'),
-         protocol: 'file',
-         slashes: true
-      }));
    }
 
    window.on('closed', () => {
@@ -78,6 +76,8 @@ async function createMainWindow () {
 if (!gotTheLock)
    app.quit();
 else {
+   require('@electron/remote/main').initialize();
+
    // Initialize ipcHandlers
    ipcHandlers();
 
@@ -88,26 +88,19 @@ else {
          app.quit();
    });
 
-   app.on('activate', () => {
+   app.on('activate', async () => {
       // on macOS it is common to re-create a window even after all windows have been closed
-      if (mainWindow === null)
+      if (mainWindow === null) {
-         mainWindow = createMainWindow();
+         mainWindow = await createMainWindow();
+         if (isDevelopment)
+            mainWindow.webContents.openDevTools();
+      }
    });
 
    // create main BrowserWindow when electron is ready
    app.on('ready', async () => {
-      try {
+      mainWindow = await createMainWindow();
-         let key = await keytar.getPassword('antares', 'user');
+      if (isDevelopment)
-
+         mainWindow.webContents.openDevTools();
-         if (!key) {
-            key = crypto.randomBytes(16).toString('hex');
-            keytar.setPassword('antares', 'user', key);
-         }
-      }
-      catch (err) {
-         console.log(err);
-      }
-
-      mainWindow = createMainWindow();
    });
 }

src/main/ipc-handlers/application.js

@@ -1,4 +1,3 @@
-import keytar from 'keytar';
 import { app, ipcMain } from 'electron';
 
 export default () => {
@@ -7,14 +6,7 @@ export default () => {
    });
 
    ipcMain.on('get-key', async event => {
-      let key = false;
+      const key = false;
-
-      try {
-         key = await keytar.getPassword('antares', 'user');
-      }
-      catch (err) {
-         console.log(err);
-      }
       event.returnValue = key;
    });
 };

src/main/libs/clients/MySQLClient.js

@@ -1278,7 +1278,7 @@ export class MySQLClient extends AntaresCore {
       const nestTables = args.nest ? '.' : false;
       const resultsArr = [];
       let paramsArr = [];
-      const queries = args.split ? sql.split(';') : [sql];
+      const queries = args.split ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm) : [sql];
 
       if (process.env.NODE_ENV === 'development') this._logger(sql);// TODO: replace BLOB content with a placeholder
 

src/main/libs/clients/PostgreSQLClient.js

@@ -77,7 +77,8 @@ export class PostgreSQLClient extends AntaresCore {
     */
    use (schema) {
       this._schema = schema;
-      return this.raw(`SET search_path TO ${schema}`);
+      if (schema)
+         return this.raw(`SET search_path TO ${schema}`);
    }
 
    /**
@@ -186,12 +187,14 @@ export class PostgreSQLClient extends AntaresCore {
             // TRIGGERS
             const remappedTriggers = triggersArr.filter(trigger => trigger.Db === db.database).map(trigger => {
                return {
-                  name: trigger.trigger_name,
+                  name: `${trigger.table_name}.${trigger.trigger_name}`,
+                  orgName: trigger.trigger_name,
                   timing: trigger.activation,
-                  definer: trigger.definition, // ???
+                  definer: '',
+                  definition: trigger.definition,
                   event: trigger.event,
-                  table: trigger.table_trigger,
+                  table: trigger.table_name,
-                  sqlMode: trigger.sql_mode
+                  sqlMode: ''
                };
             });
 
@@ -274,7 +277,7 @@ export class PostgreSQLClient extends AntaresCore {
     */
    async getTableIndexes ({ schema, table }) {
       if (schema !== 'public')
-         this.use(schema);
+         await this.use(schema);
 
       const { rows } = await this.raw(`WITH ndx_list AS (
          SELECT pg_index.indexrelid, pg_class.oid
@@ -515,7 +518,8 @@ export class PostgreSQLClient extends AntaresCore {
     * @memberof PostgreSQLClient
     */
    async dropTrigger (params) {
-      const sql = `DROP TRIGGER \`${params.trigger}\``;
+      const triggerParts = params.trigger.split('.');
+      const sql = `DROP TRIGGER ${triggerParts[1]} ON ${triggerParts[0]}`;
       return await this.raw(sql);
    }
 
@@ -670,7 +674,7 @@ export class PostgreSQLClient extends AntaresCore {
          : '';
 
       if (this._schema !== 'public')
-         this.use(this._schema);
+         await this.use(this._schema);
 
       const sql = `CREATE PROCEDURE ${this._schema}.${routine.name}(${parameters})
          LANGUAGE ${routine.language}
@@ -799,7 +803,7 @@ export class PostgreSQLClient extends AntaresCore {
          : '';
 
       if (this._schema !== 'public')
-         this.use(this._schema);
+         await this.use(this._schema);
 
       const body = func.returns ? func.sql : '$BODY$\n$BODY$';
 
@@ -1018,7 +1022,7 @@ export class PostgreSQLClient extends AntaresCore {
       } = params;
 
       if (this._schema !== 'public')
-         this.use(this._schema);
+         await this.use(this._schema);
 
       let sql = '';
       const alterColumns = [];
@@ -1247,11 +1251,11 @@ export class PostgreSQLClient extends AntaresCore {
       };
 
       if (args.nest && this._schema !== 'public')
-         this.use(this._schema);
+         await this.use(this._schema);
 
       const resultsArr = [];
       let paramsArr = [];
-      const queries = args.split ? sql.split(';') : [sql];
+      const queries = args.split ? sql.split(/(?!\B'[^']*);(?![^']*'\B)/gm) : [sql];
 
       if (process.env.NODE_ENV === 'development') this._logger(sql);// TODO: replace BLOB content with a placeholder
 

src/renderer/App.vue

@@ -25,7 +25,8 @@
 
 <script>
 import { mapActions, mapGetters } from 'vuex';
-import { ipcRenderer, remote } from 'electron';
+import { ipcRenderer } from 'electron';
+import { Menu, getCurrentWindow } from '@electron/remote';
 
 export default {
    name: 'App',
@@ -60,8 +61,6 @@ export default {
       ipcRenderer.send('check-for-updates');
       this.checkVersionUpdate();
 
-      const Menu = remote.Menu;
-
       const InputMenu = Menu.buildFromTemplate([
          {
             label: this.$t('word.cut'),
@@ -92,7 +91,7 @@ export default {
 
          while (node) {
             if (node.nodeName.match(/^(input|textarea)$/i) || node.isContentEditable) {
-               InputMenu.popup(remote.getCurrentWindow());
+               InputMenu.popup(getCurrentWindow());
                break;
             }
             node = node.parentNode;

src/renderer/components/ModalAskParameters.vue

@@ -26,7 +26,7 @@
                      <div class="input-group">
                         <input
                            :ref="i === 0 ? 'firstInput' : ''"
-                           v-model="values[parameter.name]"
+                           v-model="values[`${i}-${parameter.name}`]"
                            class="form-input"
                            type="text"
                         >
@@ -88,7 +88,7 @@ export default {
          return '';
       },
       runRoutine () {
-         const valArr = Object.keys(this.values).reduce((acc, curr) => {
+         const valArr = Object.keys(this.values).reduce((acc, curr, i) => {
             let qc;
             switch (this.client) {
                case 'maria':
@@ -102,7 +102,7 @@ export default {
                   qc = '"';
             }
 
-            const param = this.localRoutine.parameters.find(param => param.name === curr);
+            const param = this.localRoutine.parameters.find(param => `${i}-${param.name}` === curr);
 
             const value = [...NUMBER, ...FLOAT].includes(param.type) ? this.values[curr] : `${qc}${this.values[curr]}${qc}`;
             acc.push(value);

src/renderer/components/ModalSettingsChangelog.vue

@@ -15,6 +15,7 @@
 </template>
 
 <script>
+import { mapGetters } from 'vuex';
 import marked from 'marked';
 import BaseLoader from '@/components/BaseLoader';
 
@@ -31,13 +32,16 @@ export default {
          isError: false
       };
    },
+   computed: {
+      ...mapGetters({ appVersion: 'application/appVersion' })
+   },
    created () {
       this.getChangelog();
    },
    methods: {
       async getChangelog () {
          try {
-            const apiRes = await fetch('https://api.github.com/repos/Fabio286/antares/releases/latest', {
+            const apiRes = await fetch(`https://api.github.com/repos/Fabio286/antares/releases/tags/v${this.appVersion}`, {
                method: 'GET'
             });
 

src/renderer/components/TheSettingBar.vue

@@ -19,7 +19,7 @@
                   @contextmenu.prevent="contextMenu($event, connection)"
                   @mouseover.self="tooltipPosition"
                >
-                  <i class="settingbar-element-icon dbi" :class="`dbi-${connection.client} ${connected.includes(connection.uid) ? 'badge' : ''}`" />
+                  <i class="settingbar-element-icon dbi" :class="`dbi-${connection.client} ${getStatusBadge(connection.uid)}`" />
                   <span class="ex-tooltip-content">{{ getConnectionName(connection.uid) }}</span>
                </li>
             </draggable>
@@ -73,7 +73,7 @@ export default {
       ...mapGetters({
          getConnections: 'connections/getConnections',
          getConnectionName: 'connections/getConnectionName',
-         connected: 'workspaces/getConnected',
+         getWorkspace: 'workspaces/getWorkspace',
          selectedWorkspace: 'workspaces/getSelected',
          updateStatus: 'application/getUpdateStatus'
       }),
@@ -109,6 +109,22 @@ export default {
          const el = e.target;
          const fromTop = window.pageYOffset + el.getBoundingClientRect().top - (el.offsetHeight / 4);
          el.querySelector('.ex-tooltip-content').style.top = `${fromTop}px`;
+      },
+      getStatusBadge (uid) {
+         if (this.getWorkspace(uid)) {
+            const status = this.getWorkspace(uid).connection_status;
+
+            switch (status) {
+               case 'connected':
+                  return 'badge badge-connected';
+               case 'connecting':
+                  return 'badge badge-connecting';
+               case 'failed':
+                  return 'badge badge-failed';
+               default:
+                  return '';
+            }
+         }
       }
    }
 };

src/renderer/components/TheTitleBar.vue

@@ -37,15 +37,16 @@
 </template>
 
 <script>
-import { remote, ipcRenderer } from 'electron';
+import { ipcRenderer } from 'electron';
+import { getCurrentWindow } from '@electron/remote';
 import { mapGetters } from 'vuex';
 
 export default {
    name: 'TheTitleBar',
    data () {
       return {
-         w: remote.getCurrentWindow(),
+         w: getCurrentWindow(),
-         isMaximized: remote.getCurrentWindow().isMaximized(),
+         isMaximized: getCurrentWindow().isMaximized(),
          isDevelopment: process.env.NODE_ENV === 'development'
       };
    },
@@ -132,7 +133,7 @@ export default {
 
       .titlebar-logo {
         height: $titlebar-height;
-        padding: 0 0.4rem;
+        padding: 0.3rem 0.4rem;
       }
 
       .titlebar-element {

src/renderer/components/Workspace.vue

@@ -1,7 +1,7 @@
 <template>
    <div v-show="isSelected" class="workspace column columns col-gapless">
       <WorkspaceExploreBar :connection="connection" :is-selected="isSelected" />
-      <div v-if="workspace.connected" class="workspace-tabs column columns col-gapless">
+      <div v-if="workspace.connection_status === 'connected'" class="workspace-tabs column columns col-gapless">
          <ul
             id="tabWrap"
             ref="tabWrap"

src/renderer/components/WorkspaceExploreBar.vue

@@ -8,7 +8,7 @@
       >
          <div class="workspace-explorebar-header">
             <span class="workspace-explorebar-title">{{ connectionName }}</span>
-            <span v-if="workspace.connected" class="workspace-explorebar-tools">
+            <span v-if="workspace.connection_status === 'connected'" class="workspace-explorebar-tools">
                <i
                   class="mdi mdi-18px mdi-database-plus c-hand mr-2"
                   :title="$t('message.createNewSchema')"
@@ -28,7 +28,7 @@
             </span>
          </div>
          <div class="workspace-explorebar-search">
-            <div v-if="workspace.connected" class="has-icon-right">
+            <div v-if="workspace.connection_status === 'connected'" class="has-icon-right">
                <input
                   v-model="searchTerm"
                   class="form-input input-sm"
@@ -39,7 +39,7 @@
             </div>
          </div>
          <WorkspaceConnectPanel
-            v-if="!workspace.connected"
+            v-if="workspace.connection_status !== 'connected'"
             class="workspace-explorebar-body"
             :connection="connection"
          />

src/renderer/components/WorkspacePropsFunctionOptionsModal.vue

@@ -80,6 +80,9 @@
                         <option v-if="localOptions.returns === 'VOID'">
                            VOID
                         </option>
+                        <option v-if="!isInDataTypes">
+                           {{ localOptions.returns }}
+                        </option>
                         <optgroup
                            v-for="group in workspace.dataTypes"
                            :key="group.group"
@@ -178,6 +181,16 @@ export default {
       },
       customizations () {
          return this.workspace.customizations;
+      },
+      isInDataTypes () {
+         let typeNames = [];
+         for (const group of this.workspace.dataTypes) {
+            typeNames = group.types.reduce((acc, curr) => {
+               acc.push(curr.name);
+               return acc;
+            }, []);
+         }
+         return typeNames.includes(this.localOptions.returns);
       }
    },
    created () {

src/renderer/components/WorkspacePropsTab.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -150,6 +151,7 @@ export default {
    computed: {
       ...mapGetters({
          getWorkspace: 'workspaces/getWorkspace',
+         selectedWorkspace: 'workspaces/getSelected',
          getDatabaseVariable: 'workspaces/getDatabaseVariable'
       }),
       workspace () {
@@ -163,7 +165,7 @@ export default {
          return this.getDatabaseVariable(this.connection.uid, 'default_storage_engine').value || '';
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.table;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -200,6 +202,12 @@ export default {
             this.setUnsavedChanges(val);
       }
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -519,6 +527,15 @@ export default {
       },
       foreignsUpdate (foreigns) {
          this.localKeyUsage = foreigns;
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTabFunction.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -120,13 +121,14 @@ export default {
    },
    computed: {
       ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
       }),
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.function;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -171,6 +173,12 @@ export default {
    destroyed () {
       window.removeEventListener('resize', this.resizeQueryEditor);
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -312,6 +320,15 @@ export default {
       },
       hideAskParamsModal () {
          this.isAskingParameters = false;
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTabRoutine.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -121,13 +122,14 @@ export default {
    },
    computed: {
       ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
       }),
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.routine;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -172,6 +174,12 @@ export default {
    destroyed () {
       window.removeEventListener('resize', this.resizeQueryEditor);
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -310,6 +318,15 @@ export default {
       },
       hideAskParamsModal () {
          this.isAskingParameters = false;
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTabScheduler.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -169,13 +170,14 @@ export default {
    },
    computed: {
       ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
       }),
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.scheduler;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -220,6 +222,12 @@ export default {
    destroyed () {
       window.removeEventListener('resize', this.resizeQueryEditor);
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -310,6 +318,15 @@ export default {
       },
       timingUpdate (options) {
          this.localScheduler = options;
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTabTrigger.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -140,13 +141,14 @@ export default {
    },
    computed: {
       ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
       }),
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.trigger;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -191,6 +193,12 @@ export default {
    destroyed () {
       window.removeEventListener('resize', this.resizeQueryEditor);
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -274,6 +282,15 @@ export default {
             this.editorHeight = size;
             this.$refs.queryEditor.editor.resize();
          }
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTabView.vue

@@ -7,6 +7,7 @@
                   class="btn btn-primary btn-sm"
                   :disabled="!isChanged"
                   :class="{'loading':isSaving}"
+                  title="CTRL+S"
                   @click="saveChanges"
                >
                   <span>{{ $t('word.save') }}</span>
@@ -201,13 +202,14 @@ export default {
    },
    computed: {
       ...mapGetters({
+         selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
       }),
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
       isSelected () {
-         return this.workspace.selected_tab === 'prop';
+         return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.view;
       },
       schema () {
          return this.workspace.breadcrumbs.schema;
@@ -245,6 +247,12 @@ export default {
    destroyed () {
       window.removeEventListener('resize', this.resizeQueryEditor);
    },
+   created () {
+      window.addEventListener('keydown', this.onKey);
+   },
+   beforeDestroy () {
+      window.removeEventListener('keydown', this.onKey);
+   },
    methods: {
       ...mapActions({
          addNotification: 'notifications/addNotification',
@@ -327,6 +335,15 @@ export default {
             this.editorHeight = size;
             this.$refs.queryEditor.editor.resize();
          }
+      },
+      onKey (e) {
+         if (this.isSelected) {
+            e.stopPropagation();
+            if (e.ctrlKey && e.keyCode === 83) { // CTRL + S
+               if (this.isChanged)
+                  this.saveChanges();
+            }
+         }
       }
    }
 };

src/renderer/components/WorkspacePropsTableRow.vue

@@ -60,6 +60,9 @@
             class="form-select editable-field small-select text-uppercase"
             @blur="editOFF"
          >
+            <option v-if="!isInDataTypes">
+               {{ row.type }}
+            </option>
             <optgroup
                v-for="group in dataTypes"
                :key="group.group"
@@ -68,7 +71,7 @@
                <option
                   v-for="type in group.types"
                   :key="type.name"
-                  :selected="localRow.type.toUpperCase() === type.name"
+                  :selected="localRow.type === type.name"
                   :value="type.name"
                >
                   {{ type.name }}
@@ -374,6 +377,16 @@ export default {
       },
       isNullable () {
          return !this.indexes.some(index => ['PRIMARY'].includes(index.type));
+      },
+      isInDataTypes () {
+         let typeNames = [];
+         for (const group of this.dataTypes) {
+            typeNames = group.types.reduce((acc, curr) => {
+               acc.push(curr.name);
+               return acc;
+            }, []);
+         }
+         return typeNames.includes(this.row.type);
       }
    },
    watch: {

src/renderer/components/WorkspaceQueryTab.vue

@@ -1,5 +1,12 @@
 <template>
-   <div v-show="isSelected" class="workspace-query-tab column col-12 columns col-gapless">
+   <div
+      v-show="isSelected"
+      class="workspace-query-tab column col-12 columns col-gapless no-outline"
+      tabindex="0"
+      @keydown.116="runQuery(query)"
+      @keydown.ctrl.87="clear"
+      @keydown.ctrl.119="beautify"
+   >
       <div class="workspace-query-runner column col-12">
          <QueryEditor
             v-show="isSelected"
@@ -24,6 +31,43 @@
                   <span>{{ $t('word.run') }}</span>
                   <i class="mdi mdi-24px mdi-play" />
                </button>
+               <div class="dropdown export-dropdown pr-2">
+                  <button
+                     :disabled="!results.length || isQuering"
+                     class="btn btn-dark btn-sm dropdown-toggle mr-0 pr-0"
+                     tabindex="0"
+                  >
+                     <span>{{ $t('word.export') }}</span>
+                     <i class="mdi mdi-24px mdi-file-export ml-1" />
+                     <i class="mdi mdi-24px mdi-menu-down" />
+                  </button>
+                  <ul class="menu text-left">
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('json')">JSON</a>
+                     </li>
+                     <li class="menu-item">
+                        <a class="c-hand" @click="downloadTable('csv')">CSV</a>
+                     </li>
+                  </ul>
+               </div>
+               <button
+                  class="btn btn-dark btn-sm"
+                  :disabled="!query || isQuering"
+                  title="CTRL+F8"
+                  @click="beautify()"
+               >
+                  <span>{{ $t('word.format') }}</span>
+                  <i class="mdi mdi-24px mdi-brush pl-1" />
+               </button>
+               <button
+                  class="btn btn-link btn-sm"
+                  :disabled="!query || isQuering"
+                  title="CTRL+W"
+                  @click="clear()"
+               >
+                  <span>{{ $t('word.clear') }}</span>
+                  <i class="mdi mdi-24px mdi-delete-sweep pl-1" />
+               </button>
             </div>
             <div class="workspace-query-info">
                <div
@@ -68,6 +112,7 @@
 </template>
 
 <script>
+import { format } from 'sql-formatter';
 import Schema from '@/ipc-api/Schema';
 import QueryEditor from '@/components/QueryEditor';
 import BaseLoader from '@/components/BaseLoader';
@@ -192,12 +237,36 @@ export default {
          if (this.$refs.queryEditor)
             this.$refs.queryEditor.editor.resize();
       },
-      onKey (e) {
+      beautify () {
-         if (this.isSelected && this.isWorkspaceSelected) {
+         if (this.$refs.queryEditor) {
-            e.stopPropagation();
+            let language = 'sql';
-            if (e.key === 'F5')
+
-               this.runQuery(this.query);
+            switch (this.workspace.client) {
+               case 'mysql':
+                  language = 'mysql';
+                  break;
+               case 'maria':
+                  language = 'mariadb';
+                  break;
+               case 'pg':
+                  language = 'postgresql';
+                  break;
+            }
+
+            const formattedQuery = format(this.query, {
+               language,
+               uppercase: true
+            });
+            this.$refs.queryEditor.editor.session.setValue(formattedQuery);
          }
+      },
+      clear () {
+         if (this.$refs.queryEditor)
+            this.$refs.queryEditor.editor.session.setValue('');
+         this.clearTabData();
+      },
+      downloadTable (format) {
+         this.$refs.queryTable.downloadTable(format, `${this.tab.type}-${this.tab.index}`);
       }
    }
 };
@@ -251,4 +320,9 @@ export default {
   }
 }
 
+.export-dropdown {
+  .menu {
+    min-width: 100%;
+  }
+}
 </style>

src/renderer/components/WorkspaceQueryTable.vue

@@ -1,16 +1,18 @@
 <template>
    <div
       ref="tableWrapper"
-      class="vscroll"
+      class="vscroll no-outline"
+      tabindex="0"
       :style="{'height': resultsSize+'px'}"
+      @keyup.46="showDeleteConfirmModal"
    >
       <TableContext
          v-if="isContext"
          :context-event="contextEvent"
          :selected-rows="selectedRows"
-         @delete-selected="deleteSelected"
+         @show-delete-modal="showDeleteConfirmModal"
          @set-null="setNull"
-         @close-context="isContext = false"
+         @close-context="closeContext"
       />
       <ul v-if="resultsWithRows.length > 1" class="tab tab-block result-tabs">
          <li
@@ -75,6 +77,23 @@
             </template>
          </BaseVirtualScroll>
       </div>
+
+      <ConfirmModal
+         v-if="isDeleteConfirmModal"
+         @confirm="deleteSelected"
+         @hide="hideDeleteConfirmModal"
+      >
+         <template :slot="'header'">
+            <div class="d-flex">
+               <i class="mdi mdi-24px mdi-delete mr-1" /> {{ $tc('message.deleteRows', selectedRows.length) }}
+            </div>
+         </template>
+         <div :slot="'body'">
+            <div class="mb-2">
+               {{ $tc('message.confirmToDeleteRows', selectedRows.length) }}
+            </div>
+         </div>
+      </ConfirmModal>
    </div>
 </template>
 
@@ -85,6 +104,7 @@ import { TEXT, LONG_TEXT, BLOB } from 'common/fieldTypes';
 import BaseVirtualScroll from '@/components/BaseVirtualScroll';
 import WorkspaceQueryTableRow from '@/components/WorkspaceQueryTableRow';
 import TableContext from '@/components/WorkspaceQueryTableContext';
+import ConfirmModal from '@/components/BaseConfirmModal';
 import { mapActions, mapGetters } from 'vuex';
 import moment from 'moment';
 
@@ -93,7 +113,8 @@ export default {
    components: {
       BaseVirtualScroll,
       WorkspaceQueryTableRow,
-      TableContext
+      TableContext,
+      ConfirmModal
    },
    props: {
       results: Array,
@@ -106,6 +127,7 @@ export default {
          resultsSize: 1000,
          localResults: [],
          isContext: false,
+         isDeleteConfirmModal: false,
          contextEvent: null,
          selectedCell: null,
          selectedRows: [],
@@ -322,7 +344,17 @@ export default {
          };
          this.$emit('update-field', params);
       },
+      closeContext () {
+         this.isContext = false;
+      },
+      showDeleteConfirmModal () {
+         this.isDeleteConfirmModal = true;
+      },
+      hideDeleteConfirmModal () {
+         this.isDeleteConfirmModal = false;
+      },
       deleteSelected () {
+         this.closeContext();
          const rows = this.localResults.filter(row => this.selectedRows.includes(row._id)).map(row => {
             delete row._id;
             return row;

src/renderer/components/WorkspaceQueryTableContext.vue

@@ -17,61 +17,30 @@
             <i class="mdi mdi-18px mdi-delete text-light pr-1" /> {{ $tc('message.deleteRows', selectedRows.length) }}
          </span>
       </div>
-
-      <ConfirmModal
-         v-if="isConfirmModal"
-         @confirm="deleteRows"
-         @hide="hideConfirmModal"
-      >
-         <template :slot="'header'">
-            <div class="d-flex">
-               <i class="mdi mdi-24px mdi-delete mr-1" /> {{ $tc('message.deleteRows', selectedRows.length) }}
-            </div>
-         </template>
-         <div :slot="'body'">
-            <div class="mb-2">
-               {{ $tc('message.confirmToDeleteRows', selectedRows.length) }}
-            </div>
-         </div>
-      </ConfirmModal>
    </BaseContextMenu>
 </template>
 
 <script>
 import BaseContextMenu from '@/components/BaseContextMenu';
-import ConfirmModal from '@/components/BaseConfirmModal';
 
 export default {
    name: 'WorkspaceQueryTableContext',
    components: {
-      BaseContextMenu,
+      BaseContextMenu
-      ConfirmModal
    },
    props: {
       contextEvent: MouseEvent,
       selectedRows: Array
    },
-   data () {
-      return {
-         isConfirmModal: false
-      };
-   },
    computed: {
    },
    methods: {
       showConfirmModal () {
-         this.isConfirmModal = true;
+         this.$emit('show-delete-modal');
-      },
-      hideConfirmModal () {
-         this.isConfirmModal = false;
       },
       closeContext () {
          this.$emit('close-context');
       },
-      deleteRows () {
-         this.$emit('delete-selected');
-         this.closeContext();
-      },
       setNull () {
          this.$emit('set-null');
          this.closeContext();

src/renderer/i18n/en-US.js

@@ -104,7 +104,8 @@ module.exports = {
       database: 'Database',
       scratchpad: 'Scratchpad',
       array: 'Array',
-      changelog: 'Changelog'
+      changelog: 'Changelog',
+      format: 'Format'
    },
    message: {
       appWelcome: 'Welcome to Antares SQL Client!',

src/renderer/i18n/index.js

@@ -9,7 +9,8 @@ const i18n = new VueI18n({
       'it-IT': require('./it-IT'),
       'ar-SA': require('./ar-SA'),
       'es-ES': require('./es-ES'),
-      'fr-FR': require('./fr-FR')
+      'fr-FR': require('./fr-FR'),
+      'pt-BR': require('./pt-BR')
    }
 });
 export default i18n;

src/renderer/i18n/pt-BR.js

@@ -0,0 +1,379 @@
+module.exports = {
+   word: {
+      edit: 'Editar',
+      save: 'Salvar',
+      close: 'Fechar',
+      delete: 'Apagar',
+      confirm: 'Confirmar',
+      cancel: 'Cancelar',
+      send: 'Enviar',
+      connectionName: 'Nome da Conexão',
+      client: 'Cliente',
+      hostName: 'Nome do Host',
+      port: 'Porta',
+      user: 'Usuário',
+      password: 'Senha',
+      credentials: 'Credenciais',
+      connect: 'Conectar',
+      connected: 'Conectado',
+      disconnect: 'Desconectar',
+      disconnected: 'Desconectado',
+      refresh: 'Atualizar',
+      settings: 'Opções',
+      general: 'Geral',
+      themes: 'Temas',
+      update: 'Atualizar',
+      about: 'Sobre',
+      language: 'Linguagem',
+      version: 'Versão',
+      donate: 'Doação',
+      run: 'Executar',
+      schema: 'Schema',
+      results: 'Resultados',
+      size: 'Tamanho',
+      seconds: 'Segundos',
+      type: 'Tipo',
+      mimeType: 'Mime-Type',
+      download: 'Download',
+      add: 'Adicionar',
+      data: 'Data',
+      properties: 'Propriedades',
+      insert: 'Inserção',
+      connecting: 'Connectando',
+      name: 'Nome',
+      collation: 'Collation',
+      clear: 'Limpar',
+      options: 'Opções',
+      autoRefresh: 'Atualização Automática',
+      indexes: 'Indices',
+      foreignKeys: 'Chaves Estrangeiras',
+      length: 'Tamanho',
+      unsigned: 'Sem sinal (Unsigned)',
+      default: 'Padrão',
+      comment: 'Comente',
+      key: 'Chave | Chaves',
+      order: 'Ordem',
+      expression: 'Expressão',
+      autoIncrement: 'Auto Incremental',
+      engine: 'Engine',
+      field: 'Campo | Campos',
+      approximately: 'Aproximadamente',
+      total: 'Total',
+      table: 'Tabela',
+      discard: 'Descartar',
+      stay: 'Stay',
+      author: 'Autor',
+      light: 'Claro',
+      dark: 'Escuro',
+      autoCompletion: 'Auto Complemento',
+      application: 'Aplicação',
+      editor: 'Editor',
+      view: 'Visão',
+      definer: 'Definidor',
+      algorithm: 'Algoritmo',
+      trigger: 'Trigger | Triggers',
+      storedRoutine: 'Stored routine | Stored routines',
+      scheduler: 'Scheduler | Schedulers',
+      event: 'Event',
+      parameters: 'Parametros',
+      function: 'Função | Funções',
+      deterministic: 'Deterministico',
+      context: 'Contexto',
+      export: 'Exportar',
+      returns: 'Retornos',
+      timing: 'Tempo',
+      state: 'Estado',
+      execution: 'Execução',
+      starts: 'Começa',
+      ends: 'Termina',
+      ssl: 'SSL',
+      privateKey: 'Chave Privada',
+      certificate: 'Certificado',
+      caCertificate: 'Certificado CA',
+      ciphers: 'Cifras (ciphers)',
+      upload: 'Upload',
+      browse: 'Navegar',
+      faker: 'Faker',
+      content: 'Conteúdo',
+      cut: 'Cortar',
+      copy: 'Copiar',
+      paste: 'Colar',
+      tools: 'Ferramentas',
+      variables: 'Variaveis',
+      processes: 'Processos',
+      database: 'Banco de Dados',
+      scratchpad: 'Rascunho',
+      array: 'Array',
+      changelog: 'Logs de alteração',
+      format: 'Formato'
+   },
+   message: {
+      appWelcome: 'Bem vindo ao Antares SQL Client!',
+      appFirstStep: 'Seu primeiro passo: criar uma nova conexão de banco de dados.',
+      addConnection: 'Adicionar Conexão',
+      createConnection: 'Criar Conexão',
+      createNewConnection: 'Criar Nova Conexão',
+      askCredentials: 'Pedir Credenciais',
+      testConnection: 'Testar Conexão',
+      editConnection: 'Editar Conexão',
+      deleteConnection: 'Apagar Conexão',
+      deleteCorfirm: 'Você confirma o cancelamento de',
+      connectionSuccessfullyMade: 'Conexão feita com sucesso!',
+      madeWithJS: 'Feito com 💛 e JavaScript!',
+      checkForUpdates: 'Verificar se há novas atualizações',
+      noUpdatesAvailable: 'Sem atualizações disponíveis',
+      checkingForUpdate: 'Verificando se há novas atualizações',
+      checkFailure: 'Erro na verificação, por favor, tente mais tarde',
+      updateAvailable: 'Atualização disponível',
+      downloadingUpdate: 'Baixando a atualização',
+      updateDownloaded: 'Atualização baixada',
+      restartToInstall: 'Reinicie o Antares para instalar',
+      unableEditFieldWithoutPrimary: 'Indisponível a edição de um campo sem a chave primária na tabela de resultados',
+      editCell: 'Editar celula',
+      deleteRows: 'Apgar linha | Apagar {count} linhas',
+      confirmToDeleteRows: 'Você confirma a exclusão de uma linha? | Você confirma a exclusão de {count} linhas?',
+      notificationsTimeout: 'Notificações de timeout',
+      uploadFile: 'Upload de arquivo',
+      addNewRow: 'Adicionar nova linha',
+      numberOfInserts: 'Número de inserções',
+      openNewTab: 'Abrir nova aba',
+      affectedRows: 'Linhas afetadas',
+      createNewDatabase: 'Criar novo banco de dados',
+      databaseName: 'Nome do banco de dados',
+      serverDefault: 'Servidor padrão',
+      deleteDatabase: 'Apagar banco de dados',
+      editDatabase: 'Editar banco de dados',
+      clearChanges: 'Limpar alterações',
+      addNewField: 'Adicionar novo campo',
+      manageIndexes: 'Gerenciar índices',
+      manageForeignKeys: 'Gerenciar chaes estrangeiras',
+      allowNull: 'Permitir NULL',
+      zeroFill: 'Preenchimento zero',
+      customValue: 'Valor personalizado',
+      onUpdate: 'Quando atualizar',
+      deleteField: 'Apagar campo',
+      createNewIndex: 'Criar novo índice',
+      addToIndex: 'Adicionar ao índice',
+      createNewTable: 'Criar nova tabela',
+      emptyTable: 'Tabela vazia',
+      deleteTable: 'Apagar tabela',
+      emptyCorfirm: 'Você confirma o esvaziamento',
+      unsavedChanges: 'Alterações não salvas',
+      discardUnsavedChanges: 'Você tem algumas alterações não salvas. Ao sair desta guia, essas alterações serão descartadas.',
+      thereAreNoIndexes: 'Não há índices',
+      thereAreNoForeign: 'Não há chaves estrangeiras',
+      createNewForeign: 'Criar nova chave estrangeira',
+      referenceTable: 'Ref. tabela',
+      referenceField: 'Ref. campo',
+      foreignFields: 'Campos estrangeiros',
+      invalidDefault: 'Padrão inválido',
+      onDelete: 'Quando apagar',
+      applicationTheme: 'Tema da aplicação',
+      editorTheme: 'Editor de tema',
+      wrapLongLines: 'Quebrar linhas longas',
+      selectStatement: 'Select statement',
+      triggerStatement: 'Trigger statement',
+      sqlSecurity: 'Segurança SQL',
+      updateOption: 'Opção de atualização',
+      deleteView: 'Apagar view',
+      createNewView: 'Criar nova view',
+      deleteTrigger: 'Apgar trigger',
+      createNewTrigger: 'Criar nova trigger',
+      currentUser: 'Usuário atual',
+      routineBody: 'Corpo da rotina',
+      dataAccess: 'Acesso de dados',
+      thereAreNoParameters: 'Não há parametros',
+      createNewParameter: 'Criar novo parametro',
+      createNewRoutine: 'Criar nova stored routine',
+      deleteRoutine: 'Apgar stored routine',
+      functionBody: 'Corpo da função',
+      createNewFunction: 'Criar nova função',
+      deleteFunction: 'Apagar função',
+      schedulerBody: 'Corpo do agendador',
+      createNewScheduler: 'Criar novo agendador',
+      deleteScheduler: 'Apagar agendador',
+      preserveOnCompletion: 'Preservar na conclusão',
+      enableSsl: 'Habilitar SSL',
+      manualValue: 'Valor manual',
+      tableFiller: 'Preenchedor de tabela',
+      fakeDataLanguage: 'Linguagem de dados fake',
+      searchForElements: 'Buscar por elementos',
+      selectAll: 'Selecionar todos',
+      queryDuration: 'Tempo de Consulta',
+      includeBetaUpdates: 'Incluir atualizações beta',
+      setNull: 'Setar NULL',
+      processesList: 'Lista de processos',
+      processInfo: 'Informação de processos',
+      manageUsers: 'Gerenciar usuários',
+      createNewSchema: 'Criar novo schema',
+      schemaName: 'Nome schema',
+      editSchema: 'Editar schema',
+      deleteSchema: 'Apagar schema',
+      markdownSupported: 'Markdown suportado',
+      plantATree: 'Plante uma árvore'
+   },
+   faker: {
+      address: 'Endereço',
+      commerce: 'Comércio',
+      company: 'Empresa',
+      database: 'Banco de dados',
+      date: 'Data',
+      finance: 'Finança',
+      git: 'Git',
+      hacker: 'Hacker',
+      internet: 'Internet',
+      lorem: 'Lorem',
+      name: 'Nome',
+      music: 'Música',
+      phone: 'Telefone',
+      random: 'Randomico',
+      system: 'Sistema',
+      time: 'Tempo',
+      vehicle: 'Veículo',
+      zipCode: 'Código postal',
+      zipCodeByState: 'Código postal por estado',
+      city: 'Cidade',
+      cityPrefix: 'Cidade prefixo',
+      citySuffix: 'Cidade sufixo',
+      streetName: 'Nome da rua',
+      streetAddress: 'Endereço rua',
+      streetSuffix: 'Rua sufixo',
+      streetPrefix: 'Rua prefixo',
+      secondaryAddress: 'Endereço secundário',
+      county: 'Município',
+      country: 'País',
+      countryCode: 'Código do País',
+      state: 'Estado',
+      stateAbbr: 'Sigla estado',
+      latitude: 'Latitude',
+      longitude: 'Longitude',
+      direction: 'Direção',
+      cardinalDirection: 'Direção cardinal',
+      ordinalDirection: 'Direção Ordinal',
+      nearbyGPSCoordinate: 'Coordenadas de GPS próximas',
+      timeZone: 'Fuso Horário',
+      color: 'Cor',
+      department: 'Departamento',
+      productName: 'Nome produto',
+      price: 'Preço',
+      productAdjective: 'Adjetivo produto',
+      productMaterial: 'Material de produto',
+      product: 'Produto',
+      productDescription: 'Descrição do produto',
+      suffixes: 'Sufixos',
+      companyName: 'Nome da empresa',
+      companySuffix: 'Sufixo empresa',
+      catchPhrase: 'Frase de efeito',
+      bs: 'BS',
+      catchPhraseAdjective: 'Adjetivo frase de efeito',
+      catchPhraseDescriptor: 'Descritor de frase de efeito',
+      catchPhraseNoun: 'Frase de efeito sinônimo',
+      bsAdjective: 'BS adjetivo',
+      bsBuzz: 'Rumor BS',
+      bsNoun: 'Sinônimo BS',
+      column: 'Coluna',
+      type: 'Tipo',
+      collation: 'Colação',
+      engine: 'Engine',
+      past: 'Passado',
+      future: 'Futuro',
+      between: 'Entre',
+      recent: 'Recente',
+      soon: 'Em breve',
+      month: 'Mês',
+      weekday: 'Semana',
+      account: 'Conta',
+      accountName: 'Nome conta',
+      routingNumber: 'Número de roteamento',
+      mask: 'Máscara',
+      amount: 'Soma',
+      transactionType: 'Tipo transição',
+      currencyCode: 'Código moeda',
+      currencyName: 'Código nome',
+      currencySymbol: 'Código simbolo',
+      bitcoinAddress: 'Endereço Bitcoin',
+      litecoinAddress: 'Endereço Litecoin',
+      creditCardNumber: 'Número cartão de crédito',
+      creditCardCVV: 'CVV cartão de crédito',
+      ethereumAddress: 'Endereço Ethereum',
+      iban: 'Iban',
+      bic: 'Bic',
+      transactionDescription: 'Descrição transação',
+      branch: 'Branch',
+      commitEntry: 'Inserção commit',
+      commitMessage: 'Mensagem commit',
+      commitSha: 'SHA Commit',
+      shortSha: 'SHA Curto',
+      abbreviation: 'Abreviação',
+      adjective: 'Adjetivo',
+      noun: 'Sinônimo',
+      verb: 'Verbo',
+      ingverb: 'Ingverb',
+      phrase: 'Frase',
+      avatar: 'Avatar',
+      email: 'Email',
+      exampleEmail: 'Exemplo email',
+      userName: 'Nome de usuário',
+      protocol: 'Protocolo',
+      url: 'Url',
+      domainName: 'Nome domínio',
+      domainSuffix: 'Sufixo domíno',
+      domainWord: 'Palavra de domínio',
+      ip: 'Ip',
+      ipv6: 'Ipv6',
+      userAgent: 'Agente usuário',
+      mac: 'Mac',
+      password: 'Senha',
+      word: 'Palavra',
+      words: 'Palavras',
+      sentence: 'Sentença',
+      slug: 'Slug',
+      sentences: 'Sentenças',
+      paragraph: 'Paragrafo',
+      paragraphs: 'Paragrafos',
+      text: 'Texto',
+      lines: 'Linhas',
+      genre: 'Genero',
+      firstName: 'Primeiro nome',
+      lastName: 'Ultimo nome',
+      middleName: 'Nome do meio',
+      findName: 'Nome completo',
+      jobTitle: 'Cargo',
+      gender: 'Genero',
+      prefix: 'Prefixo',
+      suffix: 'Sufixo',
+      title: 'Titulo',
+      jobDescriptor: 'Descrição cargo',
+      jobArea: 'Area de trabalho',
+      jobType: 'Tipo de trabalho',
+      phoneNumber: 'Número telefone',
+      phoneNumberFormat: 'Formato número de telefone',
+      phoneFormats: 'Formatos de telefone',
+      number: 'Número',
+      float: 'Flutuante',
+      arrayElement: 'Elemento array',
+      arrayElements: 'Elementos Array',
+      objectElement: 'Elemento object',
+      uuid: 'Uuid',
+      boolean: 'Booleano',
+      image: 'Imagem',
+      locale: 'Localidade',
+      alpha: 'Alpha',
+      alphaNumeric: 'Alphanumerico',
+      hexaDecimal: 'Hexadecimal',
+      fileName: 'Nome arquivo',
+      commonFileName: 'Nome de arquivo comum',
+      mimeType: 'Mime type',
+      commonFileType: 'Tipo de arquivo comum',
+      commonFileExt: 'Extensão de arquivo comum',
+      fileType: 'Tipo de arquivo',
+      fileExt: 'Extensão de arquivo',
+      directoryPath: 'Caminho do diretório',
+      filePath: 'Caminho do arquivo',
+      semver: 'Semver',
+      manufacturer: 'Fabricante',
+      model: 'Modelo',
+      fuel: 'Combusível',
+      vin: 'Vin'
+   }
+};

src/renderer/i18n/supported-locales.js

@@ -3,5 +3,6 @@ export default {
    'it-IT': 'Italiano',
    'ar-SA': 'العربية',
    'es-ES': 'Español',
-   'fr-FR': 'Français'
+   'fr-FR': 'Français',
+   'pt-BR': 'Português (Brasil)'
 };

src/renderer/images/logo.svg

@@ -1,6 +1,154 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 210 210">
+<?xml version="1.0" encoding="utf-8"?>
-  <defs/>
+<!-- Generator: Adobe Illustrator 20.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-  <path fill="#e36929" d="M180.088 107.51a72.967 69.474 0 01-72.858 69.473 72.967 69.474 0 01-73.075-69.266 72.967 69.474 0 0172.639-69.68 72.967 69.474 0 0173.292 69.056"/>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-  <path fill="#f8d163" d="M82.985 102.48a17.02 21.735 21.455 01-23.767 14.012 17.02 21.735 21.455 01-7.938-26.403 17.02 21.735 21.455 0123.744-14.091 17.02 21.735 21.455 018.009 26.36m74.797 16.204a17.472 11.51-52.488 01-1.695 20.917 17.472 11.51-52.488 01-19.742 6.678 17.472 11.51-52.488 011.635-20.897 17.472 11.51-52.488 0119.747-6.74"/>
+	 viewBox="0 0 1024 1024" style="enable-background:new 0 0 1024 1024;" xml:space="preserve">
-  <path fill="#fbfcf7" d="M72.979 98.717a9.143 10.562 0 01-9.13 10.562 9.143 10.562 0 01-9.156-10.53 9.143 10.562 0 019.102-10.594 9.143 10.562 0 019.184 10.499m82.68 32.078a6.21 6.986 0 01-6.2 6.987 6.21 6.986 0 01-6.22-6.966 6.21 6.986 0 016.182-7.007 6.21 6.986 0 016.238 6.945"/>
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#XMLID_15_);}
+	.st2{opacity:0.5;fill:#FFBC00;}
+	.st3{fill:#FFBC00;}
+	.st4{fill:url(#XMLID_16_);}
+	.st5{fill:url(#XMLID_17_);}
+	.st6{fill:url(#XMLID_18_);}
+	.st7{fill:url(#XMLID_19_);}
+	.st8{fill:url(#XMLID_20_);}
+	.st9{fill:url(#XMLID_21_);}
+	.st10{opacity:0.46;}
+	.st11{fill:url(#XMLID_23_);}
+	.st12{fill:url(#XMLID_24_);}
+	.st13{fill:url(#XMLID_25_);}
+	.st14{fill:url(#XMLID_27_);}
+	.st15{fill:url(#XMLID_28_);}
+	.st16{fill:url(#XMLID_29_);}
+	.st17{fill:url(#XMLID_30_);}
+	.st18{opacity:0.75;}
+	.st19{opacity:0.44;clip-path:url(#XMLID_31_);}
+	.st20{fill:url(#XMLID_32_);}
+	.st21{fill:url(#XMLID_33_);}
+	.st22{fill:url(#XMLID_34_);}
+	.st23{fill:url(#XMLID_35_);}
+	.st24{fill:url(#XMLID_37_);}
+	.st25{fill:url(#XMLID_38_);}
+	.st26{opacity:0.43;fill:#FFBC00;}
+	.st27{opacity:0.58;fill:#FFBC00;}
+	.st28{fill:#FFBE06;}
+	.st29{fill:none;}
+	.st30{fill:url(#XMLID_42_);}
+	.st31{fill:url(#XMLID_43_);}
+	.st32{fill:url(#XMLID_44_);}
+	.st33{fill:url(#XMLID_45_);}
+	.st34{fill:url(#XMLID_46_);}
+	.st35{fill:url(#SVGID_4_);}
+	.st36{fill:url(#SVGID_5_);}
+	.st37{fill:url(#SVGID_6_);}
+	.st38{fill:url(#SVGID_7_);}
+	.st39{fill:url(#SVGID_8_);}
+	.st40{fill:url(#SVGID_11_);}
+	.st41{fill:url(#SVGID_12_);}
+	.st42{fill:url(#SVGID_13_);}
+	.st43{fill:url(#SVGID_14_);}
+	.st44{fill:#C68D00;}
+	.st45{fill:#CE000F;}
+</style>
+<g>
+	<radialGradient id="XMLID_15_" cx="358.2692" cy="227.2655" r="830.0055" gradientUnits="userSpaceOnUse">
+		<stop  offset="0" style="stop-color:#F6971E"/>
+		<stop  offset="0.6338" style="stop-color:#F4592D"/>
+		<stop  offset="0.7025" style="stop-color:#EF4F29"/>
+		<stop  offset="0.8178" style="stop-color:#E1351D"/>
+		<stop  offset="0.9647" style="stop-color:#CA0B0B"/>
+		<stop  offset="1" style="stop-color:#C40006"/>
+	</radialGradient>
+	<circle id="XMLID_124_" class="st1" cx="510.3" cy="511.9" r="502.8"/>
+	<linearGradient id="XMLID_16_" gradientUnits="userSpaceOnUse" x1="505.4734" y1="-52.674" x2="505.4734" y2="155.1105">
+		<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.4"/>
+		<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+	</linearGradient>
+	<path id="XMLID_59_" class="st4" d="M861.5,198.8c0,87.2-170.7-23.4-344.5-23.4S149.4,294.2,149.4,207S336.5,9,510.3,9
+		S861.5,111.7,861.5,198.8z"/>
+	
+		<linearGradient id="XMLID_17_" gradientUnits="userSpaceOnUse" x1="503.3253" y1="-583.7885" x2="503.3253" y2="-376.4571" gradientTransform="matrix(-1 0 0 -1 1017 456.5313)">
+		<stop  offset="5.263158e-03" style="stop-color:#9E3A1D;stop-opacity:0.4"/>
+		<stop  offset="1" style="stop-color:#9E3A1D;stop-opacity:0"/>
+	</linearGradient>
+	<path id="XMLID_61_" class="st5" d="M149.4,825.2c0-87.2,170.7,23.4,344.5,23.4s384.1-118.2,384.1-31S674.4,1015,500.7,1015
+		S149.4,912.3,149.4,825.2z"/>
+	
+		<linearGradient id="XMLID_18_" gradientUnits="userSpaceOnUse" x1="506.1886" y1="-38.7551" x2="506.1886" y2="169.0294" gradientTransform="matrix(4.489700e-11 1 -1 4.489700e-11 1026.6101 -2.3899)">
+		<stop  offset="5.263158e-03" style="stop-color:#9E3A1D;stop-opacity:0.4"/>
+		<stop  offset="1" style="stop-color:#9E3A1D;stop-opacity:0"/>
+	</linearGradient>
+	<path id="XMLID_63_" class="st6" d="M826.8,859.9c-87.2,0,23.4-170.7,23.4-344.5s-118.8-367.7-31.6-367.7s198,187.1,198,360.9
+		S914,859.9,826.8,859.9z"/>
+	
+		<linearGradient id="XMLID_19_" gradientUnits="userSpaceOnUse" x1="502.6101" y1="-660.7308" x2="502.6101" y2="-450.373" gradientTransform="matrix(-4.489700e-11 -1 1 -4.489700e-11 570.0789 1014.6101)">
+		<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0.4"/>
+		<stop  offset="1" style="stop-color:#FFFFFF;stop-opacity:0"/>
+	</linearGradient>
+	<path id="XMLID_62_" class="st7" d="M200.5,147.7c87.2,0-23.4,170.7-23.4,344.5s118.2,384.1,31,384.1S11.3,701,7.4,512
+		C3.9,338.3,113.3,147.7,200.5,147.7z"/>
+	<g id="XMLID_39_" class="st10">
+		<defs>
+			
+				<ellipse id="XMLID_36_" transform="matrix(0.8019 -0.5974 0.5974 0.8019 -204.724 406.2339)" class="st10" cx="510.3" cy="511.9" rx="502.8" ry="502.8"/>
+		</defs>
+		<clipPath id="XMLID_20_">
+			<use xlink:href="#XMLID_36_"  style="overflow:visible;"/>
+		</clipPath>
+	</g>
+	<g id="XMLID_41_">
+		<linearGradient id="XMLID_21_" gradientUnits="userSpaceOnUse" x1="64.4989" y1="234.8705" x2="401.1502" y2="480.7042">
+			<stop  offset="0" style="stop-color:#F4592D"/>
+			<stop  offset="1" style="stop-color:#FFD900"/>
+		</linearGradient>
+		<path id="XMLID_7_" class="st9" d="M20.9,474.4c15.5-101.8,66.6-201.8,147-275.9c45.6-41.1,90.9-61.6,137.3-67.8
+			c81.7-8,131.9,63.4,129.6,168.8c0.2,3.6,1.9,4.5,3.6,5.4c8.1-23.2,13-44.6,13.2-65.2c-0.1-117-75.3-177.7-169-155.4
+			c39.7-9.8,77-7.1,110.5,10.7c27.1,17.9,46.5,42,61.9,77.7c10.4,33,14.3,66.1,10.8,108.9c-8.1,92-54.7,187.5-124.6,250
+			c-28.9,25.9-56.8,42-84.7,58l0.2,3.6c22.7,1.8,44.7-7.1,69.5-21.4c89.7-55.3,157.3-174.1,178.5-286.6
+			c-9.2,53.6-26.5,106.2-55,159.8c-25.9,44.6-52.4,82.1-90.3,117c-59.4,50.9-120.5,76.8-176.3,64.3C122.4,611,90.4,545.8,92.6,461
+			c-0.2-3.6-0.5-7.1-3.6-5.4c-1.4,2.7-4.3,8-5.7,10.7C69,517.3,77.1,562.8,91,601.2c25.5,65.2,86.8,87.5,153.7,75
+			c-39.7,9.8-77,7.1-110.5-10.7c-27.1-17.9-49.6-40.2-63.6-78.6c-14.7-49.1-19.9-100-0.2-165.2c24.9-83,69.1-166.1,136.9-212.5
+			c20-13.4,38.7-24.1,60.4-36.6c3.1-1.8,2.9-5.4,1.2-6.2C159.4,170,46.5,333.3,20.9,474.4L20.9,474.4z"/>
+		<linearGradient id="XMLID_22_" gradientUnits="userSpaceOnUse" x1="438.1351" y1="490.0881" x2="196.6566" y2="356.1772">
+			<stop  offset="0" style="stop-color:#F64626"/>
+			<stop  offset="1" style="stop-color:#FFD900"/>
+		</linearGradient>
+		<path id="XMLID_40_" style="fill:url(#XMLID_22_);" d="M86.7,460.9C98,387.2,135,314.8,193.2,261.1c33-29.7,65.9-44.6,99.4-49.1
+			c59.2-5.8,95.5,45.9,93.8,122.2c0.2,2.6,1.4,3.2,2.6,3.9c5.8-16.8,9.4-32.3,9.6-47.2c-0.1-84.7-54.6-128.7-122.4-112.5
+			c28.7-7.1,55.7-5.2,80,7.8c19.6,12.9,33.7,30.4,44.8,56.3c7.5,23.9,10.3,47.9,7.8,78.9c-5.9,66.6-39.6,135.8-90.2,181.1
+			c-20.9,18.8-41.1,30.4-61.4,42l0.2,2.6c16.5,1.3,32.4-5.2,50.3-15.5c65-40.1,113.9-126.1,129.3-207.6
+			c-6.6,38.8-19.2,77-39.9,115.8c-18.8,32.3-37.9,59.5-65.4,84.7c-43,36.9-87.3,55.6-127.7,46.6c-44-11-67.2-58.2-65.6-119.6
+			c-0.2-2.6-0.4-5.2-2.6-3.9c-1,1.9-3.1,5.8-4.1,7.8c-10.3,36.9-4.5,69.8,5.6,97.7c18.5,47.2,62.9,63.4,111.3,54.3
+			c-28.7,7.1-55.7,5.2-80-7.8c-19.6-12.9-35.9-29.1-46-56.9c-10.7-35.6-14.4-72.4-0.2-119.6c18-60.1,50.1-120.3,99.1-153.9
+			c14.5-9.7,28-17.5,43.7-26.5c2.2-1.3,2.1-3.9,0.9-4.5C187.1,240.4,105.3,358.8,86.7,460.9L86.7,460.9z"/>
+	</g>
+	<g id="XMLID_11_">
+		
+			<linearGradient id="XMLID_23_" gradientUnits="userSpaceOnUse" x1="-316.9261" y1="9.5862" x2="-92.0354" y2="173.8087" gradientTransform="matrix(-0.9998 -2.148304e-02 2.148304e-02 -0.9998 625.9278 811.8477)">
+			<stop  offset="0" style="stop-color:#F4592D"/>
+			<stop  offset="1" style="stop-color:#FFD900"/>
+		</linearGradient>
+		<path id="XMLID_13_" class="st11" d="M975.6,649.7c-11.8,67.8-47.4,133.8-102.1,182.1c-31,26.8-61.6,39.8-92.7,43.3
+			c-54.7,4.2-87.2-44.2-84.1-114.6c-0.1-2.4-1.2-3-2.3-3.6c-5.7,15.4-9.3,29.6-9.8,43.3c-1.6,78.1,47.8,119.8,110.6,106.2
+			c-26.6,6-51.5,3.7-73.6-8.7c-17.8-12.3-30.5-28.7-40.2-52.8c-6.5-22.2-8.6-44.3-5.7-72.9c6.7-61.3,39.2-124.4,86.8-165.2
+			c19.6-16.9,38.5-27.2,57.4-37.5l-0.1-2.4c-15.1-1.5-29.9,4.1-46.7,13.3c-60.7,35.7-107.6,114-123.3,188.8
+			c6.9-35.6,19.2-70.6,39-105.9c18-29.4,36.2-54.1,62-76.8c40.4-33.1,81.6-49.5,118.6-40.4c40.4,11,60.8,55,58.1,111.6
+			c0.1,2.4,0.2,4.8,2.3,3.6c1-1.8,3-5.3,4-7.1c10.2-33.8,5.5-64.3-3.3-90.2c-16.1-43.9-56.7-59.7-101.6-52.3
+			c26.6-6,51.5-3.7,73.6,8.7c17.8,12.3,32.6,27.5,41.3,53.4c9.1,33,11.8,67.1-2.2,110.3c-17.8,55.1-48.5,109.9-94.5,140
+			c-13.6,8.7-26.2,15.5-40.9,23.6c-2.1,1.1-2,3.5-0.9,4.2C878.7,851.1,956.4,743.6,975.6,649.7L975.6,649.7z"/>
+		
+			<linearGradient id="XMLID_24_" gradientUnits="userSpaceOnUse" x1="-52.9013" y1="188.0779" x2="-214.2144" y2="98.6225" gradientTransform="matrix(-0.9998 -2.148304e-02 2.148304e-02 -0.9998 625.9278 811.8477)">
+			<stop  offset="0" style="stop-color:#F42C2D"/>
+			<stop  offset="1" style="stop-color:#FFD900"/>
+		</linearGradient>
+		<path id="XMLID_12_" class="st12" d="M931.4,657.8c-8.6,49.1-34.3,96.9-74,131.9c-22.5,19.4-44.6,28.9-67.1,31.4
+			c-39.6,3-63.2-32-60.9-83c-0.1-1.7-0.9-2.2-1.7-2.6c-4.1,11.1-6.8,21.5-7.1,31.4c-1.2,56.6,34.6,86.7,80.1,76.9
+			c-19.3,4.3-37.3,2.7-53.3-6.3c-12.9-8.9-22.1-20.8-29.1-38.2c-4.7-16.1-6.2-32.1-4.1-52.8c4.9-44.4,28.4-90.1,62.9-119.6
+			c14.2-12.2,27.9-19.7,41.6-27.2l-0.1-1.7c-11-1.1-21.7,3-33.8,9.6c-44,25.8-77.9,82.6-89.3,136.8c5-25.8,13.9-51.1,28.3-76.7
+			c13-21.3,26.2-39.2,44.9-55.6c29.3-24,59.1-35.9,85.9-29.3c29.2,8,44,39.8,42.1,80.8c0.1,1.7,0.2,3.5,1.7,2.6
+			c0.7-1.3,2.2-3.8,2.9-5.1c7.4-24.5,4-46.6-2.4-65.3c-11.7-31.8-41.1-43.2-73.6-37.9c19.3-4.3,37.3-2.7,53.3,6.3
+			c12.9,8.9,23.6,20,29.9,38.7c6.6,23.9,8.6,48.6-1.6,79.9c-12.9,39.9-35.2,79.6-68.4,101.4c-9.8,6.3-19,11.3-29.6,17.1
+			c-1.5,0.8-1.4,2.6-0.6,3C861.2,803.6,917.5,725.7,931.4,657.8L931.4,657.8z"/>
+	</g>
+</g>
 </svg>

src/renderer/scss/_transitions.scss

@@ -30,6 +30,12 @@
   animation: jump-down-in 0.2s reverse;
 }
 
+.pulse {
+  animation-name: pulse;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+}
+
 @keyframes jump-down-in {
   0% {
     transform: scale(0);
@@ -39,3 +45,17 @@
     transform: scale(1);
   }
 }
+
+@keyframes pulse {
+  0% {
+    opacity: 0;
+  }
+
+  50% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+  }
+}

src/renderer/scss/main.scss

@@ -30,6 +30,10 @@ body {
   cursor: help;
 }
 
+.no-outline {
+  outline: none !important;
+}
+
 .no-border {
   outline: none !important;
   border: none !important;
@@ -132,6 +136,21 @@ body {
       box-shadow: none;
     }
   }
+
+  &.badge-connected::after {
+    background: $success-color;
+  }
+
+  &.badge-connecting::after {
+    background: $warning-color;
+    animation-name: pulse;
+    animation-duration: 2s;
+    animation-iteration-count: infinite;
+  }
+
+  &.badge-failed::after {
+    background: $error-color;
+  }
 }
 
 .form-select {

src/renderer/scss/themes/dark-theme.scss

@@ -386,7 +386,6 @@
             bottom: -10px;
             right: 0;
             position: absolute;
-            background: $success-color;
           }
 
           &.badge-update::after {

src/renderer/scss/themes/light-theme.scss

@@ -168,7 +168,6 @@
             bottom: -10px;
             right: 0;
             position: absolute;
-            background: $success-color;
           }
 
           &.badge-update::after {

src/renderer/store/modules/connections.store.js

@@ -1,8 +1,7 @@
 'use strict';
 import Store from 'electron-store';
 import crypto from 'crypto';
-import Application from '../../ipc-api/Application';
+const key = localStorage.getItem('key');
-const key = Application.getKey() || localStorage.getItem('key');
 
 if (!key)
    localStorage.setItem('key', crypto.randomBytes(16).toString('hex'));

src/renderer/store/modules/workspaces.store.js

@@ -37,7 +37,7 @@ export default {
       },
       getConnected: state => {
          return state.workspaces
-            .filter(workspace => workspace.connected)
+            .filter(workspace => workspace.connection_status === 'connected')
             .map(workspace => workspace.uid);
       },
       getLoadedSchemas: state => uid => {
@@ -54,7 +54,7 @@ export default {
       SELECT_WORKSPACE (state, uid) {
          state.selected_workspace = uid;
       },
-      ADD_CONNECTED (state, payload) {
+      SET_CONNECTED (state, payload) {
          const { uid, client, dataTypes, indexTypes, customizations, structure, version } = payload;
 
          state.workspaces = state.workspaces.map(workspace => workspace.uid === uid
@@ -65,19 +65,41 @@ export default {
                indexTypes,
                customizations,
                structure,
-               connected: true,
+               connection_status: 'connected',
                version
             }
             : workspace);
       },
-      REMOVE_CONNECTED (state, uid) {
+      SET_CONNECTING (state, uid) {
          state.workspaces = state.workspaces.map(workspace => workspace.uid === uid
             ? {
                ...workspace,
                structure: {},
                breadcrumbs: {},
                loaded_schemas: new Set(),
-               connected: false
+               connection_status: 'connecting'
+            }
+            : workspace);
+      },
+      SET_FAILED (state, uid) {
+         state.workspaces = state.workspaces.map(workspace => workspace.uid === uid
+            ? {
+               ...workspace,
+               structure: {},
+               breadcrumbs: {},
+               loaded_schemas: new Set(),
+               connection_status: 'failed'
+            }
+            : workspace);
+      },
+      SET_DISCONNECTED (state, uid) {
+         state.workspaces = state.workspaces.map(workspace => workspace.uid === uid
+            ? {
+               ...workspace,
+               structure: {},
+               breadcrumbs: {},
+               loaded_schemas: new Set(),
+               connection_status: 'disconnected'
             }
             : workspace);
       },
@@ -247,10 +269,14 @@ export default {
          commit('SELECT_WORKSPACE', uid);
       },
       async connectWorkspace ({ dispatch, commit }, connection) {
+         commit('SET_CONNECTING', connection.uid);
+
          try {
             const { status, response } = await Connection.connect(connection);
-            if (status === 'error')
+            if (status === 'error') {
                dispatch('notifications/addNotification', { status, message: response }, { root: true });
+               commit('SET_FAILED', connection.uid);
+            }
             else {
                let dataTypes = [];
                let indexTypes = [];
@@ -288,7 +314,7 @@ export default {
                   dispatch('connections/editConnection', connProxy, { root: true });
                }
 
-               commit('ADD_CONNECTED', {
+               commit('SET_CONNECTED', {
                   uid: connection.uid,
                   client: connection.client,
                   dataTypes,
@@ -382,13 +408,13 @@ export default {
       },
       removeConnected ({ commit }, uid) {
          Connection.disconnect(uid);
-         commit('REMOVE_CONNECTED', uid);
+         commit('SET_DISCONNECTED', uid);
          commit('SELECT_TAB', { uid, tab: 0 });
       },
       addWorkspace ({ commit, dispatch, getters }, uid) {
          const workspace = {
             uid,
-            connected: false,
+            connection_status: 'disconnected',
             selected_tab: 0,
             search_term: '',
             tabs: [],