107 lines
5.6 KiB
HTML
107 lines
5.6 KiB
HTML
<div class='chat-window' ng-class="{'chat-popup-window': isPopupWindow}" auto-focus tabindex="-1" role="dialog">
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508BeginContent' | i18n}}</span>
|
|
<div class="chat-window__wrapper">
|
|
|
|
<div class="chat__header drag-handle">
|
|
<div class="chat__participants">{{generateChatHeaderCaption()}}</div>
|
|
<div ng-if="!userModel.isAccessibleUser" class="chat__controls">
|
|
<span ux-id="{{control.name}}" class="chat__controls_item {{control.iconClass}}"
|
|
ng-repeat="control in chatControls"
|
|
ng-class="getConditionalClasses(control)"
|
|
ng-click="handleChatControlsClick($event, control)"
|
|
ng-enter="handleChatControlsClick($event, control)"
|
|
ng-if="!control.disabled"
|
|
title="{{'chat.icon.' + control.name | i18n}}"
|
|
role="link"
|
|
tabindex="0">
|
|
</span>
|
|
</div>
|
|
<div ng-if="userModel.isAccessibleUser" class="chat__controls">
|
|
<button type="button" ng-repeat="control in chatControls"
|
|
tabindex="0"
|
|
role="link"
|
|
ng-class="getConditionalClasses(control)"
|
|
ng-click="handleChatControlsClick($event, control)" ng-enter="handleChatControlsClick($event, control)"
|
|
ng-if="!control.disabled">{{'chat.icon.' + control.name | i18n}}>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div class="chat__content" ng-class="{'chat-disable-events': !isChatEnabled()}">
|
|
<div class="chat-window__loading-state-spinner" loading-spinner if="chatRoom.isLoading" centered="true" overlay="true" ></div>
|
|
<div class="chat__connections">
|
|
<div class="chat__search-bar" ng-if="state.searchUserFormActive || state.searchTicketProfileActive">
|
|
<input ux-id="chat-search-textbox" class="chat__search-bar_input" type="text" tabindex="0"
|
|
placeholder="{{searchBar.getSearchBarPlaceholder()}}"
|
|
ng-keydown="searchBar.checkPressedKey($event)"
|
|
ng-model="searchBar.searchParam">
|
|
<span class="chat__search-bar_clear" ng-if='searchBar.selectedItem' ng-click="searchBar.clearSelection()" ng-enter="searchBar.clearSelection()">
|
|
<i class="icon-cross"></i>
|
|
</span>
|
|
|
|
<!--<button class="chat__search-bar_confirm-action"
|
|
ng-click="searchBar.selectedItem && searchBar.confirmSelection()"
|
|
ng-if="!state.searchInProgress && !!searchBar.selectedItem"
|
|
ng-class="{'active': (!!searchBar.selectedItem)}">
|
|
{{state.searchUserFormActive ? 'common.button.add': 'Connect'}}
|
|
</button>-->
|
|
<div class="chat__search-bar_search-spinner" loading-spinner if="state.searchInProgress" centered="true" inline="true"></div>
|
|
</div>
|
|
|
|
<div ux-id="chat-search-result" class="chat__search-results" ng-hide="searchBar.selectedItem">
|
|
<div ux-id="search-result-label" class="chat__search-result-set-header" ng-show="searchBar.resultsList.length > 0 && state.searchTicketProfileActive">
|
|
{{'chat.suggestionsList.matchedResult.label' | i18n}}
|
|
</div>
|
|
<chat-assign-suggestion ng-repeat="item in (filteredList = (searchBar.resultsList | orderBy:sortResults))"
|
|
tabindex="0"
|
|
role="link"
|
|
ng-click='searchBar.selectSuggestion(item)'
|
|
ng-enter='searchBar.selectSuggestion(item)'
|
|
ng-mouseover="searchBar.suggestionMouseOver($index)">
|
|
</chat-assign-suggestion>
|
|
</div>
|
|
|
|
<div ux-id="chat-connection-details" class="chat__connection_details" ng-hide="!chatRoom.parent && (state.searchUserFormActive || state.searchTicketProfileActive)">
|
|
|
|
<div class="chat-window__loading-state-spinner" loading-spinner if="chatRoom.loadingAssignments" centered="true" inline='true' overlay="true" ></div>
|
|
|
|
<div ux-id="connect-chat-link" class="chat__connection_controls" ng-if="!chatRoom.parent" tabindex="0" ng-enter="chatActions.showSearchForm('connect')">
|
|
<div class="chat__parent-link"
|
|
tabindex="0"
|
|
role="link"
|
|
ng-enter="chatActions.showSearchForm('connect')"
|
|
ng-click="chatActions.showSearchForm('connect')"
|
|
ng-hide="state.searchUserFormActive || state.searchTicketProfileActive">
|
|
{{'chat.emptyParent.label' | i18n}}
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="connection-label" class="chat__connection_controls" ng-if="chatRoom.parent">
|
|
<span>{{'chat.relatedTo.label' | i18n}}</span>
|
|
<a class="chat__parent-link" ng-click="redirectToAsignedItem()" ng-enter="redirectToAsignedItem()" tabindex="0" role="link">
|
|
{{chatRoom.generateChatTopic()}}
|
|
</a>
|
|
<div ux-id="remove-connection" class="chat__remove-connection" ng-click="removeChatAssignment()" ng-enter="removeChatAssignment()" tabindex="0" role="link">{{'chat.unrelateChat.label' | i18n}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="chat__header2">
|
|
<a><b><span ux-id="chat-helper-text" ng-if="chatRoom.parent.type=='incident'" ng-click="tools()">{{'chat.chatOps.windowHeading' | i18n}}</span></b></a>
|
|
</div>
|
|
<div class="chat__body">
|
|
|
|
<div class="chat__body-conversation" >
|
|
<chat-message ux-id="message_{{$index}}" context="message" ng-repeat="message in chatRoom.messages" scroll-to-last-item></chat-message>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="chat__footer">
|
|
<textarea ux-id="chat-text-area" tabindex="0" ng-disabled="chatRoom.inactiveRoom" class="chat__message-editor" ng-model="messageEditor.messageBody" ng-keypress="messageEditor.handleTyping($event)" placeholder="{{'chat.messageEditor.placeholder' | i18n}}">
|
|
<b ng-if="chatRoom.inactiveRoomReason" class="text-center">{{chatRoom.inactiveRoomReason}}</b>
|
|
</textarea>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<span class="modal-content__508-hidden-span">{{'common.labels.508EndContent' | i18n}}</span>
|
|
</div>
|