From 7611e65616253fbc619d5b24f7a5596381e1410a Mon Sep 17 00:00:00 2001
From: Henrique Dias <hacdias@gmail.com>
Date: Mon, 31 Jul 2017 15:43:08 +0100
Subject: [PATCH] i18n on prompts

---
 assets/src/components/files/Preview.vue    |  2 +-
 assets/src/components/prompts/Copy.vue     |  8 ++--
 assets/src/components/prompts/Delete.vue   | 10 ++---
 assets/src/components/prompts/Download.vue |  5 ++-
 assets/src/components/prompts/Error.vue    |  6 +--
 assets/src/components/prompts/FileList.vue |  2 +-
 assets/src/components/prompts/Help.vue     | 26 +++++-------
 assets/src/components/prompts/Info.vue     | 16 ++++----
 assets/src/components/prompts/Move.vue     |  8 ++--
 assets/src/components/prompts/NewDir.vue   |  8 ++--
 assets/src/components/prompts/NewFile.vue  |  8 ++--
 assets/src/components/prompts/Prompts.vue  |  2 +-
 assets/src/components/prompts/Rename.vue   |  9 +++--
 assets/src/components/prompts/Success.vue  |  2 +-
 assets/src/i18n/en.json                    | 46 +++++++++++++++++++++-
 15 files changed, 99 insertions(+), 59 deletions(-)

diff --git a/assets/src/components/files/Preview.vue b/assets/src/components/files/Preview.vue
index 38d366a5..913317f2 100644
--- a/assets/src/components/files/Preview.vue
+++ b/assets/src/components/files/Preview.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="previewer">
     <div class="bar">
-      <button @click="back" class="action" :title="$t('files.closePreview')" :aria-label="$('files.closePreview')" id="close">
+      <button @click="back" class="action" :title="$t('files.closePreview')" :aria-label="$t('files.closePreview')" id="close">
         <i class="material-icons">close</i>
       </button>
 
diff --git a/assets/src/components/prompts/Copy.vue b/assets/src/components/prompts/Copy.vue
index 184182f6..c55b7aa8 100644
--- a/assets/src/components/prompts/Copy.vue
+++ b/assets/src/components/prompts/Copy.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="prompt">
-    <h3>Copy</h3>
-    <p>Choose the place to copy your files:</p>
+    <h3>{{ $t('prompts.copy') }}</h3>
+    <p>{{ $t('prompts.copyMessage') }}</p>
 
     <file-list @update:selected="val => dest = val"></file-list>
 
     <div>
-      <button class="ok" @click="copy">Copy</button>
-      <button class="cancel" @click="$store.commit('closeHovers')">Cancel</button>
+      <button class="ok" @click="copy">{{ $t('buttons.copy') }}</button>
+      <button class="cancel" @click="$store.commit('closeHovers')">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Delete.vue b/assets/src/components/prompts/Delete.vue
index e0cba26e..c298e4f1 100644
--- a/assets/src/components/prompts/Delete.vue
+++ b/assets/src/components/prompts/Delete.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="prompt">
-    <h3>Delete files</h3>
-    <p v-show="req.kind !== 'listing'">Are you sure you want to delete this file/folder?</p>
-    <p v-show="req.kind === 'listing'">Are you sure you want to delete {{ selectedCount }} file(s)?</p>
+    <h3>{{ $t('prompts.deleteTitle') }}</h3>
+    <p v-show="req.kind !== 'listing'">{{ $t('prompts.deleteMessageSingle') }}</p>
+    <p v-show="req.kind === 'listing'">{{ $t('prompts.deleteMessageMultiple', { count: selectedCount}) }}</p>
     <div>
-      <button @click="submit" autofocus>Delete</button>
-      <button @click="closeHovers" class="cancel">Cancel</button>
+      <button @click="submit" autofocus>{{ $t('buttons.delete') }}</button>
+      <button @click="closeHovers" class="cancel">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Download.vue b/assets/src/components/prompts/Download.vue
index 18b401ba..8e89ea58 100644
--- a/assets/src/components/prompts/Download.vue
+++ b/assets/src/components/prompts/Download.vue
@@ -1,7 +1,8 @@
 <template>
   <div class="prompt" id="download">
