70 lines
5.3 KiB
HTML
70 lines
5.3 KiB
HTML
<div ux-id="liveChat" class="live__agent profile clearfix" auto-focus tabindex="-1" ng-form="liveChatForm">
|
|
<div loading-spinner if="state.loadingLiveChat || state.creatingTicket || state.creatingCallLog || state.appModalEventConfirmWaiting" centered="true" overlay="true"></div>
|
|
<div ux-id="liveChatFailure" ng-if="showUnableToLoadMsg" class="live__agent_invalid-message">
|
|
<div>
|
|
<h4>{{'error' | i18n}}</h4>
|
|
</div>
|
|
<div>
|
|
<p>{{'live.chat.unable.to.load' | i18n}}</p>
|
|
</div>
|
|
</div>
|
|
<div ux-id="iFrameLiveChatLoaded" ng-if="!showUnableToLoadMsg" ng-class="!hideForDashboard ? 'profile__main-panel' : 'live__agent_full-screen'">
|
|
<iframe id="liveChatFrame" name="liveChatFrame" ng-src="{{crossLaunchLiveChatURL}}" width="100%" height="100%"></iframe>
|
|
</div>
|
|
<div ng-if="!showUnableToLoadMsg && !hideForDashboard" class="resource-slice__fade-out"></div>
|
|
|
|
<div ux-id="liveChatRightPane" id="live_agent" class="profile__support-panel" aria-label="{{'common.labels.live-chat' | i18n}} {{'ticket.region.support' | i18n}}"
|
|
role="region" ng-if="!showUnableToLoadMsg && !hideForDashboard">
|
|
<tabset justified="true" ng-class="(selectedChat && !selectedChat.ticket && !selectedChat.ticket.ticketId && selectedChat.status === 'Assigned') ? 'live__agent_right_panel_selected' : 'live__agent_right_panel'">
|
|
<tab ux-id="liveChatCustomerTab" id="live__agent-customer-tab" heading="{{'common.tabs.customer.info' | i18n}}" ng-show="selectedChat">
|
|
<div ng-show="selectedChat" preview-person="{{selectedChat.user}}" display-menu="true" selected-chat="selectedChat" is-full-version="false" class="full-height live__agent_right_panel-customer" ></div>
|
|
</tab>
|
|
<tab ux-id="liveChatResourcesTab" id="live__agent-resources-tab" heading="{{'common.tabs.resources' | i18n}}">
|
|
<div ng-if="selectedChat && selectedChat.ticket && selectedChat.ticket.ticketId" class="live__agent_ticket-info">{{'live.chat.ticket' | i18n}}
|
|
<a ux-id="liveChatTicket_{{selectedChat.ticket.ticketType}}" href="#/{{selectedChat.ticket.ticketType}}/{{selectedChat.ticket.ticketId}}" target="_blank">{{selectedChat.ticket.ticketDisplayId}}</a>
|
|
</div>
|
|
<div ng-if="selectedChat && selectedChat.ticket && !selectedChat.ticket.ticketId" class="live__agent_ticket-info">{{'live.chat.ticket' | i18n}}
|
|
<span>{{selectedChat.ticket.ticketDisplayId}}</span>
|
|
</div>
|
|
<rs ng-if="context" context="context">
|
|
<rs-recommended-outages ng-if="selectedChat && context.summary && filterConfigMap.recommendedOutages.selected"></rs-recommended-outages>
|
|
<rs-templates ng-if="selectedChat && context.summary && filterConfigMap.recommendedTemplates.selected && !selectedChat.ticket && !selectedChat.ticket.ticketId && selectedChat.status === 'Assigned'"></rs-templates>
|
|
<rs-recommended-ka ng-if="context.summary && filterConfigMap.recommendedKnowledge.selected"></rs-recommended-ka>
|
|
</rs>
|
|
</tab>
|
|
</tabset>
|
|
|
|
<div class="live__agent_right_panel-footer" ng-if="selectedChat && !selectedChat.ticket && !selectedChat.ticket.ticketId && selectedChat.status === 'Assigned'">
|
|
<div class="dropdown smart-recorder-actions__createDropdown" ng-if="selectedTemplate == null && isIncidentCreateAllowed && isWOCreateAllowed">
|
|
<button ux-id="createTicketBtn-dropdown" type="submit" class="btn_primary dropdown-toggle">
|
|
{{'smartrecorder.button.create' | i18n}}
|
|
<i class="icon-triangle_up"></i>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-nested-menu" role="menu">
|
|
<li>
|
|
<div ux-id="createIncidentBtn" class="dropdown-item" ng-click="createTicket('incident')" role="menuitem" tabindex="0">
|
|
{{'smartrecorder.button.createIncident' | i18n}}
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div ux-id="createWorkOrderBtn" ng-if="isWOInstalled" class="dropdown-item" ng-click="createTicket('workorder')" role="menuitem" tabindex="0">
|
|
{{'smartrecorder.button.createWorkorder' | i18n}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<button ux-id="createIncidentFromTemplate" class="btn_primary"
|
|
ng-if="selectedTemplate.type == 'incidentTemplate' || (isIncidentCreateAllowed && !isWOCreateAllowed)"
|
|
ng-disabled="selectedChat.user == null"
|
|
type="submit" ng-click="createTicket('incident')">
|
|
{{'smartrecorder.button.createIncident' | i18n}}
|
|
</button>
|
|
<button ux-id="createWorkOrderFromTemplate" class="btn_primary"
|
|
ng-if="selectedTemplate.type == 'workorderTemplate' || (isWOInstalled && isWOCreateAllowed && !isIncidentCreateAllowed)"
|
|
ng-disabled="selectedChat.user == null"
|
|
type="submit" ng-click="createTicket('workorder')">
|
|
{{'smartrecorder.button.createWorkorder' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |