diff options
Diffstat (limited to 'src/components/importer/importer.vue')
| -rw-r--r-- | src/components/importer/importer.vue | 33 |
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> |
