Commit 24ba0886 authored by jfriedli's avatar jfriedli

Feature/loading animation

parent b4e0c8c0
......@@ -50,7 +50,8 @@ module.exports = function (ctx) {
'QList',
'QItem',
'QItemSection',
'QChip'
'QChip',
'QCircularProgress'
],
directives: [
......
This diff is collapsed.
<template>
<q-layout view="hhh lpR fFf">
<q-layout view="hhh lpR fff">
<q-header class="">
<div class="header-div column items-center">
<router-link to="/">
......
<template>
<q-page padding>
<div class="row text-center">
<section class="q-pa-sm q-pa-md col-xs-10 offset-xs-1 col-sm-6 offset-sm-3 col-md-8 offset-md-2 col-lg-6 offset-lg-3 p-1 mat-shadowed-box">
<section
v-show="supportedExtensions.length > 0"
class="q-pa-sm q-pa-md col-xs-10 offset-xs-1
col-sm-6 offset-sm-3 col-md-8 offset-md-2
col-lg-6 offset-lg-3 p-1 mat-shadowed-box"
>
<h1>{{$t('remove_metadata')}}</h1>
<p>
{{$t('the_file_you_see')}}
......@@ -13,6 +18,20 @@
</q-btn>
</span>
</section>
<section v-if="supportedExtensions.length == 0"
class="q-pa-sm q-pa-md col-xs-10 offset-xs-1
col-sm-6 offset-sm-3 col-md-8 offset-md-2
col-lg-6 offset-lg-3 p-1 mat-shadowed-box"
>
<q-circular-progress
indeterminate
size="50px"
:thickness="0.22"
color="primary"
track-color="grey-3"
class="q-ma-md"
/>
</section>
</div>
</q-page>
</template>
......@@ -110,7 +129,8 @@ export default {
this.supportedExtensions = response.data
this.startUppy()
})
.catch(() => {
.catch((e) => {
console.log(e)
this.$q.notify({
color: 'negative',
position: 'top',
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment