<template>



	<div class='dialog'>

		<div class='header'>
			<div class='title'>{{ gs.channel.get().id < 0 ? '' : gs.channel.get().label }}</div>
		</div>

		<div class='body'>

		</div>

		<div class='body'>

			<div v-for='c in gs.channel.get().local' v-show='c.list.length>0'>
				<div class='toggle'
					:data-toggle='c.visible?1:0'
					@click='c.visible=!c.visible'>{{ c.type }} channels</div>
				<ul>
					<li v-for='(lc, i) in c.list'
						:class='c.active==i?`active`:``'
						:data-type='c.type'
						@click='c.active=i'>{{ lc }}</li>
				</ul>
			</div>
		</div>

	</div>



</template><script>
export default {

	name: 'dialog-',

	data(){ return { gs: gs.get }; }

}

</script>