Added Media Library translation

area17 · Mar 2, 2020 · b593ad3 · b593ad3
1 parent abb61e3
commit b593ad3
Show file tree

Hide file tree

Showing 8 changed files with 64 additions and 18 deletions.
diff --git a/frontend/js/components/Filter.vue b/frontend/js/components/Filter.vue
@@ -5,18 +5,16 @@
 
       <div class="filter__search">
         <input type="search" class="form__input form__input--small" name="search" :value="searchValue" :placeholder="placeholder" @input="onSearchInput" />
-        <a17-button class="filter__toggle" variant="ghost" @click="toggleFilter" v-if="withHiddenFilters" :aria-expanded="opened ?  'true' : 'false'" >Filter <span v-svg symbol="dropdown_module"></span></a17-button>
+        <a17-button class="filter__toggle" variant="ghost" @click="toggleFilter" v-if="withHiddenFilters" :aria-expanded="opened ?  'true' : 'false'" >{{ $trans('filter.toggle-label', 'Filter') }} <span v-svg symbol="dropdown_module"></span></a17-button>
         <slot name="additional-actions"></slot>
       </div>
     </div>
     <transition :css='false' :duration="275" @before-enter="beforeEnter" @enter="enter" @before-leave="beforeLeave" @leave="leave">
       <div class="filter__more" v-show="opened" v-if="withHiddenFilters" :aria-hidden="!opened ? true : null" ref="more">
         <div class="filter__moreInner" ref="moreInner">
           <slot name="hidden-filters"></slot>
-          <div class="filter__btns">
-            <a17-button variant="ghost" type="submit">Apply</a17-button>
-            <a17-button v-if="clearOption" variant="ghost" type="button" @click="clear">Clear</a17-button>
-          </div>
+          <a17-button variant="ghost" type="submit">{{ $trans('filter.apply-btn', 'Apply') }}</a17-button>
+          <a17-button v-if="clearOption" variant="ghost" type="button" @click="clear">{{ $trans('filter.clear-btn', 'Clear') }}</a17-button>
         </div>
       </div>
     </transition>
@@ -36,7 +34,9 @@
       },
       placeholder: {
         type: String,
-        default: 'Search'
+        default () {
+          return this.$trans('filter.search-placeholder', 'Search')
+        }
       },
       closed: {
         type: Boolean,

diff --git a/frontend/js/components/VSelect.vue b/frontend/js/components/VSelect.vue
@@ -86,7 +86,9 @@
         default: null
       },
       emptyText: {
-        default: 'Sorry, no matching options.'
+        default () {
+          return this.$trans('select.empty-text', 'Sorry, no matching options.')
+        }
       },
       options: {
         default: function () { return [] }

diff --git a/frontend/js/components/media-library/MediaLibrary.vue b/frontend/js/components/media-library/MediaLibrary.vue
@@ -31,7 +31,7 @@
 
             <div slot="hidden-filters">
               <a17-vselect class="medialibrary__filter-item" ref="filter" name="tag" :options="tags"
-                           placeholder="Filter by tag" :searchable="true" maxHeight="175px"/>
+                           :placeholder="$trans('media-library.filter-select-label', 'Filter by tag')" :searchable="true" maxHeight="175px"/>
             </div>
           </a17-filter>
         </div>

diff --git a/frontend/js/components/media-library/MediaSidebar.vue b/frontend/js/components/media-library/MediaSidebar.vue
@@ -3,18 +3,18 @@
     <a17-mediasidebar-upload v-if="mediasLoading.length"/>
     <template v-else>
       <div class="mediasidebar__inner" :class="containerClasses">
-        <p v-if="!hasMedia" class="f--note">No file selected</p>
+        <p v-if="!hasMedia" class="f--note">{{ $trans('media-library.sidebar.empty-text', 'No file selected') }}</p>
         <p v-if="hasMultipleMedias" class="mediasidebar__info">
-          {{ medias.length }} files selected <a href="#" @click.prevent="clear">Clear</a>
+          {{ medias.length }} {{ $trans('media-library.sidebar.files-selected', 'files selected') }} <a href="#" @click.prevent="clear">{{ $trans('media-library.sidebar.clear', 'Clear') }}</a>
         </p>
 
         <template v-if="hasSingleMedia">
           <img v-if="isImage" :src="firstMedia.thumbnail" class="mediasidebar__img" :alt="firstMedia.original"/>
           <p class="mediasidebar__name">{{ firstMedia.name }}</p>
           <ul class="mediasidebar__metadatas">
-            <li class="f--small" v-if="firstMedia.size">File size: {{ firstMedia.size | uppercase }}</li>
+            <li class="f--small" v-if="firstMedia.size" >File size: {{ firstMedia.size | uppercase }}</li>
             <li class="f--small" v-if="isImage && (firstMedia.width + firstMedia.height)">
-              Dimensions: {{ firstMedia.width }} &times; {{ firstMedia.height }}
+              {{ $trans('media-library.sidebar.dimensions', 'Dimensions') }}: {{ firstMedia.width }} &times; {{ firstMedia.height }}
             </li>
           </ul>
         </template>

diff --git a/frontend/js/components/media-library/Uploader.vue b/frontend/js/components/media-library/Uploader.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="uploader">
     <div class="uploader__dropzone" ref="uploaderDropzone">
-      <div class="button" ref="uploaderBrowseButton">Add new</div>
-      <div class="uploader__dropzone--desktop">or drop new files here</div>
+      <div class="button" ref="uploaderBrowseButton">{{ $trans('uploader.upload-btn-label', 'Add new') }}</div>
+      <div class="uploader__dropzone--desktop">{{ $trans('uploader.dropzone-text', 'or drop new files here') }}</div>
     </div>
   </div>
 </template>

diff --git a/views/lang/en/lang.php b/views/lang/en/lang.php
@@ -56,6 +56,28 @@
         'logout' => 'Logout'
     ],
     'media-library' => [
-        'title' => 'Media Library'
+        'title' => 'Media Library',
+        'images' => 'Images',
+        'files' => 'Files',
+        'filter-select-label' => 'Filter by tag',
+        'sidebar' => [
+            'empty-text' => 'No file selected',
+            'files-selected' => 'files selected',
+            'clear' => 'Clear',
+            'dimensions' => 'Dimensions'
+        ]
+    ],
+    'filter' => [
+        'search-placeholder'=> 'Search',
+        'toggle-label' => 'Filter',
+        'apply-btn' => 'Apply',
+        'clear-btn' => 'Clear'
+    ],
+    'select' => [
+        'empty-text' => 'Sorry, no matching options.'
+    ],
+    'uploader' => [
+        'dropzone-text' => 'or drop new files here',
+        'upload-btn-label' => 'Add new'
     ]
 ];
