discord-client/webpack/vue/auth/menu.vue

33 lines
703 B
Vue

<template>
<div class='menu'>
<!-- First elements -->
<span class='channel' data-special='1' data-icon='group' :data-sub='gs.content.cbuf.users != null ? `${gs.content.cbuf.users.length} online`:`0 online`'></span>
<!-- Channel List -->
<span v-for='c in gs.channel.list'
@click='gs.channel.nav(c.id);'
:class='c.id == gs.channel.current ? `channel active` : `channel`'
:data-icon='c.icon'
:title='c.label'
></span>
<!-- Last elements -->
<span class='channel' data-special='1' data-icon='add' data-add='1' @click='gs.popup.show(`channel.create`)'></span>
</div>
</template><script>
export default {
name: 'menu-',
data(){ return { gs: gs.get }; }
}
</script>