<template>
  <card class="card-user" style="max-height:100%">

    <div class="row" >
      <div class="col-7 order-first " >
      <br>
        <myconnect-server>

        </myconnect-server>
        <hybrid-lab
          v-if="ishybridlab"
        >

        </hybrid-lab>
      </div>

      <div class="col-5 order-last" >
      <br>
      <!--
        <adhoc-view>

        </adhoc-view>
      -->
        <zones-view>

        </zones-view>
      </div>
    </div>


  </card>
</template>
<script>
import {mapState, mapGetters, mapActions} from 'vuex'
//import ViewNetwork from "./mynetwork/mytable.vue";
//import AdhocView from "./mynetwork/AdhocView.vue";
import ZonesView from "./manageservices/manage-service.vue";
import card from '@/components/Card.vue'
import HybridLab from "./manageservices/hybridlab.vue";
import MyconnectServer from "./mynetwork/myconnect-server.vue";
export default {
   components: {
     HybridLab,
     ZonesView,
     card,
     MyconnectServer
   },
   data () {
      return {
        loading: false,
        ishybridlab: false,
        consoleView: 'off',
        productIndex: 1
      }
    },
  mounted() {
		this.$root.$on('hybrid_lab_keyview', (v) => {
       if(v == 'open'){
          this.ishybridlab=true
       }else if(v == 'close'){
          this.ishybridlab=false
       }
		})
  },
  beforeDestroy () {
		this.$root.$off('hybrid_lab_keyview')
 },


    created () {
    }
};
</script>
<style>
</style>

