nicoeri/filebrowser
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

i18n on prompts

Browse Source
This commit is contained in:
Henrique Dias 2017-07-31 15:43:08 +01:00
parent 899ad358ea
commit 7611e65616
No known key found for this signature in database
GPG Key ID: 936F5EB68D786730
15 changed files with 99 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/src/components/files/Preview.vue
View File

@ -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>

8
assets/src/components/prompts/Copy.vue
View File

@ -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>

10
assets/src/components/prompts/Delete.vue
View File

@ -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>

5
assets/src/components/prompts/Download.vue
View File

@ -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>

6
assets/src/components/prompts/Error.vue
View File

@ -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>

2
assets/src/components/prompts/FileList.vue
View File

@ -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>

26
assets/src/components/prompts/Help.vue
View File

@ -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>

16
assets/src/components/prompts/Info.vue
View File

@ -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>

8
assets/src/components/prompts/Move.vue
View File

@ -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>

8
assets/src/components/prompts/NewDir.vue
View File

@ -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>

8
assets/src/components/prompts/NewFile.vue
View File

@ -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>

2
assets/src/components/prompts/Prompts.vue
View File

@ -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>

9
assets/src/components/prompts/Rename.vue
View File

@ -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>

2
assets/src/components/prompts/Success.vue
View File

@ -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>

46
assets/src/i18n/en.json
View File

@ -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"
}
}