From 70cb92521f56d56a85249137bc141c7e6e063400 Mon Sep 17 00:00:00 2001
From: Fabio Di Stasio <fabio286@gmail.com>
Date: Wed, 4 May 2022 11:24:48 +0200
Subject: [PATCH] refactor: Invitation to contribute in translations on
 settings

---
 src/renderer/components/ModalSettings.vue | 53 +++++++++++++----------
 src/renderer/i18n/en-US.js                |  4 +-
 2 files changed, 32 insertions(+), 25 deletions(-)

diff --git a/src/renderer/components/ModalSettings.vue b/src/renderer/components/ModalSettings.vue
index fb222d3f..a00442e6 100644
--- a/src/renderer/components/ModalSettings.vue
+++ b/src/renderer/components/ModalSettings.vue
@@ -60,15 +60,15 @@
                            <div class="column col-12 h6 text-uppercase mb-1">
                               {{ $t('word.application') }}
                            </div>
-                           <div class="column col-9 col-sm-12 mb-2">
-                              <div class="form-group">
-                                 <div class="col-7 col-sm-12">
+                           <div class="column col-12 col-sm-12 mb-2 columns">
+                              <div class="form-group column col-12">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        <i class="mdi mdi-18px mdi-translate mr-1" />
                                        {{ $t('word.language') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <select
                                        v-model="localLocale"
                                        class="form-select"
@@ -83,14 +83,20 @@
                                        </option>
                                     </select>
                                  </div>
+                                 <div class="col-4 col-sm-12 px-2 p-vcentered">
+                                    <small class="d-block" style="line-height:1.1; font-size:70%;">
+                                       {{ $t('message.missingOrIncompleteTranslation') }}<br>
+                                       <a class="text-bold c-hand" @click="openOutside('https://github.com/antares-sql/antares/wiki/Translate-Antares')">{{ $t('message.findOutHowToContribute') }}</a>
+                                    </small>
+                                 </div>
                               </div>
-                              <div class="form-group">
-                                 <div class="col-7 col-sm-12">
+                              <div class="form-group column col-12">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('message.dataTabPageSize') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <select
                                        v-model="localPageSize"
                                        class="form-select"
@@ -105,39 +111,39 @@
                                     </select>
                                  </div>
                               </div>
-                              <div class="form-group mb-0">
-                                 <div class="col-7 col-sm-12">
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('message.restorePreviourSession') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <label class="form-switch d-inline-block" @click.prevent="toggleRestoreSession">
                                        <input type="checkbox" :checked="restoreTabs">
                                        <i class="form-icon" />
                                     </label>
                                  </div>
                               </div>
-                              <div class="form-group mb-0">
-                                 <div class="col-7 col-sm-12">
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('message.disableBlur') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 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">
+                              <div class="form-group column col-12">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('message.notificationsTimeout') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <div class="input-group">
                                        <input
                                           v-model="localTimeout"
@@ -151,31 +157,30 @@
                                  </div>
                               </div>
                            </div>
-
                            <div class="column col-12 h6 mt-4 text-uppercase mb-1">
                               {{ $t('word.editor') }}
                            </div>
-                           <div class="column col-9 col-sm-12">
-                              <div class="form-group mb-0">
-                                 <div class="col-7 col-sm-12">
+                           <div class="column col-12 col-sm-12 columns">
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('word.autoCompletion') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <label class="form-switch d-inline-block" @click.prevent="toggleAutoComplete">
                                        <input type="checkbox" :checked="selectedAutoComplete">
                                        <i class="form-icon" />
                                     </label>
                                  </div>
                               </div>
-                              <div class="form-group mb-0">
-                                 <div class="col-7 col-sm-12">
+                              <div class="form-group column col-12 mb-0">
+                                 <div class="col-5 col-sm-12">
                                     <label class="form-label">
                                        {{ $t('message.wrapLongLines') }}
                                     </label>
                                  </div>
-                                 <div class="col-5 col-sm-12">
+                                 <div class="col-3 col-sm-12">
                                     <label class="form-switch d-inline-block" @click.prevent="toggleLineWrap">
                                        <input type="checkbox" :checked="selectedLineWrap">
                                        <i class="form-icon" />
diff --git a/src/renderer/i18n/en-US.js b/src/renderer/i18n/en-US.js
index a9b2f4e7..2c4373f7 100644
--- a/src/renderer/i18n/en-US.js
+++ b/src/renderer/i18n/en-US.js
@@ -288,7 +288,9 @@ module.exports = {
       singleFile: 'Single {ext} file',
       zipCompressedFile: 'ZIP compressed {ext} file',
       disableBlur: 'Disable blur',
-      untrustedConnection: 'Untrusted connection'
+      untrustedConnection: 'Untrusted connection',
+      missingOrIncompleteTranslation: 'Missing or incomplete translation?',
+      findOutHowToContribute: 'Find out how to contribute'
    },
    faker: {
       address: 'Address',