<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: '',
        params: '/d/dtCrgk6Wk/mltd?orgId=1'
      }
    },
    created () {
      this.config()
    },
    methods: {
      async config () {
        try {
          const { data } = await axios.get('/config')
          this.src = data.grafana_url + this.params
        } catch (e) {
          this.$toasted.error('Error fetching Grafana URL!')
        }

      }
    }
  }
  </script>
  
  <style scoped>
  
  </style>