#482 show really used locales in translate modal

Author: klues

src/js/service/data/localStorageService.js

@@ -9,7 +9,6 @@ let SYNCED_DBS_LIST_KEY = 'SYNCED_DBS_LIST_KEY';
 let LAST_ACTIVEUSER_KEY = 'LAST_ACTIVEUSER_KEY';
 let AUTOLOGIN_USER_KEY = 'AUTOLOGIN_USER_KEY';
 let GRID_DIMENSIONS_KEY = 'AG_GRID_DIMENSIONS_KEY';
-let USED_LOCALES_KEY = 'AG_USED_LOCALES_KEY';
 let CURRENT_VERSION_KEY = 'AG_CURRENT_VERSION_KEY';
 let APP_SETTINGS = 'AG_APP_SETTINGS';
 let USER_SETTINGS = 'AG_USER_SETTINGS';
@@ -316,18 +315,6 @@ localStorageService.getLastGridDimensions = function () {
     return json ? JSON.parse(json) : {};
 };
 
-localStorageService.addUsedLocales = function (toAddArray) {
-    let json = localStorageService.get(USED_LOCALES_KEY);
-    let array = json ? JSON.parse(json) : [];
-    array = [...new Set(array.concat(toAddArray))];
-    localStorageService.save(USED_LOCALES_KEY, JSON.stringify(array));
-};
-
-localStorageService.getUsedLocales = function () {
-    let json = localStorageService.get(USED_LOCALES_KEY);
-    return json ? JSON.parse(json) : [];
-};
-
 localStorageService.getCurrentAppVersion = function () {
     return localStorageService.get(CURRENT_VERSION_KEY);
 };

src/vue-components/modals/gridTranslateModal.vue

@@ -159,7 +159,7 @@
                 chosenLocale: i18nService.isCurrentContentLangEN() ? 'de' : 'en',
                 GridActionSpeakCustom: GridActionSpeakCustom,
                 allLanguages: i18nService.getAllLanguages(),
-                usedLocales: localStorageService.getUsedLocales(),
+                usedLocales: [],
                 changedGrids: [],
                 shouldShowMap: {} // element-id or action-id => boolean, tells if element should be shown in translate view
             }
@@ -191,8 +191,6 @@
         methods: {
             save() {
                 let thiz = this;
-                let data = thiz.gridData || thiz.allGrids[0];
-                localStorageService.addUsedLocales(Object.keys(data.label));
                 dataService.saveGrids(JSON.parse(JSON.stringify(thiz.changedGrids))).then(() => {
                     thiz.$emit('reload');
                     thiz.$emit('close');
@@ -288,8 +286,14 @@
                         let anyLabel = Object.keys(element.label).some(lang => !!element.label[lang]);
                         let hasImage = element.image && (element.image.url || element.image.data);
                         this.shouldShowMap[element.id] = anyLabel || hasImage;
+                        for (let lang of Object.keys(element.label)) {
+                            if (!this.usedLocales.includes(lang) && !!element.label[lang]) {
+                                this.usedLocales.push(lang);
+                            }
+                        }
                     }
                 }
+                this.usedLocales.sort((a, b) => this.getLocaleTranslation(a).localeCompare(this.getLocaleTranslation(b)));
             });
         }
     }