From f595b852cae661e1dc1e540d792bdb6472e0841c Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Fri, 28 Sep 2018 15:49:34 +0200
Subject: [PATCH] Fixed progress bar not accurate
---
front/src/views/content/libraries/Quota.vue | 14 +-------------
1 file changed, 1 insertion(+), 13 deletions(-)
diff --git a/front/src/views/content/libraries/Quota.vue b/front/src/views/content/libraries/Quota.vue
index e9c4738e..92e5ad63 100644
--- a/front/src/views/content/libraries/Quota.vue
+++ b/front/src/views/content/libraries/Quota.vue
@@ -5,7 +5,7 @@
<div class="ui text loader"><translate>Loading usage data...</translate></div>
</div>
<div :class="['ui', {'success': progress < 60}, {'yellow': progress >= 60 && progress < 96}, {'error': progress >= 95}, 'progress']">
- <div class="bar">
+ <div class="bar" :style="{width: `${progress}%`}">
<div class="progress">{{ progress }}%</div>
</div>
<div class="label" v-if="quotaStatus">
@@ -98,7 +98,6 @@
</template>
<script>
import axios from 'axios'
-import $ from 'jquery'
import {humanSize} from '@/filters'
import {compileTokens} from '@/search'
@@ -145,12 +144,6 @@ export default {
purgeErroredFiles () {
this.purge('errored')
},
- updateProgressBar () {
- $(this.$el).find('.ui.progress').progress({
- percent: this.progress,
- showActivity: false
- })
- }
},
computed: {
progress () {
@@ -159,11 +152,6 @@ export default {
}
return Math.min(parseInt(this.quotaStatus.current * 100 / this.quotaStatus.max), 100)
}
- },
- watch: {
- progress () {
- this.updateProgressBar()
- }
}
}
</script>
--
GitLab