discord-client/webpack/vue/dialog.vue

40 lines
625 B
Vue

<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 }} rooms</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>