nexus/vuefilemanager
2
0
Fork 0
mirror of https://github.com/VueFileManager/vuefilemanager.git synced 2026-04-27 02:30:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

- uploading via files queue

Browse Source
This commit is contained in:
Peter Papp
2021-02-21 19:56:03 +01:00
parent d92bb50a03
commit b8790a964b
7 changed files with 244 additions and 371 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/components/FilesView/UploadProgress.vue
+6 -4
View File
@@ -1,6 +1,7 @@
<template>
<transition name="info-panel">
<div v-if="filesQueue.length > 0" class="upload-progress">
<!--<div v-if="filesQueue.length > 0" class="upload-progress">-->
<div class="upload-progress">
<div class="progress-title">
<!--Is processing-->
@@ -11,16 +12,16 @@
<!--Single file upload-->
<span v-if="!isProcessingFile && filesQueue.length === 1">
{{ $t('uploading.progress_single_upload', {progress: 80}) }}
{{ $t('uploading.progress_single_upload', {progress: uploadingProgress}) }}
</span>
<!--Multi file upload-->
<span v-if="!isProcessingFile && filesQueue.length > 1">
{{ $t('uploading.progress', {current:'x', total: filesQueue.length, progress: 80}) }}
{{ $t('uploading.progress', {current:'x', total: filesQueue.length, progress: uploadingProgress}) }}
</span>
</div>
<div class="progress-wrapper">
<ProgressBar :progress="80" />
<ProgressBar :progress="uploadingProgress" />
<span @click="cancelUpload" :title="$t('uploading.cancel')" class="cancel-icon">
<x-icon size="16" @click="cancelUpload"></x-icon>
</span>
@@ -44,6 +45,7 @@
},
computed: {
...mapGetters([
'uploadingProgress',
'isProcessingFile',
'filesQueue',
])