Add more text to translations

assets/src/components/Search.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="search" @click="open" v-bind:class="{ active , ongoing }">
     <div id="input">
-      <button v-if="active" class="action" @click="close">
+      <button v-if="active" class="action" @click="close" :aria-label="$t('buttons.close')" :title="$t('buttons.close')">
         <i class="material-icons">arrow_back</i>
       </button>
       <i v-else class="material-icons">search</i>
@@ -11,7 +11,7 @@
         ref="input"
         :autofocus="active"
         v-model.trim="value"
-        aria-label="Write here to search"
+        :aria-label="$t('search.writeToSearch')"
         :placeholder="placeholder">
     </div>
 
@@ -78,10 +78,10 @@ export default {
     // Placeholder value.
     placeholder: function () {
       if (this.user.allowCommands && this.user.commands.length > 0) {
-        return 'Search or execute a command...'
+        return this.$t('search.searchOrCommand')
       }
 
-      return 'Search...'
+      return this.$t('search.search')
     },
     // The text that is shown on the results' box while
     // there is no search result or command output to show.
@@ -92,16 +92,16 @@ export default {
 
       if (this.value.length === 0) {
         if (this.user.allowCommands && this.user.commands.length > 0) {
-          return `Search or use one of your supported commands: ${this.user.commands.join(', ')}.`
+          return `${this.$t('search.searchOrSupportedCommand')} ${this.user.commands.join(', ')}.`
         }
 
-        return 'Type and press enter to search.'
+        this.$t('search.type')
       }
 
       if (!this.supported() || !this.user.allowCommands) {
-        return 'Press enter to search.'
+        return this.$t('search.pressToSearch')
       } else {
-        return 'Press enter to execute.'
+        return this.$t('search.pressToExecute')
       }
     }
   },

assets/src/components/files/Listing.vue

@@ -32,7 +32,7 @@
       </div>
     </div>
 
-    <h2 v-if="req.numDirs > 0">Folders</h2>
+    <h2 v-if="req.numDirs > 0">{{ $t('files.folders') }}</h2>
     <div v-if="req.numDirs > 0">
       <item v-for="(item, index) in req.items"
         v-if="item.isDir"
@@ -47,7 +47,7 @@
       </item>
     </div>
 
-    <h2 v-if="req.numFiles > 0">Files</h2>
+    <h2 v-if="req.numFiles > 0">{{ $t('files.files') }}</h2>
     <div v-if="req.numFiles > 0">
       <item v-for="(item, index) in req.items"
         v-if="!item.isDir"
@@ -67,7 +67,7 @@
     <div v-show="$store.state.multiple" :class="{ active: $store.state.multiple }" id="multiple-selection">
     <p>{{ $t('files.multipleSelectionEnabled') }}</p>
       <div @click="$store.commit('multiple', false)" tabindex="0" role="button" :title="$t('files.clear')" :aria-label="$t('files.clear')" class="action">
-        <i class="material-icons" title="Clear">clear</i>
+        <i class="material-icons">clear</i>
       </div>
     </div>
   </div>

assets/src/components/files/Preview.vue

@@ -11,8 +11,12 @@
       <info-button></info-button>
     </div>
 
-    <button class="action" @click="prev" v-show="hasPrevious"><i class="material-icons">chevron_left</i></button>
-    <button class="action" @click="next" v-show="hasNext"><i class="material-icons">chevron_right</i></button>
+    <button class="action" @click="prev" v-show="hasPrevious" :aria-label="$t('buttons.previous')" :title="$t('buttons.previous')">
+      <i class="material-icons">chevron_left</i>
+    </button>
+    <button class="action" @click="next" v-show="hasNext" :aria-label="$t('buttons.next')" :title="$t('buttons.next')">
+      <i class="material-icons">chevron_right</i>
+    </button>
 
     <div class="preview">
       <img v-if="req.type == 'image'" :src="raw()">

assets/src/components/settings/Profile.vue

@@ -61,7 +61,7 @@ export default {
       }
 
       api.updatePassword(this.password).then(() => {
-        this.showSuccess('Password updated!')
+        this.showSuccess(this.$t('settings.passwordUpdated'))
       }).catch(e => {
         this.$store.commit('showError', e)
       })
@@ -72,7 +72,7 @@ export default {
       api.updateCSS(this.css).then(() => {
         this.$store.commit('setUserCSS', this.css)
         this.$emit('css-updated')
-        this.showSuccess('Styles updated!')
+        this.showSuccess(this.$t('settings.stylesUpdated'))
       }).catch(e => {
         this.$store.commit('showError', e)
       })

assets/src/i18n/en.yaml

@@ -11,7 +11,9 @@ buttons:
   move: Move
   moveFile: Move file
   new: New
+  next: Next
   ok: OK
+  previous: Previous
   rename: Rename
   reportIssue: Report Issue
   save: Save
@@ -27,6 +29,8 @@ errors:
   internal: Something really went wrong.
   notFound: This location can't be reached.
 files:
+  folders: Folders
+  files: Files
   body: Body
   clear: Clear
   closePreview: Close preview
@@ -103,6 +107,7 @@ settings:
   newPasswordConfirm: Confirm your new password
   newUser: New User
   password: Password
+  passwordUpdated: Password updated!
   permissions: Permissions
   permissionsHelp: >
     'You can set the user to be an administrator or choose the permissions
@@ -124,6 +129,7 @@ settings:
     {0} or {1}. Then you should write {2} if you are using a regular expression and
     then the expression or the path.
   scope: Scope
+  stylesUpdated: Styles updated!
   user: User
   userCommands: Commands
   userCommandsHelp:
@@ -143,3 +149,11 @@ sidebar:
   newFolder: New folder
   servedWith: Served with
   settings: Settings
+search:
+  writeToSearch: Write here to search
+  searchOrCommand: Search or execute a command...
+  searchOrSupportedCommand: 'Search or use one of your supported commands:'
+  search: Search...
+  type: Type and press enter to search.
+  pressToSearch: Press enter to search.
+  pressToExecute: Press enter to execute.