sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

wip

Browse Source
This commit is contained in:
syuilo
2020-12-26 10:47:36 +09:00
parent 9d81d06853
commit 5a8cc7851b
200 changed files with 1562 additions and 1533 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/client/components/drive.vue
View File

@ -24,18 +24,18 @@
<XFolder v-for="f in folders" :key="f.id" class="folder" :folder="f" :select-mode="select === 'folder'" :is-selected="selectedFolders.some(x => x.id === f.id)" @chosen="chooseFolder"/>
<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
<div class="padding" v-for="(n, i) in 16" :key="i"></div>
<MkButton ref="moreFolders" v-if="moreFolders">{{ $t('loadMore') }}</MkButton>
<MkButton ref="moreFolders" v-if="moreFolders">{{ $ts.loadMore }}</MkButton>
</div>
<div class="files" ref="filesContainer" v-show="files.length > 0">
<XFile v-for="file in files" :key="file.id" class="file" :file="file" :select-mode="select === 'file'" :is-selected="selectedFiles.some(x => x.id === file.id)" @chosen="chooseFile"/>
<!-- SEE: https://stackoverflow.com/questions/18744164/flex-box-align-last-row-to-grid -->
<div class="padding" v-for="(n, i) in 16" :key="i"></div>
<MkButton ref="loadMoreFiles" @click="fetchMoreFiles" v-show="moreFiles">{{ $t('loadMore') }}</MkButton>
<MkButton ref="loadMoreFiles" @click="fetchMoreFiles" v-show="moreFiles">{{ $ts.loadMore }}</MkButton>
</div>
<div class="empty" v-if="files.length == 0 && folders.length == 0 && !fetching">
<p v-if="draghover">{{ $t('empty-draghover') }}</p>
<p v-if="!draghover && folder == null"><strong>{{ $t('emptyDrive') }}</strong><br/>{{ $t('empty-drive-description') }}</p>
<p v-if="!draghover && folder != null">{{ $t('emptyFolder') }}</p>
<p v-if="!draghover && folder == null"><strong>{{ $ts.emptyDrive }}</strong><br/>{{ $t('empty-drive-description') }}</p>
<p v-if="!draghover && folder != null">{{ $ts.emptyFolder }}</p>
</div>
</div>
<MkLoading v-if="fetching"/>
@ -277,14 +277,14 @@ export default defineComponent({
switch (err) {
case 'detected-circular-definition':
os.dialog({
title: this.$t('unableToProcess'),
text: this.$t('circularReferenceFolder')
title: this.$ts.unableToProcess,
text: this.$ts.circularReferenceFolder
});
break;
default:
os.dialog({
type: 'error',
text: this.$t('somethingHappened')
text: this.$ts.somethingHappened
});
}
});
@ -298,9 +298,9 @@ export default defineComponent({
urlUpload() {
os.dialog({
title: this.$t('uploadFromUrl'),
title: this.$ts.uploadFromUrl,
input: {
placeholder: this.$t('uploadFromUrlDescription')
placeholder: this.$ts.uploadFromUrlDescription
}
}).then(({ canceled, result: url }) => {
if (canceled) return;
@ -310,17 +310,17 @@ export default defineComponent({
});
os.dialog({
title: this.$t('uploadFromUrlRequested'),
text: this.$t('uploadFromUrlMayTakeTime')
title: this.$ts.uploadFromUrlRequested,
text: this.$ts.uploadFromUrlMayTakeTime
});
});
},
createFolder() {
os.dialog({
title: this.$t('createFolder'),
title: this.$ts.createFolder,
input: {
placeholder: this.$t('folderName')
placeholder: this.$ts.folderName
}
}).then(({ canceled, result: name }) => {
if (canceled) return;
@ -335,9 +335,9 @@ export default defineComponent({
renameFolder(folder) {
os.dialog({
title: this.$t('renameFolder'),
title: this.$ts.renameFolder,
input: {
placeholder: this.$t('inputNewFolderName'),
placeholder: this.$ts.inputNewFolderName,
default: folder.name
}
}).then(({ canceled, result: name }) => {
@ -363,14 +363,14 @@ export default defineComponent({
case 'b0fc8a17-963c-405d-bfbc-859a487295e1':
os.dialog({
type: 'error',
title: this.$t('unableToDelete'),
text: this.$t('hasChildFilesOrFolders')
title: this.$ts.unableToDelete,
text: this.$ts.hasChildFilesOrFolders
});
break;
default:
os.dialog({
type: 'error',
text: this.$t('unableToDelete')
text: this.$ts.unableToDelete
});
}
});
@ -602,29 +602,29 @@ export default defineComponent({
getMenu() {
return [{
text: this.$t('addFile'),
text: this.$ts.addFile,
type: 'label'
}, {
text: this.$t('upload'),
text: this.$ts.upload,
icon: faUpload,
action: () => { this.selectLocalFile(); }
}, {
text: this.$t('fromUrl'),
text: this.$ts.fromUrl,
icon: faLink,
action: () => { this.urlUpload(); }
}, null, {
text: this.folder ? this.folder.name : this.$t('drive'),
text: this.folder ? this.folder.name : this.$ts.drive,
type: 'label'
}, this.folder ? {
text: this.$t('renameFolder'),
text: this.$ts.renameFolder,
icon: faICursor,
action: () => { this.renameFolder(this.folder); }
} : undefined, this.folder ? {
text: this.$t('deleteFolder'),
text: this.$ts.deleteFolder,
icon: faTrashAlt,
action: () => { this.deleteFolder(this.folder); }
} : undefined, {
text: this.$t('createFolder'),
text: this.$ts.createFolder,
icon: faFolderPlus,
action: () => { this.createFolder(); }
}];