<template>



	<div id="WRAPPER">

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

		<!-- Side Dialog -->
		<dialog-comp></dialog-comp>

		<!-- Container -->
		<router-view></router-view>

		<!-- Pop-up -->
		<div class='popup'>
			<span class='header'>Create text channel</span>

			<span class='body'>
				<label for='channel_name'>Channel Name</label>
				<input type='text' name='channel_name'>

				<label for='channel_name'>Channel Type</label>
				<div class='select'>
					<span class='select-box' @click='selected=0' :data-selected='selected==0?1:0' data-type='text'>Text Channel</span>
					<span class='select-box' @click='selected=1' :data-selected='selected==1?1:0' data-type='voice'>Voice Channel</span>
				</div>
			</span>

			<span class='footer'>
				<button>Cancel</button>
				<button>Create Channel</button>
			</span>
		</div>

	</div>


</template><script>

	import menu_vue   from './menu.vue'
	import dialog_vue from './dialog.vue'

	export default {

		name: 'wrapper-',

		data(){ return { gs: gs.get, selected: 1}; },

		components: {
			'MenuComp':   menu_vue,
			'DialogComp': dialog_vue
		}

	}

</script>