SpeciesFileGroup/taxonworks

<template>
  <div class="field label-above">
    <label>Label</label>
    <textarea
      class="full_width"
      rows="5"
      v-model="collectingEvent.verbatim_label"
    />
    <button
      type="button"
      class="button normal-input button-default"
      :disabled="!collectingEvent.verbatim_label"
      @click="parseData"
    >
      Parse fields
    </button>
  </div>
</template>

<script>
import extendCE from '../mixins/extendCE'
import { CollectingEvent } from '@/routes/endpoints'

export default {
  mixins: [extendCE],
  methods: {
    parseData() {
      CollectingEvent.parseVerbatimLabel({
        verbatim_label: this.collectingEvent.verbatim_label
      }).then((response) => {
        if (response.body) {
          this.parsableData = response.body

          const parsedFields = Object.assign(
            {},
            this.parsableData.date,
            this.parsableData.geo.verbatim,
            this.parsableData.elevation,
            this.parsableData.collecting_method
          )

          this.collectingEvent = Object.assign(
            {},
            this.collectingEvent,
            parsedFields
          )
          TW.workbench.alert.create('Label value parsed.', 'notice')
        } else {
          TW.workbench.alert.create('No label value to convert.', 'error')
        }
      })
    }
  }
}
</script>