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

<script>
import axios from 'axios'

export default {
  name: 'CEPTD',
  data () {
    return {
      src: '',
      params: '/app/kibana#/dashboard/Suricata?_g=(refreshInterval%3A(pause%3A!t%2Cvalue%3A0)%2Ctime%3A(from%3Anow-15m%2Cto%3Anow))'
    }
  },
  created () {
    this.config()
  },
  methods: {
    async config () {
      try {
        const { data } = await axios.get('/config')
        this.src = data.kibana_url + this.params
      } catch (e) {
        this.$toasted.error('Error fetching Kibana URL!')
      }
    }
  }
}
</script>

<style scoped>
</style>