diff options
Diffstat (limited to 'src/components/chat_panel/chat_panel.vue')
| -rw-r--r-- | src/components/chat_panel/chat_panel.vue | 59 |
1 files changed, 15 insertions, 44 deletions
diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue index ca2c64a3..b37469ac 100644 --- a/src/components/chat_panel/chat_panel.vue +++ b/src/components/chat_panel/chat_panel.vue @@ -1,70 +1,41 @@ <template> - <div - v-if="!this.collapsed || !this.floating" - class="chat-panel" - > + <div class="chat-panel" v-if="!this.collapsed || !this.floating"> <div class="panel panel-default"> - <div - class="panel-heading timeline-heading" - :class="{ 'chat-heading': floating }" - @click.stop.prevent="togglePanel" - > + <div class="panel-heading timeline-heading" :class="{ 'chat-heading': floating }" @click.stop.prevent="togglePanel"> <div class="title"> - <span>{{ $t('chat.title') }}</span> - <i - v-if="floating" - class="icon-cancel" - /> + <span>{{$t('chat.title')}}</span> + <i class="icon-cancel" v-if="floating"></i> </div> </div> - <div - v-chat-scroll - class="chat-window" - > - <div - v-for="message in messages" - :key="message.id" - class="chat-message" - > + <div class="chat-window" v-chat-scroll> + <div class="chat-message" v-for="message in messages" :key="message.id"> <span class="chat-avatar"> - <img :src="message.author.avatar"> + <img :src="message.author.avatar" /> </span> <div class="chat-content"> <router-link class="chat-name" - :to="userProfileLink(message.author)" - > - {{ message.author.username }} + :to="userProfileLink(message.author)"> + {{message.author.username}} </router-link> <br> <span class="chat-text"> - {{ message.text }} + {{message.text}} </span> </div> </div> </div> <div class="chat-input"> - <textarea - v-model="currentMessage" - class="chat-input-textarea" - rows="1" - @keyup.enter="submit(currentMessage)" - /> + <textarea @keyup.enter="submit(currentMessage)" v-model="currentMessage" class="chat-input-textarea" rows="1"></textarea> </div> </div> </div> - <div - v-else - class="chat-panel" - > + <div v-else class="chat-panel"> <div class="panel panel-default"> - <div - class="panel-heading stub timeline-heading chat-heading" - @click.stop.prevent="togglePanel" - > + <div class="panel-heading stub timeline-heading chat-heading" @click.stop.prevent="togglePanel"> <div class="title"> - <i class="icon-comment-empty" /> - {{ $t('chat.title') }} + <i class="icon-comment-empty"></i> + {{$t('chat.title')}} </div> </div> </div> |