chore(release): 0.5.1

Added some missing translations for pt-BR

.all-contributorsrc

@@ -147,6 +147,15 @@
       "contributions": [
         "code"
       ]
+    },
+    {
+      "login": "SmileYzn",
+      "name": "Cleverson",
+      "avatar_url": "https://avatars.githubusercontent.com/u/5851851?v=4",
+      "profile": "https://github.com/SmileYzn",
+      "contributions": [
+        "translation"
+      ]
     }
   ],
   "contributorsPerLine": 7,

.github/ISSUE_TEMPLATE/bug_report.md

@@ -26,13 +26,14 @@ If applicable, add screenshots to help explain your problem.
 
 **Application (please complete the following information):**
 
+- Client [e.g. MySQL]
 - 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. Windows 11]
+- Version [e.g. 21H2]
 
 **Additional context**
 Add any other context about the problem here.

CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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.5.1](https://github.com/Fabio286/antares/compare/v0.5.0...v0.5.1) (2022-03-25)
+
+
+### Features
+
+* export database as zip sql file ([8f3efab](https://github.com/Fabio286/antares/commit/8f3efabb6962c55c23a43c8da1433185dbc3fb41))
+* **UI:** option to disable blur effects, closes [#209](https://github.com/Fabio286/antares/issues/209) ([e9079ad](https://github.com/Fabio286/antares/commit/e9079adb25ec28e9546acd54bc2565b8d6e28120))
+
+
+### Bug Fixes
+
+* numeric scale displayed on non decimal fields ([db628f7](https://github.com/Fabio286/antares/commit/db628f77226b161c3df31b7450b92a6e58754ab7))
+* **UI:** connection buttons out of screen on small displays, closes [#213](https://github.com/Fabio286/antares/issues/213) ([f12e6a9](https://github.com/Fabio286/antares/commit/f12e6a96dd66140b06c55eda775af48a666627dd))
+
 ## [0.5.0](https://github.com/Fabio286/antares/compare/v0.4.4...v0.5.0) (2022-03-12)
 
 

README.md

@@ -32,6 +32,7 @@ We are actively working on it, hoping to provide new cool features, improvements
 - Query history: search through the last 1000 queries.
 - SSH tunnel support.
 - Manual commit mode.
+- Import and export database dumps.
 - Dark and light theme.
 - Editor themes.
 
@@ -71,7 +72,6 @@ This is a roadmap with major features will come in near future.
 - Users management (add/edit/delete).
 - More context menu shortcuts.
 - More keyboard shortcuts.
-- Import/export and migration.
 - Support for other databases.
 - Apple Silicon distribution
 
@@ -134,6 +134,7 @@ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/d
   </tr>
   <tr>
     <td align="center"><a href="https://github.com/raliqala"><img src="https://avatars.githubusercontent.com/u/30502407?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Topollo</b></sub></a><br /><a href="https://github.com/Fabio286/antares/commits?author=raliqala" title="Code">💻</a></td>
+    <td align="center"><a href="https://github.com/SmileYzn"><img src="https://avatars.githubusercontent.com/u/5851851?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Cleverson</b></sub></a><br /><a href="#translation-SmileYzn" title="Translation">🌍</a></td>
   </tr>
 </table>
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "A modern, fast and productivity driven SQL client with a focus in UX.",
   "license": "MIT",
   "repository": "https://github.com/Fabio286/antares.git",
@@ -52,8 +52,7 @@
       "target": {
         "target": "default",
         "arch": [
-          "x64",
-          "arm64"
+          "x64"
         ]
       }
     },

src/main/libs/clients/MySQLClient.js

@@ -505,7 +505,7 @@ export class MySQLClient extends AntaresCore {
             schema: field.TABLE_SCHEMA,
             table: field.TABLE_NAME,
             numPrecision: field.NUMERIC_PRECISION,
-            numScale: field.NUMERIC_SCALE,
+            numScale: Number(field.NUMERIC_SCALE),
             numLength,
             enumValues,
             datePrecision: field.DATETIME_PRECISION,

src/main/libs/exporters/BaseExporter.js

@@ -1,4 +1,5 @@
 import fs from 'fs';
+import { createGzip } from 'zlib';
 import path from 'path';
 import EventEmitter from 'events';
 
@@ -8,12 +9,19 @@ export class BaseExporter extends EventEmitter {
       this._tables = tables;
       this._options = options;
       this._isCancelled = false;
-      this._outputStream = fs.createWriteStream(this._options.outputFile, {
-         flags: 'w'
-      });
+      this._outputFileStream = fs.createWriteStream(this._options.outputFile, { flags: 'w' });
+      this._processedStream = null;
       this._state = {};
 
-      this._outputStream.once('error', err => {
+      if (this._options.outputFormat === 'sql.zip') {
+         const outputZipStream = createGzip();
+         outputZipStream.pipe(this._outputFileStream);
+         this._processedStream = outputZipStream;
+      }
+      else
+         this._processedStream = this._outputFileStream;
+
+      this._processedStream.once('error', err => {
          this._isCancelled = true;
          this.emit('error', err);
       });
@@ -29,7 +37,7 @@ export class BaseExporter extends EventEmitter {
          throw err;
       }
       finally {
-         this._outputStream.end();
+         this._processedStream.end();
          this.emit('end');
       }
    }
@@ -68,7 +76,7 @@ export class BaseExporter extends EventEmitter {
          const fileName = path.basename(this._options.outputFile);
          this.emit('error', `The file ${fileName} is not accessible`);
       }
-      this._outputStream.write(data);
+      this._processedStream.write(data);
    }
 
    dump () {

src/renderer/App.vue

@@ -1,5 +1,5 @@
 <template>
-   <div id="wrapper" :class="`theme-${applicationTheme}`">
+   <div id="wrapper" :class="[`theme-${applicationTheme}`, !disableBlur || 'no-blur']">
       <TheTitleBar />
       <div id="window-content">
          <TheSettingBar />
@@ -10,7 +10,9 @@
                   :key="connection.uid"
                   :connection="connection"
                />
-               <WorkspaceAddConnectionPanel v-if="selectedWorkspace === 'NEW'" />
+               <div class="connection-panel-wrapper">
+                  <WorkspaceAddConnectionPanel v-if="selectedWorkspace === 'NEW'" />
+               </div>
             </div>
             <TheFooter />
             <TheNotificationsBoard />
@@ -51,6 +53,7 @@ export default {
          isScratchpad: 'application/isScratchpad',
          connections: 'connections/getConnections',
          applicationTheme: 'settings/getApplicationTheme',
+         disableBlur: 'settings/getDisableBlur',
          isUnsavedDiscardModal: 'workspaces/isUnsavedDiscardModal'
       })
    },
@@ -130,5 +133,15 @@ export default {
     > .columns {
       height: calc(100vh - #{$footer-height});
     }
+
+   .connection-panel-wrapper{
+      height: calc(100vh - #{$excluding-size});
+      width: 100%;
+      padding-top: 15vh;
+      display: flex;
+      justify-content: center;
+      align-items: flex-start;
+      overflow: auto;
+   }
   }
 </style>

src/renderer/components/BaseUploadInput.vue

@@ -78,6 +78,7 @@ export default {
 
   .file-uploader-message {
     display: flex;
+    word-break: keep-all;
     border-radius: $border-radius 0 0 $border-radius;
   }
 

src/renderer/components/ModalExportSchema.vue

@@ -181,11 +181,10 @@
                   </div>
                </div>
                <div class="column col-4">
-                  <h4>
+                  <h5 class="h5">
                      {{ $t('word.options') }}
-                  </h4>
-                  <span>{{ $t('word.includes') }}:</span>
-
+                  </h5>
+                  <span class="h6">{{ $t('word.includes') }}:</span>
                   <label
                      v-for="(_, key) in options.includes"
                      :key="key"
@@ -194,7 +193,7 @@
                      <input v-model="options.includes[key]" type="checkbox"><i class="form-icon" /> {{ $t(`word.${key}`) }}
                   </label>
 
-                  <div class="mt-4 mb-2">
+                  <div class="h6 mt-4 mb-2">
                      {{ $t('message.newInserStmtEvery') }}:
                   </div>
                   <div class="columns">
@@ -217,6 +216,22 @@
                         </select>
                      </div>
                   </div>
+
+                  <div class="h6 mb-2 mt-4">
+                     {{ $t('message.ourputFormat') }}:
+                  </div>
+                  <div class="columns">
+                     <div class="column h5 mb-4">
+                        <select v-model="options.outputFormat" class="form-select">
+                           <option value="sql">
+                              {{ $t('message.singleFile', {ext: '.sql'}) }}
+                           </option>
+                           <option value="sql.zip">
+                              {{ $t('message.zipCompressedFile', {ext: '.sql'}) }}
+                           </option>
+                        </select>
+                     </div>
+                  </div>
                </div>
             </div>
          </div>
@@ -275,6 +290,7 @@ export default {
          tables: [],
          options: {
             includes: {},
+            outputFormat: 'sql',
             sqlInsertAfter: 250,
             sqlInsertDivider: 'bytes'
          },
@@ -299,7 +315,7 @@ export default {
       },
       filename () {
          const date = moment().format('YYYY-MM-DD');
-         return `${this.selectedSchema}_${date}.sql`;
+         return `${this.selectedSchema}_${date}.${this.options.outputFormat}`;
       },
       dumpFilePath () {
          return `${this.basePath}/${this.filename}`;

src/renderer/components/ModalSettings.vue

@@ -117,6 +117,19 @@
                                  </label>
                               </div>
                            </div>
+                           <div class="form-group mb-0">
+                              <div class="col-7 col-sm-12">
+                                 <label class="form-label">
+                                    {{ $t('message.disableBlur') }}
+                                 </label>
+                              </div>
+                              <div class="col-5 col-sm-12">
+                                 <label class="form-switch d-inline-block" @click.prevent="toggleDisableBlur">
+                                    <input type="checkbox" :checked="disableBlur">
+                                    <i class="form-icon" />
+                                 </label>
+                              </div>
+                           </div>
                            <div class="form-group">
                               <div class="col-7 col-sm-12">
                                  <label class="form-label">
@@ -389,6 +402,7 @@ export default {
          selectedLineWrap: 'settings/getLineWrap',
          notificationsTimeout: 'settings/getNotificationsTimeout',
          restoreTabs: 'settings/getRestoreTabs',
+         disableBlur: 'settings/getDisableBlur',
          applicationTheme: 'settings/getApplicationTheme',
          editorTheme: 'settings/getEditorTheme',
          editorFontSize: 'settings/getEditorFontSize',
@@ -450,6 +464,7 @@ ORDER BY
          changeLocale: 'settings/changeLocale',
          changePageSize: 'settings/changePageSize',
          changeRestoreTabs: 'settings/changeRestoreTabs',
+         changeDisableBlur: 'settings/changeDisableBlur',
          changeAutoComplete: 'settings/changeAutoComplete',
          changeLineWrap: 'settings/changeLineWrap',
          changeApplicationTheme: 'settings/changeApplicationTheme',
@@ -477,6 +492,9 @@ ORDER BY
       toggleRestoreSession () {
          this.changeRestoreTabs(!this.restoreTabs);
       },
+      toggleDisableBlur () {
+         this.changeDisableBlur(!this.disableBlur);
+      },
       toggleAutoComplete () {
          this.changeAutoComplete(!this.selectedAutoComplete);
       },

src/renderer/components/Workspace.vue

@@ -450,7 +450,9 @@
             />
          </template>
       </div>
-      <WorkspaceEditConnectionPanel v-else :connection="connection" />
+      <div v-else class="connection-panel-wrapper">
+         <WorkspaceEditConnectionPanel :connection="connection" />
+      </div>
       <ModalProcessesList
          v-if="isProcessesModal"
          :connection="connection"

src/renderer/components/WorkspaceAddConnectionPanel.vue

@@ -34,7 +34,7 @@
                   <fieldset class="m-0" :disabled="isBusy">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.connectionName') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.connectionName') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -47,7 +47,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.client') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.client') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <select v-model="connection.client" class="form-select">
@@ -63,7 +63,7 @@
                      </div>
                      <div v-if="connection.client === 'pg'" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.connectionString') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.connectionString') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -76,7 +76,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.hostName') }}/IP</label>
+                           <label class="form-label cut-text">{{ $t('word.hostName') }}/IP</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -88,7 +88,7 @@
                      </div>
                      <div v-if="customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.database') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.database') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -101,7 +101,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.port') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.port') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -115,7 +115,7 @@
                      </div>
                      <div v-if="customizations.database" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.database') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.database') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -127,7 +127,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.user') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.user') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -140,7 +140,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.password') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.password') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -153,7 +153,7 @@
                      </div>
                      <div v-if="customizations.connectionSchema" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.schema') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.schema') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -189,7 +189,7 @@
                <form class="form-horizontal">
                   <div class="form-group columns">
                      <div class="column col-4 col-sm-12">
-                        <label class="form-label">
+                        <label class="form-label cut-text">
                            {{ $t('message.enableSsl') }}
                         </label>
                      </div>
@@ -203,7 +203,7 @@
                   <fieldset class="m-0" :disabled="isBusy || !connection.ssl">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.privateKey') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.privateKey') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -216,7 +216,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.certificate') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.certificate') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -229,7 +229,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.caCertificate') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.caCertificate') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -242,7 +242,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.ciphers') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.ciphers') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -262,7 +262,7 @@
                <form class="form-horizontal">
                   <div class="form-group columns">
                      <div class="column col-4 col-sm-12">
-                        <label class="form-label">
+                        <label class="form-label cut-text">
                            {{ $t('message.enableSsh') }}
                         </label>
                      </div>
@@ -276,7 +276,7 @@
                   <fieldset class="m-0" :disabled="isBusy || !connection.ssh">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.hostName') }}/IP</label>
+                           <label class="form-label cut-text">{{ $t('word.hostName') }}/IP</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -288,7 +288,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.user') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.user') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -300,7 +300,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.password') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.password') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -312,7 +312,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.port') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.port') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -326,7 +326,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.privateKey') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.privateKey') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -339,7 +339,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.passphrase') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.passphrase') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -554,12 +554,12 @@ export default {
 
 <style lang="scss" scoped>
 .connection-panel {
-  margin-top: 15vh;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: 1rem;
 
   .panel {
-    width: 450px;
+    min-width: 450px;
     border-radius: $border-radius;
 
     .panel-body {

src/renderer/components/WorkspaceEditConnectionPanel.vue

@@ -34,7 +34,7 @@
                   <fieldset class="m-0" :disabled="isBusy">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.connectionName') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.connectionName') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -47,7 +47,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.client') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.client') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <select v-model="localConnection.client" class="form-select">
@@ -63,7 +63,7 @@
                      </div>
                      <div v-if="connection.client === 'pg'" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.connectionString') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.connectionString') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -76,7 +76,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.hostName') }}/IP</label>
+                           <label class="form-label cut-text">{{ $t('word.hostName') }}/IP</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -88,7 +88,7 @@
                      </div>
                      <div v-if="customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.database') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.database') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -101,7 +101,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.port') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.port') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -115,7 +115,7 @@
                      </div>
                      <div v-if="customizations.database" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.database') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.database') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -127,7 +127,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.user') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.user') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -140,7 +140,7 @@
                      </div>
                      <div v-if="!customizations.fileConnection" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.password') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.password') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -153,7 +153,7 @@
                      </div>
                      <div v-if="customizations.connectionSchema" class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.schema') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.schema') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -189,7 +189,7 @@
                <form class="form-horizontal">
                   <div class="form-group columns">
                      <div class="column col-4 col-sm-12">
