3.0.0

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog
 
+## 3.0.0 - 2022-05-04
+
+### Changed
+- Show the languages in the current Control Panel language with the native name after (same behavior as the language menu in the Sites Settings page)
+
 ## 3.0.0-beta.1 - 2022-04-20
 
 ### Added

assets/components/TranslationsList.vue

@@ -17,7 +17,8 @@
           <th :style="'width: ' + (96/(checkedLanguages.length + 1)) + '%'">{{ t('Key') }}</th>
           <th v-for="language in checkedLanguages" v-bind:key="language.id"
               :style="'width: ' + (96/(checkedLanguages.length + 1)) + '%'">
-            {{ language.displayName }}
+            <span>{{ language.displayName }}</span>
+            <span class="light" v-if="language.nativeName"> – {{ language.nativeName }}</span>
           </th>
         </tr>
         </thead>
@@ -40,7 +41,10 @@
           <td v-for="language in checkedLanguages" v-bind:key="language.id"
               :class="{'modified': !isNullOrUndefined(sourceMessage.isModified) &&
                                    sourceMessage.isModified[language.id] === true}">
-            <div class="mobile-only cell-label">{{ language.displayName }}</div>
+            <div class="mobile-only cell-label">
+              <span>{{ language.displayName }}</span>
+              <span class="light" v-if="language.nativeName"> – {{ language.nativeName }}</span>
+            </div>
             <div class="message-text">
               <textarea class="text nicetext fullwidth"
                         v-model="sourceMessage.languages[language.id]"

assets/components/TranslationsToolbar.vue

@@ -22,7 +22,10 @@
                    type="checkbox"
                    :checked="languages[language.id].checked"
                    @input="updateLanguages(language.id, $event.target.checked)">
-            <label :for="`language-checkbox-${language.id}`">{{ language.displayName }}</label>
+            <label :for="`language-checkbox-${language.id}`">
+              <span>{{ language.displayName }}</span>
+              <span class="light" v-if="language.nativeName"> – {{ language.nativeName }}</span>
+            </label>
           </li>
         </ul>
       </div>

src/controllers/MessagesController.php

@@ -41,10 +41,13 @@ public function actionGetTranslations()
 
         return $this->asJson([
             'languages' => array_map(
-                function ($lang) {
+                function ($locale) {
                     return [
-                        'id' => $lang->id,
-                        'displayName' => $lang->displayName
+                        'id' => $locale->id,
+                        'displayName' => $locale->getDisplayName(Craft::$app->language),
+                        'nativeName' => $locale->getLanguageID() !== Craft::$app->getLocale()->getLanguageID()
+                            ? $locale->getDisplayName()
+                            : false
                     ];
                 },
                 $siteLocales