src/components/importer/importer.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49

import { library } from '@fortawesome/fontawesome-svg-core'
import {
  faCircleNotch,
  faTimes
} from '@fortawesome/free-solid-svg-icons'

library.add(
  faCircleNotch,
  faTimes
)

const Importer = {
  props: {
    submitHandler: {
      type: Function,
      required: true
    },
    submitButtonLabel: { type: String },
    successMessage: { type: String },
    errorMessage: { type: String }
  },
  data () {
    return {
      file: null,
      error: false,
      success: false,
      submitting: false
    }
  },
  methods: {
    change () {
      this.file = this.$refs.input.files[0]
    },
    submit () {
      this.dismiss()
      this.submitting = true
      this.submitHandler(this.file)
        .then(() => { this.success = true })
        .catch(() => { this.error = true })
        .finally(() => { this.submitting = false })
    },
    dismiss () {
      this.success = false
      this.error = false
    }
  }
}

export default Importer