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

<script>
  import axios from 'axios'

  export default {
    name: 'OD',
    data () {
      return {
        src: '',
        params: '/d/qDDyJZ6Wz/od?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>