-                        <label class="form-label">
+                        <label class="form-label cut-text">
                            {{ $t('message.enableSsl') }}
                         </label>
                      </div>
@@ -203,7 +203,7 @@
                   <fieldset class="m-0" :disabled="isBusy || !localConnection.ssl">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.privateKey') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.privateKey') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -216,7 +216,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.certificate') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.certificate') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -229,7 +229,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.caCertificate') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.caCertificate') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -242,7 +242,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.ciphers') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.ciphers') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -262,7 +262,7 @@
                <form class="form-horizontal">
                   <div class="form-group columns">
                      <div class="column col-4 col-sm-12">
-                        <label class="form-label">
+                        <label class="form-label cut-text">
                            {{ $t('message.enableSsh') }}
                         </label>
                      </div>
@@ -276,7 +276,7 @@
                   <fieldset class="m-0" :disabled="isBusy || !localConnection.ssh">
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.hostName') }}/IP</label>
+                           <label class="form-label cut-text">{{ $t('word.hostName') }}/IP</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -288,7 +288,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.user') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.user') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -300,7 +300,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.password') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.password') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -312,7 +312,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.port') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.port') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -326,7 +326,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.privateKey') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.privateKey') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <BaseUploadInput
@@ -339,7 +339,7 @@
                      </div>
                      <div class="form-group columns">
                         <div class="column col-4 col-sm-12">
