.row.chat-row
.col-12
a.float-right(v-markdown='$t("markdownFormattingHelp")')
h3(v-once) {{ label }}
vue-tribute(:options="autocompleteOptions", v-on:tribute-replaced='autocompleteReplaced')
.user-entry(:placeholder='placeholder',
@input="updateChatInput"
ref='user-entry',
:class='{"user-entry": newMessage}',
@keyup.ctrl.enter='sendMessageShortcut()',
@paste='disableMessageSendShortcut()',
maxlength='3000',
:contenteditable='true'
)
span.chat-count {{ currentLength }} / 3000
.row.chat-actions
.col-6.chat-receive-actions
button.btn.btn-secondary.float-left.fetch(v-once, @click='fetchRecentMessages()') {{ $t('fetchRecentMessages') }}
button.btn.btn-secondary.float-left(v-once, @click='reverseChat()') {{ $t('reverseChat') }}
.col-6.chat-send-actions
button.btn.btn-primary.send-chat.float-right(v-once, @click='sendMessage()') {{ $t('send') }}
community-guidelines
slot(
name="additionRow",
)
.row
.hr.col-12
chat-message(:chat.sync='group.chat', :group-type='group.type', :group-id='group._id', :group-name='group.name')