Simplify message list

This commit is contained in:
Charles Gould 2017-02-12 00:02:01 -05:00
parent 375061e5a8
commit 48eb68f7b6

View File

@ -53,14 +53,10 @@
<div class="chat column"> <div class="chat column">
<div class="header row">Chat</div> <div class="header row">Chat</div>
<div v-autoscroll class="body row scroll-y"> <div v-autoscroll class="body row scroll-y">
<template v-for="message in messages"> <div v-for="message in messages" class="message-item" :class="{ log: !message.sender }">
<div v-if="message.sender" class="message-item"> <strong v-if="message.sender">{{ message.sender }}</strong>
<strong>{{ message.sender }}</strong> {{ message.body }} <span>{{ message.body }}</span>
</div> </div>
<div v-else class="log message-item">
{{ message.body }}
</div>
</template>
</div> </div>
<div class="footer row"> <div class="footer row">
<textarea @keypress="onChatKeypress" placeholder="Send a message" tabindex="2"></textarea> <textarea @keypress="onChatKeypress" placeholder="Send a message" tabindex="2"></textarea>