-    <h3>Download files</h3>
-    <p>Choose the format you want to download.</p>
+    <h3>{{ $t('prompts.download') }}</h3>
+    <p>{{ $t('prompts.downloadMessage') }}</p>
+
     <button @click="download('zip')" autofocus>zip</button>
     <button @click="download('tar')" autofocus>tar</button>
     <button @click="download('targz')" autofocus>tar.gz</button>
diff --git a/assets/src/components/prompts/Error.vue b/assets/src/components/prompts/Error.vue
index 2312eae8..c5e0ea49 100644
--- a/assets/src/components/prompts/Error.vue
+++ b/assets/src/components/prompts/Error.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="prompt error">
     <i class="material-icons">error_outline</i>
-    <h3>Something went wrong</h3>
+    <h3>{{ $t('prompts.error') }}</h3>
     <pre>{{ $store.state.showMessage }}</pre>
     <div>
-      <button @click="close" autofocus>Close</button>
-      <button @click="reportIssue" class="cancel">Report Issue</button>
+      <button @click="close" autofocus>{{ $t('buttons.close') }}</button>
+      <button @click="reportIssue" class="cancel">{{ $t('buttons.reportIssue') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/FileList.vue b/assets/src/components/prompts/FileList.vue
index 52864096..eaa29645 100644
--- a/assets/src/components/prompts/FileList.vue
+++ b/assets/src/components/prompts/FileList.vue
@@ -9,7 +9,7 @@
         :data-url="item.url">{{ item.name }}</li>
     </ul>
 
-    <p>Currently navigating on: <code>{{ nav }}</code>.</p>
+    <p>{{ $t('prompts.currentlyNavigating') }} <code>{{ nav }}</code>.</p>
   </div>
 </template>
 
diff --git a/assets/src/components/prompts/Help.vue b/assets/src/components/prompts/Help.vue
index 454e76bf..560ee0b9 100644
--- a/assets/src/components/prompts/Help.vue
+++ b/assets/src/components/prompts/Help.vue
@@ -1,26 +1,20 @@
 <template>
   <div class="prompt help">
-    <h3>Help</h3>
+    <h3>{{ $t('help.help') }}</h3>
 
     <ul>
-      <li><strong>F1</strong> - this information</li>
-      <li><strong>F2</strong> - rename file</li>
-      <li><strong>DEL</strong> - delete selected items</li>
-      <li><strong>ESC</strong> - clear selection and/or close the prompt</li>
-      <li><strong>CTRL + S</strong> - save a file or download the directory where you are</li>
-      <li><strong>CTRL + Click</strong> - select multiple files or directories</li>
-      <li><strong>Double click</strong> - open a file or directory</li>
-      <li><strong>Click</strong> - select file or directory</li>
-    </ul>
-
-    <p>Not available yet</p>
-
-    <ul>
-      <li><strong>Alt + Click</strong> - select a group of files</li>
+      <li><strong>F1</strong> - {{ $t('help.f1') }}</li>
+      <li><strong>F2</strong> - {{ $t('help.f2') }}</li>
+      <li><strong>DEL</strong> - {{ $t('help.del') }}</li>
+      <li><strong>ESC</strong> - {{ $t('help.esc') }}</li>
+      <li><strong>CTRL + S</strong> - {{ $t('help.ctrl.s') }}</li>
+      <li><strong>CTRL + Click</strong> - {{ $t('help.ctrl.click') }}</li>
+      <li><strong>Click</strong> - {{ $t('help.click') }}</li>
+      <li><strong>Double click</strong> - {{ $t('help.doubleClick') }}</li>
     </ul>
 
     <div>
-      <button type="submit" @click="$store.commit('closeHovers')" class="ok">OK</button>
+      <button type="submit" @click="$store.commit('closeHovers')" class="ok">{{ $t('buttons.ok') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Info.vue b/assets/src/components/prompts/Info.vue
index 8f625e43..76840022 100644
--- a/assets/src/components/prompts/Info.vue
+++ b/assets/src/components/prompts/Info.vue
@@ -1,16 +1,16 @@
 <template>
   <div class="prompt">
-    <h3>File Information</h3>
+    <h3>{{ $t('prompts.fileInfo') }}</h3>
 
-    <p v-show="selected.length > 1">{{ selected.length }} files selected.</p>
+    <p v-show="selected.length > 1">{{ $t('prompts.filesSelected', { count: selected.length }) }}</p>
 
-    <p v-show="selected.length < 2"><strong>Display Name:</strong> {{ name() }}</p>
-    <p><strong>Size:</strong> <span id="content_length"></span>{{ humanSize() }}</p>
-    <p v-show="selected.length < 2"><strong>Last Modified:</strong> {{ humanTime() }}</p>
+    <p v-show="selected.length < 2"><strong>{{ $t('prompts.displayName') }}</strong> {{ name() }}</p>
+    <p><strong>{{ $t('prompts.size') }}:</strong> <span id="content_length"></span>{{ humanSize() }}</p>
+    <p v-show="selected.length < 2"><strong>{{ $t('prompts.lastModified') }}:</strong> {{ humanTime() }}</p>
 
     <section v-show="dir() && selected.length === 0">
-      <p><strong>Number of files:</strong> {{ req.numFiles }}</p>
-      <p><strong>Number of directories:</strong> {{ req.numDirs }}</p>
+      <p><strong>{{ $t('prompts.numberFiles') }}:</strong> {{ req.numFiles }}</p>
+      <p><strong>{{ $t('prompts.numberDirs') }}:</strong> {{ req.numDirs }}</p>
     </section>
 
     <section v-show="!dir()">
@@ -21,7 +21,7 @@
     </section>
 
     <div>
-      <button type="submit" @click="$store.commit('closeHovers')" class="ok">OK</button>
+      <button type="submit" @click="$store.commit('closeHovers')" class="ok">{{ $t('buttons.ok') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Move.vue b/assets/src/components/prompts/Move.vue
index ebfb7ad2..4294bc76 100644
--- a/assets/src/components/prompts/Move.vue
+++ b/assets/src/components/prompts/Move.vue
@@ -1,13 +1,13 @@
 <template>
   <div class="prompt">
-    <h3>Move</h3>
-    <p>Choose new house for your file(s)/folder(s):</p>
+    <h3>{{ $t('prompts.move') }}</h3>
+    <p>{{ $t('prompts.moveMessage') }}</p>
 
     <file-list @update:selected="val => dest = val"></file-list>
 
     <div>
-      <button class="ok" @click="move">Move</button>
-      <button class="cancel" @click="$store.commit('closeHovers')">Cancel</button>
+      <button class="ok" @click="move">{{ $t('buttons.move') }}</button>
+      <button class="cancel" @click="$store.commit('closeHovers')">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/NewDir.vue b/assets/src/components/prompts/NewDir.vue
index bee602fd..c2aca98e 100644
--- a/assets/src/components/prompts/NewDir.vue
+++ b/assets/src/components/prompts/NewDir.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="prompt">
-    <h3>New directory</h3>
-    <p>Write the name of the new directory.</p>
+    <h3>{{ $t('prompts.newDir') }}</h3>
+    <p>{{ $t('prompts.newDirMessage') }}</p>
     <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
     <div>
-      <button class="ok" @click="submit">Create</button>
-      <button class="cancel" @click="$store.commit('closeHovers')">Cancel</button>
+      <button class="ok" @click="submit">{{ $t('buttons.create') }}</button>
+      <button class="cancel" @click="$store.commit('closeHovers')">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/NewFile.vue b/assets/src/components/prompts/NewFile.vue
index c40e2844..06492b4c 100644
--- a/assets/src/components/prompts/NewFile.vue
+++ b/assets/src/components/prompts/NewFile.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="prompt">
-    <h3>New file</h3>
-    <p>Write the name of the new file.</p>
+    <h3>{{ $t('prompts.newFile') }}</h3>
+    <p>{{ $t('prompts.newFileMessage') }}</p>
     <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
     <div>
-      <button class="ok" @click="submit">Create</button>
-      <button class="cancel" @click="$store.commit('closeHovers')">Cancel</button>
+      <button class="ok" @click="submit">{{ $t('buttons.create') }}</button>
+      <button class="cancel" @click="$store.commit('closeHovers')">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Prompts.vue b/assets/src/components/prompts/Prompts.vue
index a78e3c78..0c03c15d 100644
--- a/assets/src/components/prompts/Prompts.vue
+++ b/assets/src/components/prompts/Prompts.vue
@@ -27,7 +27,7 @@
           :placeholder="input.placeholder">
         <div>
           <input type="submit" class="ok" :value="prompt.ok">
-          <button class="cancel" @click.prevent="$store.commit('closeHovers')">Cancel</button>
+          <button class="cancel" @click.prevent="$store.commit('closeHovers')">{{ $t('buttons.cancel') }}</button>
         </div>
       </form>
     </template>
diff --git a/assets/src/components/prompts/Rename.vue b/assets/src/components/prompts/Rename.vue
index 2e0bbd92..8ee81eb4 100644
--- a/assets/src/components/prompts/Rename.vue
+++ b/assets/src/components/prompts/Rename.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="prompt">
-    <h3>Rename</h3>
-    <p>Insert a new name for <code>{{ oldName() }}</code>:</p>
+    <h3>{{ $t('prompts.rename') }}</h3>
+    <p>{{ $t('prompts.renameMessage') }} <code>{{ oldName() }}</code>:</p>
+
     <input autofocus type="text" @keyup.enter="submit" v-model.trim="name">
     <div>
-      <button @click="submit" type="submit">Rename</button>
-      <button @click="cancel" class="cancel">Cancel</button>
+      <button @click="submit" type="submit">{{ $t('buttons.rename') }}</button>
+      <button @click="cancel" class="cancel">{{ $t('buttons.cancel') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/components/prompts/Success.vue b/assets/src/components/prompts/Success.vue
index 263a846c..b26150af 100644
--- a/assets/src/components/prompts/Success.vue
+++ b/assets/src/components/prompts/Success.vue
@@ -3,7 +3,7 @@
     <i class="material-icons">done</i>
     <h3>{{ $store.state.showMessage }}</h3>
     <div>
-      <button @click="close" autofocus>OK</button>
+      <button @click="close" autofocus>{{ $t('buttons.ok') }}</button>
     </div>
   </div>
 </template>
diff --git a/assets/src/i18n/en.json b/assets/src/i18n/en.json
index 6f97dabe..9d2b0a34 100644
--- a/assets/src/i18n/en.json
+++ b/assets/src/i18n/en.json
@@ -15,7 +15,11 @@
     "moveFile": "Move file",
     "rename": "Rename",
     "switchView": "Swicth view",
-    "upload": "Upload"
+    "upload": "Upload",
+    "cancel": "Cancel",
+    "create": "Create",
+    "reportIssue": "Report Issue",
+    "ok": "OK"
   },
   "errors": {
     "forbidden": "You're not welcome here.",
@@ -34,5 +38,45 @@
     "clear": "Clear",
     "multipleSelectionEnabled": "Multiple selection enabled",
     "closePreview": "Close preview"
+  },
+  "prompts": {
+    "copy": "Copy",
+    "copyMessage": "Choose the place to copy your files:",
+    "deleteTitle": "Delete files",
+    "deleteMessageSingle": "Are you sure you want to delete this file/folder?",
+    "deleteMessageMultiple": "Are you sure you want to delete {count} file(s)?",
+    "newFile": "New file",
+    "newFileMessage": "Write the name of the new file.",
+    "newDir": "New directory",
+    "newDirMessage": "Write the name of the new directory.",
+    "move": "Move",
+    "moveMessage": "Choose new house for your file(s)/folder(s):",
+    "rename": "Rename",
+    "renameMessage": "Insert a new name for",
+    "download": "Download files",
+    "downloadMessage": "Choose the format you want to download.",
+    "error": "Something went wrong",
+    "currentlyNavigating": "Currently navigating on:",
+    "fileInfo": "File information",
+    "filesSelected": "{count} files selected.",
+    "displayName": "Display Name:",
+    "size": "Size",
+    "lastModified": "Last Modified",
+    "numberFiles": "Number of files",
+    "numberDirs": "Number of directories"
+  },
+  "help": {
+    "help": "Help",
+    "f1": "this information",
+    "f2": "rename file",
+    "del": "delete selected items",
+    "esc": "clear selection and/or close the prompt",
+    "ctrl": {
+      "s": "save a file or download the directory where you are",
+      "f": "opens search",
+      "click": "select multiple files or directories"
+    },
+    "click": "select file or directory",
+    "doubleClick": "open a file or directory"
   }
 }