| 123456789101112131415161718192021222324252627282930313233343536373839 |
- aside.chat(
- ng-controller="ChatController"
- )
- .messages(
- infinite-scroll="loadMoreMessages()"
- infinite-scroll-disabled="chat.loading || chat.atEnd"
- 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
- | Loading...
- ul.list-unstyled
- 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 }}
- span.avatar
- img(ng-src="{{message.user.gravatar_url}}")
- div.message-wrapper
- .name(ng-if="message.user.id != user.id") {{ message.user.first_name }}
- .message(
- ng-style="{\
- 'border-color': 'hsl({{ hue(message.user) }}, 60%, 80%)',\
- 'background-color': 'hsl({{ hue(message.user) }}, 60%, 97%)'\
- }"
- )
- .arrow(ng-style="{'border-color': 'hsl({{ hue(message.user) }}, 60%, 80%)'}")
- p(ng-repeat="content in message.contents track by $index") {{ content }}
- .new-message
- textarea(placeholder="Your message...", on-enter="sendMessage()", ng-model="newMessageContent")
|
