Mirrors/gamebrary
2
0
Fork 0
mirror of https://github.com/romancm/gamebrary synced 2024-12-24 01:53:07 +00:00
Code Issues Projects Releases Packages Wiki Activity

add progress bar

Browse source
This commit is contained in:
Roman Cervantes 2020-11-02 13:24:11 -07:00
parent e9858b81cc
commit 41aba39f59
1 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/pages/Wallpapers.vue
View file

@ -14,6 +14,8 @@
<b-container> <b-container>
<!-- TODO: convert to form --> <!-- TODO: convert to form -->
<!-- TODO: translate "browse" --> <!-- TODO: translate "browse" -->
<!-- TODO: add skeleton -->
<!-- TODO: add progress bar -->
<b-row class="mb-3"> <b-row class="mb-3">
<b-col cols="12" lg="6" class="mb-4"> <b-col cols="12" lg="6" class="mb-4">
@ -37,7 +39,8 @@
</b-row> </b-row>
<h5>{{ $t('wallpapers.list.title') }}</h5> <h5>{{ $t('wallpapers.list.title') }}</h5>
<pre>{{ wallpapers }}</pre>
<b-progress value="59" max="72" variant="success" class="mb-3" />
<b-card <b-card
v-if="wallpapers.length" v-if="wallpapers.length"
@ -50,6 +53,7 @@
class="mb-3" class="mb-3"
> >
<p>{{ wallpaper.name }}</p> <p>{{ wallpaper.name }}</p>
{{ bytesToSize(wallpaper.metadata.size) }}
<b-button <b-button
variant="danger" variant="danger"
size="sm" size="sm"
@ -93,6 +97,16 @@ export default {
}, },
methods: { methods: {
bytesToSize(bytes) {
const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];
if (bytes == 0) return '0 Byte';
const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
return Math.round(bytes / Math.pow(1024, i), 2) + ' ' + sizes[i];
},
uploadWallpaper() { uploadWallpaper() {
if (this.isDuplicate) { if (this.isDuplicate) {
return this.$bvToast.toast('File already exists', { title: '!', variant: 'warning' }); return this.$bvToast.toast('File already exists', { title: '!', variant: 'warning' });