chore(release): 0.1.13

feat: added translation for de-DE

.github/workflows/build-linux.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 14
 
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1

.github/workflows/build-mac.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 14
 
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1

.github/workflows/build-win.yml

@@ -17,7 +17,7 @@ jobs:
       - name: Install Node.js, NPM and Yarn
         uses: actions/setup-node@v1
         with:
-          node-version: 12
+          node-version: 14
 
       - name: Build/release Electron app
         uses: samuelmeuli/action-electron-builder@v1

CHANGELOG.md

@@ -2,6 +2,41 @@
 
 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.13](https://github.com/Fabio286/antares/compare/v0.1.12...v0.1.13) (2021-06-19)
+
+
+### Features
+
+* **PostgreSQL:** alter trigger support ([5c8ee66](https://github.com/Fabio286/antares/commit/5c8ee66f432585db7bd72103fa814558bf406bcc))
+* **UI:** ability to manually insert page number in DATA tabs, closes [#65](https://github.com/Fabio286/antares/issues/65) ([e2ebb04](https://github.com/Fabio286/antares/commit/e2ebb04a9047d25187889644aa625fe675de808b))
+* **UI:** option to change query editors font size, closes [#77](https://github.com/Fabio286/antares/issues/77) ([e579f37](https://github.com/Fabio286/antares/commit/e579f374381b329422b646b8f7ab5acf298db981))
+
+
+### Bug Fixes
+
+* **MySQL:** pool connections not released after MySQL errors, causing endless load animation ([4133fc4](https://github.com/Fabio286/antares/commit/4133fc452fc2e961eb587590e010f4968675db7e))
+* **UI:** various fixes in displaying content with small window size ([8a20bef](https://github.com/Fabio286/antares/commit/8a20befd0941cb2e6d5e29552606454bd871b092))
+
+
+### Improvements
+
+* remove comments from queries before execution ([690a454](https://github.com/Fabio286/antares/commit/690a4541f96eaf831dea07b777a421729173b654))
+
+### [0.1.12](https://github.com/Fabio286/antares/compare/v0.1.11...v0.1.12) (2021-06-09)
+
+
+### Features
+
+* **PostgreSQL:** trigger rename and delete ([cce5adb](https://github.com/Fabio286/antares/commit/cce5adbac75170186956211b54f4db5be25aba07))
+
+
+### Bug Fixes
+
+* internal exceptions ([8742fa1](https://github.com/Fabio286/antares/commit/8742fa10f08c92a98325df50be9a7df8e36b0f2c))
+* page offset not reset when selected table changes ([5562e73](https://github.com/Fabio286/antares/commit/5562e73e75c659051a49d61041d1eee9d66ff6e2))
+* **MySQL:** view's data tab doesn't work with some views, closes [#71](https://github.com/Fabio286/antares/issues/71) ([9ca059d](https://github.com/Fabio286/antares/commit/9ca059d979161c0132f64db372b4ed7ecc844b2d))
+* **UI:** unable to browse view's result pages ([8a7cc2a](https://github.com/Fabio286/antares/commit/8a7cc2a14fa289c2f3d9e9eb1a5435ffbbaab006))
+
 ### [0.1.11](https://github.com/Fabio286/antares/compare/v0.1.10...v0.1.11) (2021-06-02)
 
 

README.md

@@ -30,7 +30,9 @@ A modern application created with minimalism and semplicity in mind, with featur
 
 ## How to contribute
 
-- [Translate Antares](https://github.com/Fabio286/antares/wiki/Translate-Antares)
+- 🌍 [Translate Antares](https://github.com/Fabio286/antares/wiki/Translate-Antares)
+- 📖 [Contributors Guide](https://github.com/Fabio286/antares/wiki/Contributors-Guide)
+- 🚧 [Project Board](https://github.com/users/Fabio286/projects/1)
 
 ## Current main features
 
@@ -92,7 +94,8 @@ This is a roadmap with major features will come in near future.
 **Arabic Translation** / [Mohd-PH](https://github.com/Mohd-PH) [[#29](https://github.com/Fabio286/antares/pull/29)]  
 **Spanish Translation** / [hongkfui](https://github.com/hongkfui) [[#32](https://github.com/Fabio286/antares/pull/32)]  
 **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)]
+**Portugues (Brasil)** / [Daniel Eduardo](https://github.com/daeleduardo) [[#54](https://github.com/Fabio286/antares/pull/54)]  
+**Deutsch (Deutschland)** / [Christian Ratz](https://github.com/digitalgopnik) [[#74](https://github.com/Fabio286/antares/pull/74)]
 
 ## Reviews
 

package.json

@@ -1,7 +1,7 @@
 {
   "name": "antares",
   "productName": "Antares",
-  "version": "0.1.11",
+  "version": "0.1.13",
   "description": "A cross-platform easy to use SQL client.",
   "license": "MIT",
   "repository": "https://github.com/Fabio286/antares.git",
@@ -87,14 +87,14 @@
     }
   },
   "dependencies": {
-    "@electron/remote": "^1.1.0",
+    "@electron/remote": "^1.2.0",
     "@mdi/font": "^5.9.55",
     "ace-builds": "^1.4.12",
     "electron-log": "^4.3.5",
     "electron-store": "^8.0.0",
     "electron-updater": "^4.3.9",
     "faker": "^5.5.3",
-    "marked": "^2.0.5",
+    "marked": "^2.1.1",
     "moment": "^2.29.1",
     "mysql2": "^2.2.5",
     "pg": "^8.5.1",
@@ -108,27 +108,27 @@
     "vuex": "^3.6.2"
   },
   "devDependencies": {
-    "@babel/eslint-parser": "^7.14.3",
+    "@babel/eslint-parser": "^7.14.5",
     "cross-env": "^7.0.2",
-    "electron": "^13.0.0",
-    "electron-builder": "22.10.5",
+    "electron": "^13.1.2",
+    "electron-builder": "^22.11.7",
     "electron-devtools-installer": "^3.2.0",
     "electron-webpack": "^2.8.2",
     "electron-webpack-vue": "^2.4.0",
-    "eslint": "^7.27.0",
+    "eslint": "^7.29.0",
     "eslint-config-standard": "^16.0.3",
-    "eslint-plugin-import": "^2.23.3",
+    "eslint-plugin-import": "^2.23.4",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.0",
-    "eslint-plugin-vue": "^7.10.0",
-    "sass": "^1.34.0",
+    "eslint-plugin-vue": "^7.11.1",
+    "sass": "^1.35.1",
     "sass-loader": "^10.2.0",
     "standard-version": "^9.3.0",
     "stylelint": "^13.13.1",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-scss": "^3.19.0",
-    "vue": "^2.6.13",
-    "vue-template-compiler": "^2.6.13",
+    "vue": "^2.6.14",
+    "vue-template-compiler": "^2.6.14",
     "webpack": "^4.46.0"
   }
 }

src/common/customizations/defaults.js

@@ -62,8 +62,10 @@ module.exports = {
    functionSql: false,
    functionContext: false,
    functionLanguage: false,
-   triggerMiltipleEvents: false,
+   triggerMultipleEvents: false,
+   triggerTableInName: false,
    triggerUpdateColumns: false,
+   triggerOnlyRename: false,
    parametersLength: false,
    languages: false
 };

src/common/customizations/postgresql.js

@@ -13,7 +13,7 @@ module.exports = {
    // Structure
    tables: true,
    views: true,
-   triggers: false,
+   triggers: true,
    routines: true,
    functions: true,
    // Settings
@@ -25,7 +25,7 @@ module.exports = {
    databaseEdit: false,
    tableSettings: true,
    viewSettings: true,
-   triggerSettings: false,
+   triggerSettings: true,
    routineSettings: true,
    functionSettings: true,
    indexes: true,
@@ -38,5 +38,8 @@ module.exports = {
    functionSql: '$BODY$\r\n\r\n$BODY$',
    functionContext: true,
    functionLanguage: true,
+   triggerMultipleEvents: true,
+   triggerTableInName: true,
+   triggerOnlyRename: false,
    languages: ['sql', 'plpgsql', 'c', 'internal']
 };

src/main/index.js

@@ -2,7 +2,6 @@
 
 import { app, BrowserWindow, nativeImage } from 'electron';
 import * as path from 'path';
-import { format as formatUrl } from 'url';
 import Store from 'electron-store';
 
 import ipcHandlers from './ipc-handlers';
@@ -47,13 +46,8 @@ async function createMainWindow () {
          const toolName = await installExtension(VUEJS_DEVTOOLS);
          console.log(toolName, 'installed');
       }
-      else {
-         await window.loadURL(formatUrl({
-            pathname: path.join(__dirname, 'index.html'),
-            protocol: 'file',
-            slashes: true
-         }));
-      }
+      else
+         await window.loadURL(new URL(`file:///${path.join(__dirname, 'index.html')}`).href);
    }
    catch (err) {
       console.log(err);

src/main/libs/AntaresCore.js

@@ -140,7 +140,7 @@ export class AntaresCore {
     * @returns {Promise}
     * @memberof AntaresCore
     */
-   async run (args) {
+   run (args) {
       const rawQuery = this.getSQL();
       this._resetQuery();
       return this.raw(rawQuery, args);

src/main/libs/clients/MySQLClient.js

@@ -312,6 +312,8 @@ export class MySQLClient extends AntaresCore {
       const { rows: fields } = await this.raw(`SHOW CREATE TABLE \`${this._schema || schema}\`.\`${table}\``);
 
       const remappedFields = fields.map(row => {
+         if (!row['Create Table']) return false;
+
          let n = 0;
          return row['Create Table']
             .split('')
@@ -364,7 +366,7 @@ export class MySQLClient extends AntaresCore {
          return {
             name: field.COLUMN_NAME,
             key: field.COLUMN_KEY.toLowerCase(),
-            type: remappedFields[field.COLUMN_NAME].type,
+            type: remappedFields ? remappedFields[field.COLUMN_NAME].type : field.DATA_TYPE,
             schema: field.TABLE_SCHEMA,
             table: field.TABLE_NAME,
             numPrecision: field.NUMERIC_PRECISION,
@@ -376,7 +378,7 @@ export class MySQLClient extends AntaresCore {
             unsigned: field.COLUMN_TYPE.includes('unsigned'),
             zerofill: field.COLUMN_TYPE.includes('zerofill'),
             order: field.ORDINAL_POSITION,
-            default: remappedFields[field.COLUMN_NAME].default,
+            default: remappedFields ? remappedFields[field.COLUMN_NAME].default : field.COLUMN_DEFAULT,
             charset: field.CHARACTER_SET_NAME,
             collation: field.COLLATION_NAME,
             autoIncrement: field.EXTRA.includes('auto_increment'),
@@ -582,8 +584,8 @@ export class MySQLClient extends AntaresCore {
             sql: row['SQL Original Statement'].match(/(BEGIN|begin)(.*)(END|end)/gs)[0],
             name: row.Trigger,
             table: row['SQL Original Statement'].match(/(?<=ON `).*?(?=`)/gs)[0],
-            event1: row['SQL Original Statement'].match(/(BEFORE|AFTER)/gs)[0],
-            event2: row['SQL Original Statement'].match(/(INSERT|UPDATE|DELETE)/gs)[0]
+            activation: row['SQL Original Statement'].match(/(BEFORE|AFTER)/gs)[0],
+            event: row['SQL Original Statement'].match(/(INSERT|UPDATE|DELETE)/gs)[0]
          };
       })[0];
    }
@@ -628,7 +630,7 @@ export class MySQLClient extends AntaresCore {
     * @memberof MySQLClient
     */
    async createTrigger (trigger) {
-      const sql = `CREATE ${trigger.definer ? `DEFINER=${trigger.definer} ` : ''}TRIGGER \`${this._schema}\`.\`${trigger.name}\` ${trigger.event1} ${trigger.event2} ON \`${trigger.table}\` FOR EACH ROW ${trigger.sql}`;
+      const sql = `CREATE ${trigger.definer ? `DEFINER=${trigger.definer} ` : ''}TRIGGER \`${this._schema}\`.\`${trigger.name}\` ${trigger.activation} ${trigger.event} ON \`${trigger.table}\` FOR EACH ROW ${trigger.sql}`;
       return await this.raw(sql, { split: false });
    }
 
@@ -1323,6 +1325,7 @@ export class MySQLClient extends AntaresCore {
     * @memberof MySQLClient
     */
    async raw (sql, args) {
+      sql = sql.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '');
       if (process.env.NODE_ENV === 'development') this._logger(sql);// TODO: replace BLOB content with a placeholder
 
       args = {
@@ -1335,7 +1338,11 @@ export class MySQLClient extends AntaresCore {
       const nestTables = args.nest ? '.' : false;
       const resultsArr = [];
       let paramsArr = [];
-      const queries = args.split ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm) : [sql];
+      const queries = args.split
+         ? sql.split(/((?:[^;'"]*(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*')[^;'"]*)+)|;/gm)
+            .filter(Boolean)
+            .map(q => q.trim())
+         : [sql];
       const isPool = typeof this._connection.getConnection === 'function';
       const connection = isPool ? await this._connection.getConnection() : this._connection;
 
@@ -1422,7 +1429,10 @@ export class MySQLClient extends AntaresCore {
                   fields: remappedFields,
                   keys: keysArr
                });
-            }).catch(reject);
+            }).catch((err) => {
+               if (isPool) connection.release();
+               reject(err);
+            });
          });
 
          resultsArr.push({ rows, report, fields, keys, duration });

src/main/libs/clients/PostgreSQLClient.js

@@ -496,17 +496,33 @@ export class PostgreSQLClient extends AntaresCore {
     * @memberof PostgreSQLClient
     */
    async getTriggerInformations ({ schema, trigger }) {
-      const sql = `SHOW CREATE TRIGGER \`${schema}\`.\`${trigger}\``;
-      const results = await this.raw(sql);
+      const [table, triggerName] = trigger.split('.');
+
+      const results = await this.raw(`
+         SELECT event_object_schema AS table_schema,
+            event_object_table AS table_name,
+            trigger_schema,
+            trigger_name,
+            string_agg(event_manipulation, ',') AS event,
+            action_timing AS activation,
+            action_condition AS condition,
+            action_statement AS definition
+         FROM information_schema.triggers
+         WHERE trigger_schema = '${schema}'
+         AND trigger_name = '${triggerName}'
+         AND event_object_table = '${table}'
+         GROUP BY 1,2,3,4,6,7,8
+         ORDER BY table_schema,
+                  table_name
+      `);
 
       return results.rows.map(row => {
          return {
-            definer: row['SQL Original Statement'].match(/(?<=DEFINER=).*?(?=\s)/gs)[0],
-            sql: row['SQL Original Statement'].match(/(BEGIN|begin)(.*)(END|end)/gs)[0],
-            name: row.Trigger,
-            table: row['SQL Original Statement'].match(/(?<=ON `).*?(?=`)/gs)[0],
-            event1: row['SQL Original Statement'].match(/(BEFORE|AFTER)/gs)[0],
-            event2: row['SQL Original Statement'].match(/(INSERT|UPDATE|DELETE)/gs)[0]
+            sql: row.definition,
+            name: row.trigger_name,
+            table: row.table_name,
+            event: row.event.split(','),
+            activation: row.activation
          };
       })[0];
    }
@@ -519,7 +535,7 @@ export class PostgreSQLClient extends AntaresCore {
     */
    async dropTrigger (params) {
       const triggerParts = params.trigger.split('.');
-      const sql = `DROP TRIGGER ${triggerParts[1]} ON ${triggerParts[0]}`;
+      const sql = `DROP TRIGGER "${triggerParts[1]}" ON "${triggerParts[0]}"`;
       return await this.raw(sql);
    }
 
@@ -536,8 +552,8 @@ export class PostgreSQLClient extends AntaresCore {
 
       try {
          await this.createTrigger(tempTrigger);
-         await this.dropTrigger({ trigger: tempTrigger.name });
-         await this.dropTrigger({ trigger: trigger.oldName });
+         await this.dropTrigger({ trigger: `${tempTrigger.table}.${tempTrigger.name}` });
+         await this.dropTrigger({ trigger: `${trigger.table}.${trigger.oldName}` });
          await this.createTrigger(trigger);
       }
       catch (err) {
@@ -552,7 +568,8 @@ export class PostgreSQLClient extends AntaresCore {
     * @memberof PostgreSQLClient
     */
    async createTrigger (trigger) {
-      const sql = `CREATE ${trigger.definer ? `DEFINER=${trigger.definer} ` : ''}TRIGGER \`${trigger.name}\` ${trigger.event1} ${trigger.event2} ON \`${trigger.table}\` FOR EACH ROW ${trigger.sql}`;
+      const eventsString = Array.isArray(trigger.event) ? trigger.event.join(' OR ') : trigger.event;
+      const sql = `CREATE TRIGGER "${trigger.name}" ${trigger.activation} ${eventsString} ON "${trigger.table}" FOR EACH ROW ${trigger.sql}`;
       return await this.raw(sql, { split: false });
    }
 
@@ -1155,6 +1172,8 @@ export class PostgreSQLClient extends AntaresCore {
     * @memberof PostgreSQLClient
     */
    async raw (sql, args) {
+      sql = sql.replace(/(\/\*(.|[\r\n])*?\*\/)|(--(.*|[\r\n]))/gm, '');
+
       args = {
          nest: false,
          details: false,
@@ -1167,7 +1186,11 @@ export class PostgreSQLClient extends AntaresCore {
 
       const resultsArr = [];
       let paramsArr = [];
-      const queries = args.split ? sql.split(/(?!\B'[^']*);(?![^']*'\B)/gm) : [sql];
+      const queries = args.split
+         ? sql.split(/(?!\B'[^']*);(?![^']*'\B)/gm)
+            .filter(Boolean)
+            .map(q => q.trim())
+         : [sql];
 
       if (process.env.NODE_ENV === 'development') this._logger(sql);// TODO: replace BLOB content with a placeholder
 

src/renderer/components/BaseTextEditor.vue

@@ -34,6 +34,7 @@ export default {
    computed: {
       ...mapGetters({
          editorTheme: 'settings/getEditorTheme',
+         editorFontSize: 'settings/getEditorFontSize',
          autoComplete: 'settings/getAutoComplete',
          lineWrap: 'settings/getLineWrap'
       })
@@ -47,6 +48,19 @@ export default {
          if (this.editor)
             this.editor.setTheme(`ace/theme/${this.editorTheme}`);
       },
+      editorFontSize () {
+         const sizes = {
+            small: '12px',
+            medium: '14px',
+            large: '16px'
+         };
+
+         if (this.editor) {
+            this.editor.setOptions({
+               fontSize: sizes[this.editorFontSize]
+            });
+         }
+      },
       autoComplete () {
          if (this.editor) {
             this.editor.setOptions({

src/renderer/components/ModalAskParameters.vue

@@ -8,7 +8,8 @@
    >
       <template slot="header">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-play mr-1" /> {{ $t('word.parameters') }}: {{ localRoutine.name }}
+            <i class="mdi mdi-24px mdi-play mr-1" />
+            <span class="cut-text">{{ $t('word.parameters') }}: {{ localRoutine.name }}</span>
          </div>
       </template>
       <div slot="body">
@@ -19,10 +20,10 @@
                   :key="parameter._id"
                   class="form-group"
                >
-                  <div class="col-3">
+                  <div class="col-4">
                      <label class="form-label">{{ parameter.name }}</label>
                   </div>
-                  <div class="col-9">
+                  <div class="col-8">
                      <div class="input-group">
                         <input
                            :ref="i === 0 ? 'firstInput' : ''"

src/renderer/components/ModalEditSchema.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-database-edit mr-1" /> {{ $t('message.editSchema') }}
+                  <i class="mdi mdi-24px mdi-database-edit mr-1" />
+                  <span class="cut-text">{{ $t('message.editSchema') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />

src/renderer/components/ModalFakerRows.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" /> {{ $t('message.tableFiller') }}
+                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.tableFiller') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />

src/renderer/components/ModalNewConnection.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-server-plus mr-1" /> {{ $t('message.createNewConnection') }}
+                  <i class="mdi mdi-24px mdi-server-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.createNewConnection') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click="closeModal" />

src/renderer/components/ModalNewSchema.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-database-plus mr-1" /> {{ $t('message.createNewSchema') }}
+                  <i class="mdi mdi-24px mdi-database-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.createNewSchema') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />

src/renderer/components/ModalNewTableRow.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" /> {{ $t('message.addNewRow') }}
+                  <i class="mdi mdi-24px mdi-playlist-plus mr-1" />
+                  <span class="cut-text">{{ $t('message.addNewRow') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />

src/renderer/components/ModalNewTrigger.vue

@@ -71,11 +71,11 @@
                </label>
                <div class="column">
                   <div class="input-group">
-                     <select v-model="localTrigger.event1" class="form-select">
+                     <select v-model="localTrigger.activation" class="form-select">
                         <option>BEFORE</option>
                         <option>AFTER</option>
                      </select>
-                     <select v-model="localTrigger.event2" class="form-select">
+                     <select v-model="localTrigger.event" class="form-select">
                         <option>INSERT</option>
                         <option>UPDATE</option>
                         <option>DELETE</option>
@@ -106,8 +106,8 @@ export default {
             sql: 'BEGIN\r\n\r\nEND',
             name: '',
             table: '',
-            event1: 'BEFORE',
-            event2: 'INSERT'
+            activation: 'BEFORE',
+            event: 'INSERT'
          },
          isOptionsChanging: false
       };

src/renderer/components/ModalProcessesList.vue

@@ -5,7 +5,8 @@
          <div class="modal-header pl-2">
             <div class="modal-title h6">
                <div class="d-flex">
-                  <i class="mdi mdi-24px mdi-memory mr-1" /> {{ $t('message.processesList') }}: {{ connectionName }}
+                  <i class="mdi mdi-24px mdi-memory mr-1" />
+                  <span class="cut-text">{{ $t('message.processesList') }}: {{ connectionName }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click.stop="closeModal" />

src/renderer/components/ModalSettings.vue

@@ -6,7 +6,7 @@
             <div class="modal-title h6">
                <div class="d-flex">
                   <i class="mdi mdi-24px mdi-cog mr-1" />
-                  {{ $t('word.settings') }}
+                  <span class="cut-text">{{ $t('word.settings') }}</span>
                </div>
             </div>
             <a class="btn btn-clear c-hand" @click="closeModal" />
@@ -222,6 +222,31 @@
                               </optgroup>
                            </select>
                         </div>
+                        <div class="column col-6 mb-4">
+                           <div class="btn-group btn-group-block">
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'small'}"
+                                 @click="changeEditorFontSize('small')"
+                              >
+                                 {{ $t('word.small') }}
+                              </button>
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'medium'}"
+                                 @click="changeEditorFontSize('medium')"
+                              >
+                                 {{ $t('word.medium') }}
+                              </button>
+                              <button
+                                 class="btn btn-dark cut-text"
+                                 :class="{'active': editorFontSize === 'large'}"
+                                 @click="changeEditorFontSize('large')"
+                              >
+                                 {{ $t('word.large') }}
+                              </button>
+                           </div>
+                        </div>
                         <div class="column col-12">
                            <BaseTextEditor
                               :value="exampleQuery"
@@ -346,6 +371,7 @@ export default {
          notificationsTimeout: 'settings/getNotificationsTimeout',
          applicationTheme: 'settings/getApplicationTheme',
          editorTheme: 'settings/getEditorTheme',
+         editorFontSize: 'settings/getEditorFontSize',
          updateStatus: 'application/getUpdateStatus',
          selectedWorkspace: 'workspaces/getSelected',
          getWorkspace: 'workspaces/getWorkspace'
@@ -401,6 +427,7 @@ ORDER BY
          changeLineWrap: 'settings/changeLineWrap',
          changeApplicationTheme: 'settings/changeApplicationTheme',
          changeEditorTheme: 'settings/changeEditorTheme',
+         changeEditorFontSize: 'settings/changeEditorFontSize',
          updateNotificationsTimeout: 'settings/updateNotificationsTimeout'
       }),
       selectTab (tab) {

src/renderer/components/QueryEditor.vue

@@ -38,6 +38,7 @@ export default {
    computed: {
       ...mapGetters({
          editorTheme: 'settings/getEditorTheme',
+         editorFontSize: 'settings/getEditorFontSize',
          autoComplete: 'settings/getAutoComplete',
          lineWrap: 'settings/getLineWrap',
          baseCompleter: 'application/getBaseCompleter'
@@ -158,6 +159,19 @@ export default {
          if (this.editor)
             this.editor.setTheme(`ace/theme/${this.editorTheme}`);
       },
+      editorFontSize () {
+         const sizes = {
+            small: '12px',
+            medium: '14px',
+            large: '16px'
+         };
+
+         if (this.editor) {
+            this.editor.setOptions({
+               fontSize: sizes[this.editorFontSize]
+            });
+         }
+      },
       autoComplete () {
          if (this.editor) {
             this.editor.setOptions({

src/renderer/components/WorkspaceExploreBarMiscContext.vue

@@ -20,7 +20,8 @@
       >
          <template slot="header">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-delete mr-1" /> {{ deleteMessage }}
+               <i class="mdi mdi-24px mdi-delete mr-1" />
+               <span class="cut-text">{{ deleteMessage }}</span>
             </div>
          </template>
          <div slot="body">

src/renderer/components/WorkspaceExploreBarSchemaContext.vue

@@ -69,7 +69,8 @@
       >
          <template slot="header">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-database-remove mr-1" /> {{ $t('message.deleteSchema') }}
+               <i class="mdi mdi-24px mdi-database-remove mr-1" />
+               <span class="cut-text">{{ $t('message.deleteSchema') }}</span>
             </div>
          </template>
          <div slot="body">

src/renderer/components/WorkspaceExploreBarTableContext.vue

@@ -21,7 +21,7 @@
       >
          <template slot="header">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-table-off mr-1" /> {{ $t('message.emptyTable') }}
+               <i class="mdi mdi-24px mdi-table-off mr-1" /> <span class="cut-text">{{ $t('message.emptyTable') }}</span>
             </div>
          </template>
          <div slot="body">
@@ -37,7 +37,8 @@
       >
          <template slot="header">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-table-remove mr-1" /> {{ selectedTable.type === 'table' ? $t('message.deleteTable') : $t('message.deleteView') }}
+               <i class="mdi mdi-24px mdi-table-remove mr-1" />
+               <span class="cut-text">{{ selectedTable.type === 'table' ? $t('message.deleteTable') : $t('message.deleteView') }}</span>
             </div>
          </template>
          <div slot="body">

src/renderer/components/WorkspacePropsForeignModal.vue

@@ -8,7 +8,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-key-link mr-1" /> {{ $t('word.foreignKeys') }} "{{ table }}"
+            <i class="mdi mdi-24px mdi-key-link mr-1" />
+            <span class="cut-text">{{ $t('word.foreignKeys') }} "{{ table }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsFunctionOptionsModal.vue

@@ -7,7 +7,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-cogs mr-1" /> {{ $t('word.options') }} "{{ localOptions.name }}"
+            <i class="mdi mdi-24px mdi-cogs mr-1" />
+            <span class="cut-text">{{ $t('word.options') }} "{{ localOptions.name }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsFunctionParamsModal.vue

@@ -8,7 +8,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-dots-horizontal mr-1" /> {{ $t('word.parameters') }} "{{ func }}"
+            <i class="mdi mdi-24px mdi-dots-horizontal mr-1" />
+            <span class="cut-text">{{ $t('word.parameters') }} "{{ func }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsIndexesModal.vue

@@ -8,7 +8,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-key mdi-rotate-45 mr-1" /> {{ $t('word.indexes') }} "{{ table }}"
+            <i class="mdi mdi-24px mdi-key mdi-rotate-45 mr-1" />
+            <span class="cut-text">{{ $t('word.indexes') }} "{{ table }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsOptionsModal.vue

@@ -7,7 +7,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-cogs mr-1" /> {{ $t('word.options') }} "{{ table }}"
+            <i class="mdi mdi-24px mdi-cogs mr-1" />
+            <span class="cut-text">{{ $t('word.options') }} "{{ table }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsRoutineOptionsModal.vue

@@ -7,7 +7,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-cogs mr-1" /> {{ $t('word.options') }} "{{ localOptions.name }}"
+            <i class="mdi mdi-24px mdi-cogs mr-1" />
+            <span class="cut-text">{{ $t('word.options') }} "{{ localOptions.name }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsRoutineParamsModal.vue

@@ -8,7 +8,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-dots-horizontal mr-1" /> {{ $t('word.parameters') }} "{{ routine }}"
+            <i class="mdi mdi-24px mdi-dots-horizontal mr-1" />
+            <span class="cut-text">{{ $t('word.parameters') }} "{{ routine }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsSchedulerTimingModal.vue

@@ -7,7 +7,8 @@
    >
       <template :slot="'header'">
          <div class="d-flex">
-            <i class="mdi mdi-24px mdi-timer mr-1" /> {{ $t('word.timing') }} "{{ localOptions.name }}"
+            <i class="mdi mdi-24px mdi-timer mr-1" />
+            <span class="cut-text">{{ $t('word.timing') }} "{{ localOptions.name }}"</span>
          </div>
       </template>
       <div :slot="'body'">

src/renderer/components/WorkspacePropsTabTrigger.vue

@@ -37,7 +37,7 @@
                   >
                </div>
             </div>
-            <div class="column col-auto">
+            <div v-if="customizations.definer" class="column col-auto">
                <div class="form-group">
                   <label class="form-label">{{ $t('word.definer') }}</label>
                   <select
@@ -67,7 +67,7 @@
                </div>
             </div>
          </div>
-         <div class="columns">
+         <fieldset class="columns" :disabled="customizations.triggerOnlyRename">
             <div class="column col-auto">
                <div class="form-group">
                   <label class="form-label">{{ $t('word.table') }}</label>
@@ -82,19 +82,33 @@
                <div class="form-group">
                   <label class="form-label">{{ $t('word.event') }}</label>
                   <div class="input-group">
-                     <select v-model="localTrigger.event1" class="form-select">
+                     <select v-model="localTrigger.activation" class="form-select">
                         <option>BEFORE</option>
                         <option>AFTER</option>
                      </select>
-                     <select v-model="localTrigger.event2" class="form-select">
-                        <option>INSERT</option>
-                        <option>UPDATE</option>
-                        <option>DELETE</option>
+                     <select
+                        v-if="!customizations.triggerMultipleEvents"
+                        v-model="localTrigger.event"
+                        class="form-select"
+                     >
+                        <option v-for="event in Object.keys(localEvents)" :key="event">
+                           {{ event }}
+                        </option>
                      </select>
+                     <div v-if="customizations.triggerMultipleEvents" class="px-4">
+                        <label
+                           v-for="event in Object.keys(localEvents)"
+                           :key="event"
+                           class="form-checkbox form-inline"
+                           @change.prevent="changeEvents(event)"
+                        >
+                           <input :checked="localEvents[event]" type="checkbox"><i class="form-icon" /> {{ event }}
+                        </label>
+                     </div>
                   </div>
                </div>
             </div>
-         </div>
+         </fieldset>
       </div>
       <div class="workspace-query-results column col-12 mt-2 p-relative">
          <BaseLoader v-if="isLoading" />
@@ -136,7 +150,8 @@ export default {
          localTrigger: { sql: '' },
          lastTrigger: null,
          sqlProxy: '',
-         editorHeight: 300
+         editorHeight: 300,
+         localEvents: { INSERT: false, UPDATE: false, DELETE: false }
       };
    },
    computed: {
@@ -147,6 +162,9 @@ export default {
       workspace () {
          return this.getWorkspace(this.connection.uid);
       },
+      customizations () {
+         return this.workspace.customizations;
+      },
       isSelected () {
          return this.workspace.selected_tab === 'prop' && this.selectedWorkspace === this.workspace.uid && this.trigger;
       },
@@ -209,6 +227,10 @@ export default {
       async getTriggerData () {
          if (!this.trigger) return;
 
+         Object.keys(this.localEvents).forEach(event => {
+            this.localEvents[event] = false;
+         });
+
          this.localTrigger = { sql: '' };
          this.isLoading = true;
 
@@ -224,6 +246,12 @@ export default {
                this.originalTrigger = response;
                this.localTrigger = JSON.parse(JSON.stringify(this.originalTrigger));
                this.sqlProxy = this.localTrigger.sql;
+
+               if (this.customizations.triggerMultipleEvents) {
+                  this.originalTrigger.event.forEach(e => {
+                     this.localEvents[e] = true;
+                  });
+               }
             }
             else
                this.addNotification({ status: 'error', message: response });
@@ -235,6 +263,16 @@ export default {
          this.resizeQueryEditor();
          this.isLoading = false;
       },
+      changeEvents (event) {
+         if (this.customizations.triggerMultipleEvents) {
+            this.localEvents[event] = !this.localEvents[event];
+            this.localTrigger.event = [];
+            for (const key in this.localEvents) {
+               if (this.localEvents[key])
+                  this.localTrigger.event.push(key);
+            }
+         }
+      },
       async saveChanges () {
          if (this.isSaving) return;
          this.isSaving = true;
@@ -257,7 +295,8 @@ export default {
 
                if (oldName !== this.localTrigger.name) {
                   this.setUnsavedChanges(false);
-                  this.changeBreadcrumbs({ schema: this.schema, trigger: this.localTrigger.name });
+                  const triggerName = this.customizations.triggerTableInName ? `${this.localTrigger.table}.${this.localTrigger.name}` : this.localTrigger.name;
+                  this.changeBreadcrumbs({ schema: this.schema, trigger: triggerName });
                }
 
                this.getTriggerData();
@@ -274,6 +313,16 @@ export default {
       clearChanges () {
          this.localTrigger = JSON.parse(JSON.stringify(this.originalTrigger));
          this.$refs.queryEditor.editor.session.setValue(this.localTrigger.sql);
+
+         Object.keys(this.localEvents).forEach(event => {
+            this.localEvents[event] = false;
+         });
+
+         if (this.customizations.triggerMultipleEvents) {
+            this.originalTrigger.event.forEach(e => {
+               this.localEvents[e] = true;
+            });
+         }
       },
       resizeQueryEditor () {
          if (this.$refs.queryEditor) {

src/renderer/components/WorkspacePropsTableRow.vue

@@ -232,7 +232,8 @@
       >
          <template :slot="'header'">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-playlist-edit mr-1" /> {{ $t('word.default') }} "{{ row.name }}"
+               <i class="mdi mdi-24px mdi-playlist-edit mr-1" />
+               <span class="cut-text">{{ $t('word.default') }} "{{ row.name }}"</span>
             </div>
          </template>
          <div :slot="'body'">

src/renderer/components/WorkspaceQueryTable.vue

@@ -85,7 +85,8 @@
       >
          <template :slot="'header'">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-delete mr-1" /> {{ $tc('message.deleteRows', selectedRows.length) }}
+               <i class="mdi mdi-24px mdi-delete mr-1" />
+               <span class="cut-text">{{ $tc('message.deleteRows', selectedRows.length) }}</span>
             </div>
          </template>
          <div :slot="'body'">

src/renderer/components/WorkspaceQueryTableRow.vue

@@ -10,7 +10,7 @@
       >
          <template v-if="cKey !== '_id'">
             <span
-               v-if="!isInlineEditor[cKey]"
+               v-if="!isInlineEditor[cKey] && fields[cKey]"
                class="cell-content px-2"
                :class="`${isNull(col)} ${typeClass(fields[cKey].type)}`"
                @dblclick="editON($event, col, cKey)"
@@ -74,7 +74,7 @@
       >
          <template :slot="'header'">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-playlist-edit mr-1" /> {{ $t('word.edit') }} "{{ editingField }}"
+               <i class="mdi mdi-24px mdi-playlist-edit mr-1" /> <span class="cut-text">{{ $t('word.edit') }} "{{ editingField }}"</span>
             </div>
          </template>
          <div :slot="'body'">
@@ -138,7 +138,8 @@
       >
          <template :slot="'header'">
             <div class="d-flex">
-               <i class="mdi mdi-24px mdi-playlist-edit mr-1" /> {{ $t('word.edit') }} "{{ editingField }}"
+               <i class="mdi mdi-24px mdi-playlist-edit mr-1" />
+               <span class="cut-text">{{ $t('word.edit') }} "{{ editingField }}"</span>
             </div>
          </template>
          <div :slot="'body'">
@@ -348,7 +349,7 @@ export default {
          return false;
       },
       enumArray () {
-         if (this.fields[this.editingField].enumValues)
+         if (this.fields[this.editingField] && this.fields[this.editingField].enumValues)
             return this.fields[this.editingField].enumValues.replaceAll('\'', '').split(',');
          return false;
       }

src/renderer/components/WorkspaceTableTab.vue

@@ -41,8 +41,23 @@
                   >
                      <i class="mdi mdi-24px mdi-skip-previous" />
                   </button>
-                  <div class="btn btn-dark btn-sm mr-0 text-bold c-auto px-2">
-                     {{ page }}
+                  <div class="dropdown" :class="{'active': isPageMenu}">
+                     <div class="btn-group" @click="openPageMenu">
+                        <div class="btn btn-dark btn-sm mr-0 dropdown-toggle text-bold px-3">
+                           {{ page }}
+                        </div>
+                        <div class="menu px-3">
+                           <span>{{ $t('message.pageNumber') }}</span>
+                           <input
+                              ref="pageSelect"
+                              v-model="pageProxy"
+                              type="number"
+                              min="1"
+                              class="form-input"
+                              @blur="setPageNumber"
+                           >
+                        </div>
+                     </div>
                   </div>
                   <button
                      class="btn btn-dark btn-sm mr-0"
@@ -95,10 +110,10 @@
                   <i class="mdi mdi-timer-sand mdi-rotate-180 pr-1" /> <b>{{ results[0].duration / 1000 }}s</b>
                </div>
                <div v-if="results.length && results[0].rows">
-                  {{ $t('word.results') }}: <b>{{ results[0].rows.length.toLocaleString() }}</b>
+                  {{ $t('word.results') }}: <b>{{ results[0].rows.length | localeString }}</b>
                </div>
-               <div v-if="hasApproximately || page > 1">
-                  {{ $t('word.total') }}: <b>{{ tableInfo.rows.toLocaleString() }}</b> <small>({{ $t('word.approximately') }})</small>
+               <div v-if="hasApproximately || (page > 1 && tableInfo.rows)">
+                  {{ $t('word.total') }}: <b>{{ tableInfo.rows | localeString }}</b> <small>({{ $t('word.approximately') }})</small>
                </div>
                <div v-if="workspace.breadcrumbs.database">
                   {{ $t('word.schema') }}: <b>{{ workspace.breadcrumbs.database }}</b>
@@ -157,6 +172,12 @@ export default {
       ModalNewTableRow,
       ModalFakerRows
    },
+   filters: {
+      localeString (val) {
+         if (val)
+            return val.toLocaleString();
+      }
+   },
    mixins: [tableTabs],
    props: {
       connection: Object,
@@ -166,6 +187,7 @@ export default {
       return {
          tabUid: 'data',
          isQuering: false,
+         isPageMenu: false,
          results: [],
          lastTable: null,
          isAddModal: false,
@@ -173,7 +195,8 @@ export default {
          autorefreshTimer: 0,
          refreshInterval: null,
          sortParams: {},
-         page: 1
+         page: 1,
+         pageProxy: 1
       };
    },
    computed: {
@@ -216,14 +239,18 @@ export default {
    watch: {
       table () {
          if (this.isSelected) {
+            this.page = 1;
             this.sortParams = {};
             this.getTableData();
             this.lastTable = this.table;
             this.$refs.queryTable.resetSort();
          }
       },
-      page () {
-         this.getTableData();
+      page (val, oldVal) {
+         if (val && val > 0 && val !== oldVal) {
+            this.pageProxy = this.page;
+            this.getTableData();
+         }
       },
       isSelected (val) {
          if (val && this.lastTable !== this.table) {
@@ -285,11 +312,30 @@ export default {
          this.sortParams = sortParams;
          this.getTableData(sortParams);
       },
+      openPageMenu () {
+         if (this.isQuering) return;
+
+         this.isPageMenu = true;
+         if (this.isPageMenu)
+            setTimeout(() => this.$refs.pageSelect.focus(), 20);
+      },
+      setPageNumber () {
+         this.isPageMenu = false;
+
+         if (this.pageProxy > 0)
+            this.page = this.pageProxy;
+         else
+            this.pageProxy = this.page;
+      },
       pageChange (direction) {
          if (this.isQuering) return;
 
-         if (direction === 'next' && (this.results.length && this.results[0].rows.length === this.limit))
-            this.page++;
+         if (direction === 'next' && (this.results.length && this.results[0].rows.length === this.limit)) {
+            if (!this.page)
+               this.page = 2;
+            else
+               this.page++;
+         }
          else if (direction === 'prev' && this.page > 1)
             this.page--;
       },

src/renderer/i18n/de-DE.js

@@ -0,0 +1,379 @@
+module.exports = {
+   word: {
+      edit: 'Bearbeiten',
+      save: 'Speichern',
+      close: 'Schließen',
+      delete: 'Löschen',
+      confirm: 'Bestätigen',
+      cancel: 'Abbrechen',
+      send: 'Senden',
+      connectionName: 'Verbindungsname',
+      client: 'Client',
+      hostName: 'Hostname',
+      port: 'Port',
+      user: 'Nutzer',
+      password: 'Kennwort',
+      credentials: 'Zugangsdaten',
+      connect: 'Verbinden',
+      connected: 'Verbunden',
+      disconnect: 'Trennen',
+      disconnected: 'Getrennt',
+      refresh: 'Aktualisieren',
+      settings: 'Einstellungen',
+      general: 'Allgemein',
+      themes: 'Designs',
+      update: 'Aktualisierung',
+      about: 'Über',
+      language: 'Sprache',
+      version: 'Version',
+      donate: 'Spenden',
+      run: 'Ausführen',
+      schema: 'Schema',
+      results: 'Ergebnisse',
+      size: 'Größe',
+      seconds: 'Sekunden',
+      type: 'Typ',
+      mimeType: 'Mime-Type',
+      download: 'Herunterladen',
+      add: 'Hinzufügen',
+      data: 'Daten',
+      properties: 'Eigenschaften',
+      insert: 'Einfügen',
+      connecting: 'Verbinden',
+      name: 'Name',
+      collation: 'Kollation',
+      clear: 'Leeren',
+      options: 'Optionen',
+      autoRefresh: 'Auto-Aktualisierung',
+      indexes: 'Indizes',
+      foreignKeys: 'Fremdschlüssel',
+      length: 'Länge',
+      unsigned: 'Unsigniert',
+      default: 'Standard',
+      comment: 'Kommentar',
+      key: 'Schlüssel',
+      order: 'Sortierung',
+      expression: 'Ausdruck',
+      autoIncrement: 'Auto Inkrement',
+      engine: 'Engine',
+      field: 'Feld | Felder',
+      approximately: 'Ungefähr',
+      total: 'Gesamt',
+      table: 'Tabelle',
+      discard: 'Verwerfen',
+      stay: 'Warten',
+      author: 'Autor',
+      light: 'Hell',
+      dark: 'Dunkel',
+      autoCompletion: 'Auto-Vervollständigung',
+      application: 'Anwendung',
+      editor: 'Editor',
+      view: 'Ansicht',
+      definer: 'Bestimmer',
+      algorithm: 'Algorithmus',
+      trigger: 'Auslöser',
+      storedRoutine: 'Gespeicherte Routine | Gespeicherte Routinen',
+      scheduler: 'Zeitplaner',
+      event: 'Ereignis',
+      parameters: 'Parameter',
+      function: 'Funktion | Funktionen',
+      deterministic: 'Deterministisch',
+      context: 'Kontext',
+      export: 'Export',
+      returns: 'Rückgabe',
+      timing: 'Dauer',
+      state: 'Stand',
+      execution: 'Ausführung',
+      starts: 'Startet',
+      ends: 'Endet',
+      ssl: 'SSL',
+      privateKey: 'Privater Schlüssel',
+      certificate: 'Zertifikat',
+      caCertificate: 'CA Zertifikat',
+      ciphers: 'Chiffren',
+      upload: 'Hochladen',
+      browse: 'Suchen',
+      faker: 'Faker',
+      content: 'Inhalt',
+      cut: 'Ausschneiden',
+      copy: 'Kopieren',
+      paste: 'Einfügen',
+      tools: 'Tools',
+      variables: 'Variablen',
+      processes: 'Prozesse',
+      database: 'Datenbank',
+      scratchpad: 'Scratchpad',
+      array: 'Array',
+      format: 'Formatierung'
+   },
+   message: {
+      appWelcome: 'Willkommen im Antares SQL Client!',
+      appFirstStep: 'Dein erster Schritt: Erstelle eine neue Datenbankverbindung.',
+      addConnection: 'Verbindung hinzufügen',
+      createConnection: 'Verbindung erstellen',
+      createNewConnection: 'Neue Verbindung erstellen',
+      askCredentials: 'Frage nach Zugangsdaten',
+      testConnection: 'Verbindung testen',
+      editConnection: 'Verbindung bearbeiten',
+      deleteConnection: 'Verbindung löschen',
+      deleteCorfirm: 'Bestätige den Abbruch von',
+      connectionSuccessfullyMade: 'Verbindung erfolgreich erstellt!',
+      madeWithJS: 'Mit 💛 und JavaScript gemacht!',
+      checkForUpdates: 'Suche nach Aktualisierungen',
+      noUpdatesAvailable: 'Keine Aktualisierungen verfügbar',
+      checkingForUpdate: 'Suche nach Aktualisierungen',
+      checkFailure: 'Suche fehlgeschlagen, bitte versuche es später noch einmal',
+      updateAvailable: 'Aktualisierung verfügbar',
+      downloadingUpdate: 'Aktualisierung wird heruntergeladen',
+      updateDownloaded: 'Aktualisierung heruntergeladen',
+      restartToInstall: 'Starte Antares neu für die Installation',
+      unableEditFieldWithoutPrimary: 'Feld kann ohne Primärschlüssel in Ergebnisliste nicht bearbeitet werden',
+      editCell: 'Zelle bearbeiten',
+      deleteRows: 'Zeile löschen | Lösche {count} Zeilen',
+      confirmToDeleteRows: 'Eine Zeile wirklich löschen? | {count} Zeilen wirklich löschen?',
+      notificationsTimeout: 'Timeout für Benachrichtigungen',
+      uploadFile: 'Datei hochladen',
+      addNewRow: 'Neue Zeile hinzufügen',
+      numberOfInserts: 'Anzahl der eingefügten Zeilen',
+      openNewTab: 'Öffne einen neuen Tab',
+      affectedRows: 'Betroffene Zeilen',
+      createNewDatabase: 'Erstelle ein neue Datenbank',
+      databaseName: 'Datenbankname',
+      serverDefault: 'Server default',
+      deleteDatabase: 'Datenbank löschen',
+      editDatabase: 'Datenbank bearbeiten',
+      clearChanges: 'Änderungen leeren',
+      addNewField: 'Neues Feld hinzufügen',
+      manageIndexes: 'Indizes verwalten',
+      manageForeignKeys: 'Fremdschlüssel verwalten',
+      allowNull: 'Erlaube NULL',
+      zeroFill: 'Nullauffüllung',
+      customValue: 'Spezifischer Wert',
+      onUpdate: 'Bei Aktualisierung',
+      deleteField: 'Feld löschen',
+      createNewIndex: 'Neuen Index erstellen',
+      addToIndex: 'Zum Index hinzufügen',
+      createNewTable: 'Neue Tabelle erstellen',
+      emptyTable: 'Tabelle leeren',
+      deleteTable: 'Tabelle löschen',
+      emptyCorfirm: 'Wirklich leeren?',
+      unsavedChanges: 'Ungespeicherte Änderungen',
+      discardUnsavedChanges: 'Du hast ungespeicherte Änderungen. Wenn du den Tab verlässt, werden diese Änderungen verworfen.',
+      thereAreNoIndexes: 'Es gibt keine Indizes',
+      thereAreNoForeign: 'Es gibt keine Fremdschlüssel',
+      createNewForeign: 'Neuen Fremdschlüssel erstellen',
+      referenceTable: 'Referenztabelle',
+      referenceField: 'Referenzfeld',
+      foreignFields: 'Fremdfelder',
+      invalidDefault: 'Ungültiger Standard',
+      onDelete: 'Bei Löschung',
+      applicationTheme: 'Anwendungsdesign',
+      editorTheme: 'Editordesign',
+      wrapLongLines: 'Lange Zeilen umbrechen',
+      selectStatement: 'Select-Anweisung',
+      triggerStatement: 'Trigger-Anweisung',
+      sqlSecurity: 'SQL-Sicherheit',
+      updateOption: 'Aktualisierungsoption',
+      deleteView: 'View löschen',
+      createNewView: 'Neue View erstellen',
+      deleteTrigger: 'Trigger löschen',
+      createNewTrigger: 'Neuen Trigger erstellen',
+      currentUser: 'Aktueller Nutzer',
+      routineBody: 'Routineninhalt',
+      dataAccess: 'Datenzugriff',
+      thereAreNoParameters: 'Es gibt keine Parameter',
+      createNewParameter: 'Neue Parameter erstellen',
+      createNewRoutine: 'Neue Routine erstellen',
+      deleteRoutine: 'Routine löschen',
+      functionBody: 'Funktionsinhalt',
+      createNewFunction: 'Neue Funktion erstellen',
+      deleteFunction: 'Funktion löschen',
+      schedulerBody: 'Zeitplaner-Inhalt',
+      createNewScheduler: 'Neuen Zeitplaner erstellen',
+      deleteScheduler: 'Zeitplaner löschen',
+      preserveOnCompletion: 'Bei Vervollständigung erhalten',
+      enableSsl: 'Aktiviere SSL',
+      manualValue: 'Manueller Wert',
+      tableFiller: 'Tabellenfüller',
+      fakeDataLanguage: 'Fingierte Datensprache',
+      searchForElements: 'Suche nach Elemente',
+      selectAll: 'Alle auswählen',
+      queryDuration: 'Dauer der Abfrage',
+      includeBetaUpdates: 'Beta-Aktualisierungen berücksichtigen',
+      setNull: 'Setze NULL',
+      processesList: 'Prozessliste',
+      processInfo: 'Prozessinformationen',
+      manageUsers: 'Benutzer verwalten',
+      createNewSchema: 'Neues Schema erstellen',
+      schemaName: 'Schemaname',
+      editSchema: 'Schema bearbeiten',
+      deleteSchema: 'Schema löschen',
+      markdownSupported: 'Unterstützt Markdown',
+      plantATree: 'Pflanze einen Baum',
+      dataTabPageSize: 'Einträge pro Tab / Seite'
+   },
+   faker: {
+      address: 'Adresse',
+      commerce: 'Handel',
+      company: 'Firma',
+      database: 'Datenbank',
+      date: 'Datum',
+      finance: 'Finanzen',
+      git: 'Git',
+      hacker: 'Hacker',
+      internet: 'Internet',
+      lorem: 'Lorem',
+      name: 'Name',
+      music: 'Musik',
+      phone: 'Telefon',
+      random: 'Zufällig',
+      system: 'System',
+      time: 'Zeit',
+      vehicle: 'Fahrzeug',
+      zipCode: 'Postleitzahl',
+      zipCodeByState: 'Postleitzahl nach Stadt',
+      city: 'Stadt',
+      cityPrefix: 'Stadtpräfix',
+      citySuffix: 'Stadtzusatz',
+      streetName: 'Straßenname',
+      streetAddress: 'Anschrift',
+      streetSuffix: 'Straßenzusatz',
+      streetPrefix: 'Straßenpräfix',
+      secondaryAddress: 'Zweite Anschrift',
+      county: 'Landkreis',
+      country: 'Land',
+      countryCode: 'Ländercode',
+      state: 'Bundesland',
+      stateAbbr: 'Bundeslandkürzel',
+      latitude: 'Breitengrad',
+      longitude: 'Längengrad',
+      direction: 'Richtung',
+      cardinalDirection: 'Himmelsrichtung',
+      ordinalDirection: 'Nebenhimmelsrichtung',
+      nearbyGPSCoordinate: 'Nächste GPS-Koordinate',
+      timeZone: 'Zeitzone',
+      color: 'Farbe',
+      department: 'Abteilung',
+      productName: 'Produktname',
+      price: 'Preis',
+      productAdjective: 'Produkteigenschaft',
+      productMaterial: 'Produktmaterial',
+      product: 'Produkt',
+      productDescription: 'Produktbeschreibung',
+      suffixes: 'Zusätze',
+      companyName: 'Firmenname',
+      companySuffix: 'Firmenzusatz',
+      catchPhrase: 'Slogan',
+      bs: 'BS',
+      catchPhraseAdjective: 'Sloganeigenschaft',
+      catchPhraseDescriptor: 'Sloganbeschreibung',
+      catchPhraseNoun: 'Slogannomen',
+      bsAdjective: 'BS-Eigenschaft',
+      bsBuzz: 'BS-Klatsch',
+      bsNoun: 'BS-Nomen',
+      column: 'Spalte',
+      type: 'Typ',
+      collation: 'Kollation',
+      engine: 'Engine',
+      past: 'Vergangenheit',
+      future: 'Zukunft',
+      between: 'Zwischen',
+      recent: 'Kürzlich',
+      soon: 'Bald',
+      month: 'Monat',
+      weekday: 'Wochentag',
+      account: 'Konto',
+      accountName: 'Kontoname',
+      routingNumber: 'Bankleitzahl',
+      mask: 'Maske',
+      amount: 'Wert',
+      transactionType: 'Vorgangstyp',
+      currencyCode: 'Währungscode',
+      currencyName: 'Währungsname',
+      currencySymbol: 'Währungssymbol',
+      bitcoinAddress: 'Bitcoin-Adresse',
+      litecoinAddress: 'Litecoin-Adresse',
+      creditCardNumber: 'Kreditkartennummer',
+      creditCardCVV: 'Kartenprüfnummer',
+      ethereumAddress: 'Ethereum-Adresse',
+      iban: 'IBAN',
+      bic: 'BIC',
+      transactionDescription: 'Vorgangsbeschreibung',
+      branch: 'Zweig',
+      commitEntry: 'Commit-Eintrag',
+      commitMessage: 'Commit-Nachricht',
+      commitSha: 'Commit-SHA',
+      shortSha: 'Kurzer SHA',
+      abbreviation: 'Kürzel',
+      adjective: 'Adjektiv',
+      noun: 'Nomen',
+      verb: 'Verb',
+      ingverb: 'Ingverb',
+      phrase: 'Phrase',
+      avatar: 'Avatar',
+      email: 'E-Mail',
+      exampleEmail: 'Beispiel-E-Mail',
+      userName: 'Benutzername',
+      protocol: 'Protokoll',
+      url: 'Url',
+      domainName: 'Domainname',
+      domainSuffix: 'Domainzusatz',
+      domainWord: 'Domainwort',
+      ip: 'IP',
+      ipv6: 'IPv6',
+      userAgent: 'Browserkennung',
+      mac: 'Mac',
+      password: 'Kennwort',
+      word: 'Wort',
+      words: 'Wörter',
+      sentence: 'Satz',
+      slug: 'Slug',
+      sentences: 'Sätze',
+      paragraph: 'Paragraph',
+      paragraphs: 'Paragraphen',
+      text: 'Text',
+      lines: 'Zeilen',
+      genre: 'Genre',
+      firstName: 'Vorname',
+      lastName: 'Nachname',
+      middleName: 'Zweitname',
+      findName: 'Vollständiger Name',
+      jobTitle: 'Berufsbezeichnung',
+      gender: 'Geschlecht',
+      prefix: 'Präfix',
+      suffix: 'Zusatz',
+      title: 'Titel',
+      jobDescriptor: 'Berufsbeschreibung',
+      jobArea: 'Berufsfeld',
+      jobType: 'Anstellungsart',
+      phoneNumber: 'Telefonnummer',
+      phoneNumberFormat: 'Telefonnummerformat',
+      phoneFormats: 'Telefonnummerformate',
+      number: 'Nummer',
+      float: 'Gleitkommazahl',
+      arrayElement: 'Array-Element',
+      arrayElements: 'Array-Elemente',
+      objectElement: 'Object-Element',
+      uuid: 'Uuid',
+      boolean: 'Boolean',
+      image: 'Grafik',
+      locale: 'Sprachumgebung',
+      alpha: 'Alpha',
+      alphaNumeric: 'Alphanumerisch',
+      hexaDecimal: 'Hexadezimal',
+      fileName: 'Dateiname',
+      commonFileName: 'Allgemeiner Dateiname',
+      mimeType: 'Mimetype',
+      commonFileType: 'Allgemeiner Dateityp',
+      commonFileExt: 'Allgemeine Dateiendung',
+      fileType: 'Dateityp',
+      fileExt: 'Dateiendung',
+      directoryPath: 'Verzeichnispfad',
+      filePath: 'Dateipfad',
+      semver: 'Semver',
+      manufacturer: 'Hersteller',
+      model: 'Modell',
+      fuel: 'Treibstoff',
+      vin: 'Wein'
+   }
+};

src/renderer/i18n/en-US.js

@@ -105,7 +105,11 @@ module.exports = {
       scratchpad: 'Scratchpad',
       array: 'Array',
       changelog: 'Changelog',
-      format: 'Format'
+      format: 'Format',
+      structure: 'Structure',
+      small: 'Small',
+      medium: 'Medium',
+      large: 'Large'
    },
    message: {
       appWelcome: 'Welcome to Antares SQL Client!',
@@ -211,7 +215,8 @@ module.exports = {
       deleteSchema: 'Delete schema',
       markdownSupported: 'Markdown supported',
       plantATree: 'Plant a Tree',
-      dataTabPageSize: 'DATA tab page size'
+      dataTabPageSize: 'DATA tab page size',
+      pageNumber: 'Page number'
    },
    faker: {
       address: 'Address',

src/renderer/i18n/index.js

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

src/renderer/i18n/supported-locales.js

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

src/renderer/scss/main.scss

@@ -40,6 +40,12 @@ body {
   box-shadow: none !important;
 }
 
+.cut-text {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
 .workspace-tabs {
   align-content: baseline;
 
@@ -112,6 +118,10 @@ body {
       justify-content: space-between;
       align-items: center;
       border-radius: 3px 3px 0 0;
+
+      .modal-title {
+        overflow: hidden;
+      }
     }
   }
 }
@@ -185,6 +195,10 @@ body {
   max-height: 5000rem !important;
 }
 
+.btn-group {
+  flex-wrap: nowrap;
+}
+
 .btn.loading {
   > .mdi,
   > span {

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

@@ -58,6 +58,10 @@
       &:hover {
         background: $bg-color-gray;
       }
+
+      &.active {
+        background-color: $primary-color;
+      }
     }
   }
 
@@ -211,10 +215,8 @@
   }
 
   .bg-checkered {
-    background-image:
-      linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
-      linear-gradient(to right, black 50%, white 50%),
-      linear-gradient(to bottom, black 50%, white 50%);
+    background-image: linear-gradient(to right, rgba(192, 192, 192, 0.75), rgba(192, 192, 192, 0.75)),
+      linear-gradient(to right, black 50%, white 50%), linear-gradient(to bottom, black 50%, white 50%);
     background-blend-mode: normal, difference, normal;
     background-size: 2em 2em;
   }

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

@@ -62,6 +62,10 @@
       &:hover {
         background: $bg-color-gray;
       }
+
+      &.active {
+        background-color: $primary-color;
+      }
     }
   }
 

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

@@ -15,7 +15,8 @@ export default {
       auto_complete: persistentStore.get('auto_complete', true),
       line_wrap: persistentStore.get('line_wrap', true),
       application_theme: persistentStore.get('application_theme', 'dark'),
-      editor_theme: persistentStore.get('editor_theme', 'twilight')
+      editor_theme: persistentStore.get('editor_theme', 'twilight'),
+      editor_font_size: persistentStore.get('editor_font_size', 'medium')
    },
    getters: {
       getLocale: state => state.locale,
@@ -26,7 +27,8 @@ export default {
       getAutoComplete: state => state.auto_complete,
       getLineWrap: state => state.line_wrap,
       getApplicationTheme: state => state.application_theme,
-      getEditorTheme: state => state.editor_theme
+      getEditorTheme: state => state.editor_theme,
+      getEditorFontSize: state => state.editor_font_size
    },
    mutations: {
       SET_LOCALE (state, locale) {
@@ -65,6 +67,10 @@ export default {
       SET_EDITOR_THEME (state, theme) {
          state.editor_theme = theme;
          persistentStore.set('editor_theme', state.editor_theme);
+      },
+      SET_EDITOR_FONT_SIZE (state, size) {
+         state.editor_font_size = size;
+         persistentStore.set('editor_font_size', state.editor_font_size);
       }
    },
    actions: {
@@ -94,6 +100,9 @@ export default {
       },
       changeEditorTheme ({ commit }, theme) {
          commit('SET_EDITOR_THEME', theme);
+      },
+      changeEditorFontSize ({ commit }, size) {
+         commit('SET_EDITOR_FONT_SIZE', size);
       }
    }
 };