parent
9e2fa50b74
commit
562120ae48
@ -0,0 +1,36 @@
|
|||||||
|
const Importer = {
|
||||||
|
data () {
|
||||||
|
return {
|
||||||
|
file: null,
|
||||||
|
error: false,
|
||||||
|
success: false,
|
||||||
|
uploading: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
change () {
|
||||||
|
this.file = this.$refs.input.files[0]
|
||||||
|
},
|
||||||
|
submit () {
|
||||||
|
this.uploading = true
|
||||||
|
// eslint-disable-next-line no-undef
|
||||||
|
const formData = new FormData()
|
||||||
|
formData.append('list', this.file)
|
||||||
|
this.$store.state.api.backendInteractor.followImport({params: formData})
|
||||||
|
.then((status) => {
|
||||||
|
if (status) {
|
||||||
|
this.success = true
|
||||||
|
} else {
|
||||||
|
this.error = true
|
||||||
|
}
|
||||||
|
this.uploading = false
|
||||||
|
})
|
||||||
|
},
|
||||||
|
dismiss () {
|
||||||
|
this.success = false
|
||||||
|
this.error = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Importer
|
@ -0,0 +1,19 @@
|
|||||||
|
<template>
|
||||||
|
<div class="importer">
|
||||||
|
<form>
|
||||||
|
<input type="file" ref="input" v-on:change="change" />
|
||||||
|
</form>
|
||||||
|
<i class="icon-spin4 animate-spin uploading" v-if="uploading"></i>
|
||||||
|
<button class="btn btn-default" v-else @click="submit">{{$t('general.submit')}}</button>
|
||||||
|
<div v-if="success">
|
||||||
|
<i class="icon-cross" @click="dismiss"></i>
|
||||||
|
<p>{{$t('settings.follows_imported')}}</p>
|
||||||
|
</div>
|
||||||
|
<div v-else-if="error">
|
||||||
|
<i class="icon-cross" @click="dismiss"></i>
|
||||||
|
<p>{{$t('settings.follow_import_error')}}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script src="./importer.js"></script>
|
Loading…
Reference in new issue