<template>
  <div style="height: 90vh">
    <iframe width="100%" height="100%" :src="src" frameborder="0" />
  </div>
</template>

<script>
import axios from 'axios'

export default {
  name: 'MLTD',
  data () {
    return {
      src: ''
    }
  },
  created () {
    this.config()
  },
  methods: {
    async config () {
      try {
        const { data } = await axios.get('/config')
        this.src = data.mltd_url
      } catch (e) {
        this.$toasted.error('Error fetching Grafana URL!')
      }
    }
  }
}
</script>

<style scoped>

</style>