| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253 |
- aside.chat(
- ng-controller="ChatController",
- ng-if="!anonymous"
- )
- .messages(
- infinite-scroll="loadMoreMessages()"
- infinite-scroll-disabled="chat.loading || chat.atEnd || chat.errored"
- infinite-scroll-initialize="ui.chatOpen"
- infinite-scroll-upwards="true"
- update-scroll-bottom-on="updateScrollPosition"
- )
- .infinite-scroll-inner
- .loading(ng-show="chat.loading")
- i.fa.fa-fw.fa-spin.fa-refresh
- | #{translate("loading")}…
- .no-messages.text-center.small(ng-show='!chat.loading && chat.messages.length == 0')
- | #{translate("no_messages")}
- .first-message.text-center(ng-show='!chat.loading && chat.messages.length == 0')
- | #{translate("send_first_message")}
- br
- i.fa.fa-arrow-down
- ul.list-unstyled(
- ng-click="resetUnreadMessages()"
- )
- li.message(
- ng-repeat="message in chat.messages"
- ng-controller="ChatMessageController"
- ng-class="{'self': message.user.id == user.id }"
- )
- div.date(ng-if="$index == 0 || (message.timestamp - chat.messages[$index - 1].timestamp) > 5 * 60 * 1000") {{ message.timestamp | formatDate:'h:mm a' }} {{ message.timestamp | relativeDate }}
- div.message-wrapper
- .name(ng-if="message.user.id != user.id")
- span(ng-if="message.user.first_name") {{ message.user.first_name }}
- span(ng-if="!message.user.first_name") {{ message.user.email }}
- .message(
- ng-style="getMessageStyle(message.user);"
- )
- .arrow(ng-if="message.user.id != user.id" ng-style="getArrowStyle(message.user)")
- .message-content
- p(
- mathjax,
- mathjax-allow-html="true",
- ng-repeat="content in message.contents track by $index"
- )
- span(ng-bind-html="content | linky:'_blank':{rel: 'noreferrer noopener'}")
- .new-message
- textarea(
- placeholder=translate('your_message')+"…",
- on-enter="sendMessage()",
- ng-model="newMessageContent",
- ng-click="resetUnreadMessages()"
- )
|
