discord-client/webpack/vue/channel.vue

31 lines
651 B
Vue

<template>
<div class='container'>
<div class='header'>
<div class='title'>{{ gs.room.get('text') ? gs.room.get('text').name : '?' }}</div>
</div>
<div class='body'>
<div class='message' v-for='m in gs.content.messages'>
<div class='icon'></div>
<span class='meta'>
<span class='author'>{{ gs.content.user(m.uid).name || 'inconnu' }}</span>
<span class='date' >{{ new Date(m.ts*1000).toLocaleString('fr') || 'inconnu' }}</span>
</span>
<span class='text'>{{ m.msg }}</span>
</div>
</div>
</div>
</template><script>
export default {
name: 'channel-',
data(){ return { gs: gs.get }; }
}
</script>