<template>



	<div class='dialog'>


		<div class='header'>
			<div class='title'>{{ 'blabla' }}</div>
		</div>

		<div class='body'>

			<div v-for='(rooms, type) in gs.room'>
				<div class='toggle'
					:data-toggle='rooms.visible?1:0'
					@click='rooms.visible=!rooms.visible'>
						{{ type }} <span>rooms</span>
					</div>
				<div class='add' data-title='Create channel' @click='gs.room.create()'></div>
				<ul>
					<li v-for='r in rooms.list'
						:class='rooms.current==r.id?`active`:``'
						:data-type='r.type'
						@click='gs.room.nav(r.type, r.id)'>{{ r.name }}</li>
				</ul>
			</div>

		</div>

	</div>



</template><script>
export default {

	name: 'dialog-',

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

}

</script>