-                           <label class="form-label">{{ $t('word.passphrase') }}</label>
+                           <label class="form-label cut-text">{{ $t('word.passphrase') }}</label>
                         </div>
                         <div class="column col-8 col-sm-12">
                            <input
@@ -532,12 +532,12 @@ export default {
 
 <style lang="scss" scoped>
 .connection-panel {
-  margin-top: 15vh;
   margin-left: auto;
   margin-right: auto;
+  margin-bottom: 1rem;
 
   .panel {
-    width: 450px;
+    min-width: 450px;
     border-radius: $border-radius;
 
     .panel-body {

src/renderer/i18n/en-US.js

@@ -283,7 +283,11 @@ module.exports = {
       manualCommit: 'Manual commit',
       actionSuccessful: '{action} successful',
       importQueryErrors: 'Warning: {n} error has accurrend | Warning: {n} errors occurred',
-      executedQueries: '{n} query executed | {n} queries executed'
+      executedQueries: '{n} query executed | {n} queries executed',
+      ourputFormat: 'Output format',
+      singleFile: 'Single {ext} file',
+      zipCompressedFile: 'ZIP compressed {ext} file',
+      disableBlur: 'Disable blur'
    },
    faker: {
       address: 'Address',

src/renderer/i18n/pt-BR.js

@@ -106,7 +106,39 @@ module.exports = {
       array: 'Array',
       changelog: 'Logs de alteração',
       format: 'Formato',
-      sshTunnel: 'SSH túnel'
+      sshTunnel: 'SSH túnel',
+	   structure: 'Estrutura',	
+      small: 'Pequeno',	
+      medium: 'Médio',	
+      large: 'Grande',	
+      row: 'Linha | Linhas',	
+      cell: 'Celula | Células',	
+      triggerFunction: 'Gatinho de função | Gatilhos de Funções',	
+      all: 'Todos',	
+      duplicate: 'Duplicado',	
+      routine: 'Rotina',	
+      new: 'Novo',	
+      history: 'Histórico',	
+      select: 'Seleciomar',	
+      passphrase: 'Palavara-Passe',	
+      filter: 'Filtrar',	
+      change: 'Alterar',	
+      views: 'Visualizações',	
+      triggers: 'Gatilhos',	
+      routines: 'Rotinas',	
+      functions: 'Funções',	
+      schedulers: 'Agendadores',	
+      includes: 'Includes',	
+      drop: 'Drop',	
+      completed: 'Completo',	
+      aborted: 'Abortado',	
+      disabled: 'Inativo',	
+      enable: 'Ativo',	
+      disable: 'Disable',	
+      commit: 'Enviar',	
+      rollback: 'Reverter',	
+      connectionString: 'String da conexão',	
+      contributors: 'Contribuintes'
    },
    message: {
       appWelcome: 'Bem vindo ao Antares SQL Client!',
@@ -212,7 +244,48 @@ module.exports = {
       deleteSchema: 'Apagar schema',
       markdownSupported: 'Markdown suportado',
       plantATree: 'Plante uma árvore',
-      enableSsh: 'Habilitar SSH'
+      enableSsh: 'Habilitar SSH',
+      pageNumber: 'Número de página',
+      duplicateTable: 'Duplicar tabela',
+      noOpenTabs: 'Nenhuma aba aberta, navege na barra lateral ou:',
+      noSchema: 'Nenhum banco de dados',
+      restorePreviourSession: 'Restaurar sessão anterior',
+      runQuery: 'Executar Query',
+      thereAreNoTableFields: 'Nenhum campo na tabela',
+      newTable: 'Nova tabela',
+      newView: 'Nova vista',
+      newTrigger: 'Novo gatilho',
+      newRoutine: 'Nova rotina',
+      newFunction: 'Nova função',
+      newScheduler: 'Novo agendento',
+      newTriggerFunction: 'Novo gatinho de função',
+      thereIsNoQueriesYet: 'Nenhuma consulta ainda',
+      searchForQueries: 'Pesquisar por consultas',
+      killProcess: 'Matar processo',
+      closeTab: 'Fechar aba',
+      exportSchema: 'Exportar banco de dados',
+      importSchema: 'Importar banco de dados',
+      directoryPath: 'Caminho da pasta',
+      newInserStmtEvery: 'Nova query INSERT',
+      processingTableExport: 'Processando {table}',
+      fechingTableExport: 'Carregando dados da tabela {table}',
+      writingTableExport: 'Escrevendo dados na tabela {table}',
+      checkAllTables: 'Marcar todas as tabelas',
+      uncheckAllTables: 'Desmarcar todas as tabelas',
+      goToDownloadPage: 'Ir a página de download',
+      readOnlyMode: 'Modo somente leitura',
+      killQuery: 'Matar consulta',
+      insertRow: 'Inserir linha | Inserir linhas',
+      commitMode: 'Modo de confirmação',
+      autoCommit: 'Auto confirmar',
+      manualCommit: 'Confirmar manualmente',
+      actionSuccessful: '{action} teve sucesso',
+      importQueryErrors: 'Aviso: ocorreu {n} erro | Aviso: ocorreram {n} erros',
+      executedQueries: '{n} consulta executada | {n} consultas executadas',
+      ourputFormat: 'Formato da saída',
+      singleFile: 'Arquivo {ext} único',
+      zipCompressedFile: 'Arquivo compactado {ext} ZIP',
+      disableBlur: 'Desabilitar Blur'
    },
    faker: {
       address: 'Endereço',

src/renderer/scss/main.scss

@@ -167,12 +167,15 @@ option:checked {
   }
   
   .modal-overlay{
-    background: rgba( 255, 255, 255, 0.1 );
+    background: rgba( 255, 255, 255, 0.1);
     box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
+  }
+}
+
+#wrapper:not(.no-blur){
+  .modal-overlay{
     backdrop-filter: blur( 4px );
     -webkit-backdrop-filter: blur( 4px );
-    border-radius: 10px;
-    border: 1px solid rgba( 255, 255, 255, 0.18 );
   }
 }
 

src/renderer/store/modules/settings.store.js

@@ -20,7 +20,8 @@ export default {
       application_theme: persistentStore.get('application_theme', defaultAppTheme),
       editor_theme: persistentStore.get('editor_theme', defaultEditorTheme),
       editor_font_size: persistentStore.get('editor_font_size', 'medium'),
-      restore_tabs: persistentStore.get('restore_tabs', true)
+      restore_tabs: persistentStore.get('restore_tabs', true),
+      disable_blur: persistentStore.get('disable_blur', false)
    },
    getters: {
       getLocale: state => state.locale,
@@ -33,7 +34,8 @@ export default {
       getApplicationTheme: state => state.application_theme,
       getEditorTheme: state => state.editor_theme,
       getEditorFontSize: state => state.editor_font_size,
-      getRestoreTabs: state => state.restore_tabs
+      getRestoreTabs: state => state.restore_tabs,
+      getDisableBlur: state => state.disable_blur
    },
    mutations: {
       SET_LOCALE (state, locale) {
@@ -80,6 +82,10 @@ export default {
       SET_RESTORE_TABS (state, val) {
          state.restore_tabs = val;
          persistentStore.set('restore_tabs', state.restore_tabs);
+      },
+      SET_DISABLE_BLUR (state, val) {
+         state.disable_blur = val;
+         persistentStore.set('disable_blur', state.disable_blur);
       }
    },
    actions: {
@@ -115,6 +121,9 @@ export default {
       },
       changeRestoreTabs ({ commit }, size) {
          commit('SET_RESTORE_TABS', size);
+      },
+      changeDisableBlur ({ commit }, val) {
+         commit('SET_DISABLE_BLUR', val);
       }
    }
 };