discord-client/webpack/vue/dialog.vue

43 lines
712 B
Vue

<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().room' 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='gs.channel.open(c.type, i)'>{{ lc }}</li>
</ul>
</div>
</div>
</div>
</template><script>
export default {
name: 'dialog-',
data(){ return { gs: gs.get }; }
}
</script>