<template>
    <div style="text-align: right;">
        <Icon type="md-qr-scanner" color="#5cadff" size=30 @click="FullScreen" />
    </div>
    <div style="height: 100%;" id="Novnc">
        <Novnc></Novnc>
    </div>
</template>

<script>
import Novnc from '@/components/VncConnect.vue'
import { Icon } from 'view-ui-plus'
import screenfull from 'screenfull'
export default {
  components: {
    Novnc
  },
  data () {
    return {
      modal: false
    }
  },
  methods: {
    FullScreen () {
      const element = document.getElementById('Novnc')
      screenfull.request(element)
    },
    fullscreenElement () {
      const fullscreenEle = document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement
      return fullscreenEle
    }
  }
}

</script>
