test-scheduler/ui/src/components/conductor_ui.vue

   1 <template>
   2   <div>
   3     <iframe src='http://0.0.0.0:5000/#/workflow?q=&h=&workflowTypes=&status=&start=0' id="conductor-ui"></iframe>
   4   </div>
   5 </template>
   6
   7 <script>
   8   export default {
   9     data () {
  10       return {
  11       }
  12     },
  13     mounted () {
  14       /**
  15        * iframe adaptive display
  16        */
  17       function changeConductorUIfIframe () {
  18         const conductorUI = document.getElementById('conductor-ui')
  19         const deviceWidth = document.body.clientWidth
  20         const deviceHeight = document.body.clientHeight
  21         conductorUI.style.width = Number(deviceWidth) + 'px'
  22         conductorUI.style.height = Number(deviceHeight) + 'px'
  23       }
  24
  25       changeConductorUIfIframe()
  26
  27       window.onresize = function () {
  28         changeConductorUIfIframe()
  29       }
  30     }
  31   }
  32 </script>
  33
  34 <style scoped>
  35
  36 </style>