<template>
	<div id="WRAPPER" :class='gstore.min_menu ? "min" : ""'>

		<!-- Header -->
		<header-comp></header-comp>

		<!-- Menu -->
		<menu-comp></menu-comp>

		<!-- Container -->
		<dashboard-container     v-show="gstore.menu_item_active == 'dashboard'"     ></dashboard-container>
		<profile-container       v-show="gstore.menu_item_active == 'profile'"       ></profile-container>
		<message-container       v-show="gstore.menu_item_active == 'inbox'"         ></message-container>
		<notifications-container v-show="gstore.menu_item_active == 'notifications'" ></notifications-container>

	</div>
</template>





<script>

import header_vue           from './header.vue';
import menu_vue             from './menu.vue';

import dashboardContainer_vue     from './container/dashboard.vue';
import profileContainer_vue       from './container/profile.vue';
import messageContainer_vue       from './container/message.vue';
import notificationsContainer_vue from './container/notifications.vue';


export default {
	name: 'wrapper',
	data(){ return {
		gstore: window.gstore.data
	}; },
	components: {
		'HeaderComp':             header_vue,
		'MenuComp':               menu_vue,
		'DashboardContainer':     dashboardContainer_vue,
		'ProfileContainer':       profileContainer_vue,
		'MessageContainer':       messageContainer_vue,
		'NotificationsContainer': notificationsContainer_vue
	}
}
</script>