Add i18n to files

assets/src/components/files/Editor.vue

@@ -1,10 +1,10 @@
 <template>
     <form id="editor" :class="req.language">
         <div v-if="hasMetadata" id="metadata">
-          <h2>Metadata</h2>
+          <h2>{{ $t('files.metadata') }}</h2>
         </div>
 
-        <h2 v-if="hasMetadata">Body</h2>
+        <h2 v-if="hasMetadata">{{ $t('files.body') }}</h2>
     </form>
 </template>
 
@@ -123,7 +123,3 @@ export default {
   }
 }
 </script>
-
-<style>
-
-</style>

assets/src/components/files/Files.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div id="breadcrumbs">
-      <router-link to="/files/">
+      <router-link to="/files/" :aria-label="$t('files.home')" :title="$t('files.home')">
         <i class="material-icons">home</i>
       </router-link>
 
@@ -20,7 +20,7 @@
     <preview v-else-if="isPreview"></preview>
     <div v-else>
       <h2 class="message">
-        <span>Loading...</span>
+        <span>{{ $t('files.loading') }}</span>
       </h2>
     </div>
   </div>

assets/src/components/files/Listing.vue

@@ -2,9 +2,9 @@
   <div v-if="(req.numDirs + req.numFiles) == 0">
     <h2 class="message">
       <i class="material-icons">sentiment_dissatisfied</i>
-      <span>It feels lonely here...</span>
+      <span>{{ $t('files.lonely') }}</span>
     </h2>
-    <input style="display:none" type="file" id="upload-input" @change="uploadInput($event)" value="Upload" multiple>
+    <input style="display:none" type="file" id="upload-input" @change="uploadInput($event)" multiple>
   </div>
   <div v-else id="listing"
     :class="req.display"
@@ -16,16 +16,16 @@
         <div></div>
         <div>
           <p :class="{ active: nameSorted }" class="name" @click="sort('name')">
-            <span>Name</span>
+            <span>{{ $t('files.name') }}</span>
             <i class="material-icons">{{ nameIcon }}</i>
           </p>
 
           <p :class="{ active: sizeSorted }" class="size" @click="sort('size')">
-            <span>Size</span>
+            <span>{{ $t('files.size') }}</span>
             <i class="material-icons">{{ sizeIcon }}</i>
           </p>
           <p :class="{ active: modifiedSorted }" class="modified" @click="sort('modified')">
-            <span>Last modified</span>
+            <span>{{ $t('files.lastModified') }}</span>
             <i class="material-icons">{{ modifiedIcon }}</i>
           </p>
         </div>
@@ -62,11 +62,11 @@
       </item>
     </div>
 
-    <input style="display:none" type="file" id="upload-input" @change="uploadInput($event)" value="Upload" multiple>
+    <input style="display:none" type="file" id="upload-input" @change="uploadInput($event)" multiple>
 
     <div v-show="$store.state.multiple" :class="{ active: $store.state.multiple }" id="multiple-selection">
-    <p>Multiple selection enabled</p>
-      <div @click="$store.commit('multiple', false)" tabindex="0" role="button" title="Clear" aria-label="Clear" class="action">
+    <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>
       </div>
     </div>

assets/src/components/files/Preview.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="previewer">
     <div class="bar">
-      <button @click="back" class="action" aria-label="Close Preview" id="close">
+      <button @click="back" class="action" :title="$t('files.closePreview')" :aria-label="$('files.closePreview')" id="close">
         <i class="material-icons">close</i>
       </button>
 
@@ -24,7 +24,7 @@
       </video>
       <object v-else-if="req.extension == '.pdf'" class="pdf" :data="raw()"></object>
       <a v-else-if="req.type == 'blob'" :href="download()">
-        <h2 class="message">Download <i class="material-icons">file_download</i></h2>
+        <h2 class="message">{{ $t('buttons.download') }} <i class="material-icons">file_download</i></h2>
       </a>
       <pre v-else >{{ req.content }}</pre>
     </div>

assets/src/i18n/en.json

@@ -21,5 +21,18 @@
     "forbidden": "You're not welcome here.",
     "notFound": "This location can't be reached.",
     "internal": "Something really went wrong."
+  },
+  "files": {
+    "metadata": "Metadata",
+    "body": "Body",
+    "loading": "Loading...",
+    "home": "Home",
+    "lonely": "It feels lonely here...",
+    "name": "Name",
+    "size": "Size",
+    "lastModified": "Last modified",
+    "clear": "Clear",
+    "multipleSelectionEnabled": "Multiple selection enabled",
+    "closePreview": "Close preview"
   }
 }