51 lines
2.7 KiB
HTML
51 lines
2.7 KiB
HTML
<div class="chat-history clearfix">
|
|
<div loading-spinner if="state.loadingUserHistory" centered="true" overlay="true"></div>
|
|
<div class="chat-history__search">
|
|
<div class="chat-history__header">
|
|
<div class="chat-history__title">
|
|
{{'controls.action.chat' | i18n}} {{'chat.history.label' | i18n}}
|
|
</div>
|
|
<div class="chat-history__search-bar">
|
|
<input title="{{'search.placeholder' | i18n}} {{'controls.action.chat' | i18n}}" type="text" ng-model="searchFor"
|
|
placeholder="{{'search.placeholder' | i18n}} {{'controls.action.chat' | i18n}}" class="chat-history__search-input"/>
|
|
<div loading-spinner if="state.searchingConversations" centered="true" overlay="true"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="chat-history__conversation-list" >
|
|
|
|
<div class="chat-history__item"
|
|
ng-repeat="conv in searchResults | filter: filterHistoryList | orderBy: '-startDate'"
|
|
ng-click="selectConversation(conv)" ng-enter="selectConversation(conv)"
|
|
ng-class="(conv.id == selectedConv.id) && 'chat-history__item-selected'" tabindex="0">
|
|
<div class="chat-history__item_thumbnail">
|
|
<img alt="{{conv.selectedUser.fullName}}" class="chat-history__item_user-pic" imgplaceholder="user" thumbnail-img="{{conv.selectedUser.thumbnail}}" />
|
|
</div>
|
|
<div class="chat-history__item_details">
|
|
<div class="chat-history__item_participants-list"><span class="chat-history__link">{{conv.listParticipants()}}</span></div>
|
|
<div class="chat-history__item_related-id"><span class="chat-history__link">{{conv.generateRelatedItemTitle()}}</span></div>
|
|
<div class="chat-history__item_additional-info">
|
|
<span class="chat-history__system-info">{{'chat.history.list.item.messagesAmount' | i18n:(conv.messagesCount)}}</span>
|
|
<span class="chat-history__system-info">{{'chat.history.list.item.startDate' | i18n:(conv.getStartDate())}}</span>
|
|
<span class="chat-history__system-info">{{'chat.history.list.item.endDate' | i18n:(conv.getEndDate())}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<div class="chat-history__conversation-details" >
|
|
<div loading-spinner if="state.loadingConversation" centered="true" overlay="true"></div>
|
|
<div class="chat-history__header">
|
|
<div class="chat-history__conv-participants" ng-if="selectedConv">
|
|
{{selectedConv.listParticipants()}}
|
|
</div>
|
|
<div class="chat-history__connection-info" ng-if="selectedConv.parent">
|
|
<span>{{"chat.history.connectedTo.label" | i18n}}</span> <span class="chat-history__link" >{{selectedConv.generateRelatedItemTitle()}}</span>
|
|
</div>
|
|
</div>
|
|
<div class="chat-history__selected-conversation">
|
|
<chat-message context="message" ng-repeat="message in selectedConv.messages"></chat-message>
|
|
</div>
|
|
</div>
|
|
</div> |