mirror_html/filegator
1
0
Fork 0
mirror of https://github.com/filegator/filegator.git synced 2025-08-26 16:44:21 +02:00
Code Issues Projects Releases Wiki Activity

vue linter

Browse Source
This commit is contained in:
Milos Stojanovic
2019-06-25 18:47:58 +02:00
parent 0af6d13315
commit bc4f8250bb
13 changed files with 243 additions and 225 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/views/partials/Upload.vue
View File

@@ -6,7 +6,7 @@
<div class="is-flex is-justify-between">
<div class="is-flex">
<a @click="toggleWindow">
<b-icon :icon="progressVisible ? 'angle-down' : 'angle-up'"></b-icon>
<b-icon :icon="progressVisible ? 'angle-down' : 'angle-up'" />
</a>
<span v-if="activeUploads">
{{ lang('Uploading files', Math.round(resumable.progress()*100), formatBytes(resumable.getSize())) }}
@@ -20,10 +20,10 @@
</div>
<div class="is-flex">
<a v-if="activeUploads" @click="togglePause()">
<b-icon :icon="paused ? 'play-circle' : 'pause-circle'"></b-icon>
<b-icon :icon="paused ? 'play-circle' : 'pause-circle'" />
</a>
<a @click="closeWindow()" class="progress-icon">
<b-icon icon="times"></b-icon>
<a class="progress-icon" @click="closeWindow()">
<b-icon icon="times" />
</a>
</div>
</div>
@@ -34,12 +34,12 @@
<div>
<div>{{ file.relativePath != '/' ? file.relativePath : '' }}/{{ file.fileName }}</div>
<div class="is-flex is-justify-between">
<progress :class="[file.file.uploadingError ? 'is-danger' : 'is-primary', 'progress is-large']" :value="file.progress()*100" max="100"></progress>
<a v-if="! file.isUploading() && file.file.uploadingError" @click="file.retry()" class="progress-icon">
<b-icon icon="redo" type="is-danger"></b-icon>
<progress :class="[file.file.uploadingError ? 'is-danger' : 'is-primary', 'progress is-large']" :value="file.progress()*100" max="100" />
<a v-if="! file.isUploading() && file.file.uploadingError" class="progress-icon" @click="file.retry()">
<b-icon icon="redo" type="is-danger" />
</a>
<a v-else @click="file.cancel()" class="progress-icon">
<b-icon :icon="file.isComplete() ? 'check' : 'times'"></b-icon>
<a v-else class="progress-icon" @click="file.cancel()">
<b-icon :icon="file.isComplete() ? 'check' : 'times'" />
</a>
</div>
</div>
@@ -69,6 +69,11 @@ export default {
progress: 0,
}
},
computed: {
activeUploads() {
return this.resumable.files.length && this.resumable.progress() < 1
},
},
watch: {
'files' (files) {
this.visible = true
@@ -132,11 +137,6 @@ export default {
file.file.uploadingError = true
})
},
computed: {
activeUploads() {
return this.resumable.files.length && this.resumable.progress() < 1
},
},
methods: {
closeWindow() {
if (this.activeUploads) {