aboutsummaryrefslogtreecommitdiff
path: root/src/components/importer/importer.vue
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/importer/importer.vue')
-rw-r--r--src/components/importer/importer.vue33
1 files changed, 26 insertions, 7 deletions
diff --git a/src/components/importer/importer.vue b/src/components/importer/importer.vue
index 0c5aa93d..ed923d59 100644
--- a/src/components/importer/importer.vue
+++ b/src/components/importer/importer.vue
@@ -1,17 +1,36 @@
<template>
<div class="importer">
<form>
- <input type="file" ref="input" v-on:change="change" />
+ <input
+ ref="input"
+ type="file"
+ @change="change"
+ >
</form>
- <i class="icon-spin4 animate-spin importer-uploading" v-if="submitting"></i>
- <button class="btn btn-default" v-else @click="submit">{{submitButtonLabel}}</button>
+ <i
+ v-if="submitting"
+ class="icon-spin4 animate-spin importer-uploading"
+ />
+ <button
+ v-else
+ class="btn btn-default"
+ @click="submit"
+ >
+ {{ submitButtonLabel }}
+ </button>
<div v-if="success">
- <i class="icon-cross" @click="dismiss"></i>
- <p>{{successMessage}}</p>
+ <i
+ class="icon-cross"
+ @click="dismiss"
+ />
+ <p>{{ successMessage }}</p>
</div>
<div v-else-if="error">
- <i class="icon-cross" @click="dismiss"></i>
- <p>{{errorMessage}}</p>
+ <i
+ class="icon-cross"
+ @click="dismiss"
+ />
+ <p>{{ errorMessage }}</p>
</div>
</div>
</template>