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

    <div class="row" >
      <div class="col-8 order-first " >
      <br>
        <calendar-view>

        </calendar-view>
      </div>

      <div class="col-4 order-last" >
      <br>

      <b-container fluid
             v-show="hybridshowlog==1"
      >
          <div class="row text-center"
          >
            <div class="col-12">
                <img class="border-white" src="@/assets/img/penguin/penguinfledgling2.png" alt="...">
            </div>
          </div>
      </b-container>
      
        <calendar-view-events
             v-show="hybridshowlog==2"
        >

        </calendar-view-events>
        
      </div>
    </div>


  </card>
</template>
<script>
import {mapState, mapGetters, mapActions} from 'vuex'
import card from '@/components/Card.vue'
import CalendarView from "./manageservices/calendarview.vue";
//import CalendarView from "./manageservices/view-service.vue";
import CalendarViewEvents from "./manageservices/view-events.vue";
export default {
   components: {
     card,
     CalendarView,
     CalendarViewEvents
   },
   data () {
      return {
        hybridshowlog:1,
        loading: false,
        consoleView: 'off',
        productIndex: 1
      }
    },
  mounted() {
		this.$root.$on('hybrid_labobject_view', (v) => {
       this.hybridshowlog=2
		})
  },
  beforeDestroy () {
 },


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