diff --git a/views/lang/ja/lang.php b/views/lang/ja/lang.php
@@ -56,6 +56,28 @@
         'logout' => 'ログアウト'
     ],
     'media-library' => [
-        'title' => 'メディアライブラリ'
+        'title' => 'メディアライブラリ',
+        'images' => '画像',
+        'files' => 'ファイル',
+        'filter-select-label' => 'ラベルによるフィルター',
+        'sidebar' => [
+            'empty-text' => 'ファイルが選択されていません',
+            'files-selected' => '選択されたファイル',
+            'clear' => 'キャンセル',
+            'dimensions' => 'サイズ'
+        ]
+    ],
+    'filter' => [
+        'search-placeholder'=> '検索',
+        'toggle-label' => 'フィルタ',
+        'apply-btn' => '適用する',
+        'clear-btn' => 'キャンセル'
+    ],
+    'select' => [
+        'empty-text' => '一致するオプションはありません'
+    ],
+    'uploader' => [
+        'dropzone-text' => 'ここに新しいファイルをドロップします',
+        'upload-btn-label' => '追加'
     ]
 ];
diff --git a/views/layouts/main.blade.php b/views/layouts/main.blade.php
@@ -88,7 +88,7 @@
             @if (config('twill.enabled.media-library'))
                 window['{{ config('twill.js_namespace') }}'].STORE.medias.types.push({
                     value: 'image',
-                    text: 'Images',
+                    text: '{{ __("twill::lang.media-library.images") }}',
                     total: {{ \A17\Twill\Models\Media::count() }},
                     endpoint: '{{ route('admin.media-library.medias.index') }}',
                     tagsEndpoint: '{{ route('admin.media-library.medias.tags') }}',
@@ -99,7 +99,7 @@
             @if (config('twill.enabled.file-library'))
                 window['{{ config('twill.js_namespace') }}'].STORE.medias.types.push({
                     value: 'file',
-                    text: 'Files',
+                    text: '{{ __("twill::lang.media-library.files") }}',
                     total: {{ \A17\Twill\Models\File::count() }},
                     endpoint: '{{ route('admin.file-library.files.index') }}',
                     tagsEndpoint: '{{ route('admin.file-library.files.tags') }}',