<template>
  <div class="container-fluid">
    <div class="row">
      <div class="col-sm-10">
        <h1>CpG stored results</h1>
      </div>
      <div class="col-sm-2">
        <br />
        <router-link class="btn btn-primary btn-block" :to="{ name: 'results.cpg' }">Back</router-link>
      </div>
    </div>

    <results v-if="analysis" :analysis-info="analysis" :download-token="downloadToken"></results>

    <http-error :info="httpError"></http-error>
  </div>
</template>

<script>
import Results from './cpg-results'
import HttpError from '@/components/core/http-error'

/**
 * display previously stored results
 */
export default {
  data() {
    return {
      analysis: null,
      downloadToken: '',
      httpError: '',
    }
  },
  methods: {
    downloadResults() {
      this.$http.get('analyse/cpg/' + this.$route.params.id + '/analysis').then(
          response => {
            this.analysis = response.data.payload
            this.downloadToken = response.data.downloadToken
          },
          err => {
            this.httpError = err
          }
      )
    },
  },
  mounted() {
    this.downloadResults()
  },
  components: {
    results: Results,
    'http-error': HttpError,
  },
}
</script>