256 lines
13 KiB
HTML
256 lines
13 KiB
HTML
<div id="nearByTicket" class="showTickets_panel">
|
|
<!--<button type="button" class="btn_secondary ntt-option_button" ng-click="showNearbyTickets()">{{'ntt.button.showNearbyTickets.label' | i18n}}</button>-->
|
|
<div class="headershowTickets" ng-class="!adressItem ? 'headershowTickets_disabled' : 'headershowTickets_active'"
|
|
ng-click="!adressItem || toggleShowTickets()" ng-disabled="!adressItem"><i
|
|
ng-class="showNearByTicketPanel ? 'icon-triangle_down' : 'icon-triangle_right'"
|
|
class="icon icon-nearbyTicketHeader"></i>{{'ntt.address.showTicketsNearBy.header' | i18n}}</div>
|
|
<div id="ticketPanel_container" class="ticketPanel_container" ng-show="showNearByTicketPanel">
|
|
<div id="ticketPanel_left" class="ticketPanel_left">
|
|
|
|
<div if="distanceTicketFilters" class="ntt-distanceTicket__filters">
|
|
|
|
<div class="ntt-distanceTicket__filtersItem dropdown">
|
|
<button type="button" class="btn_link dropdown-toggle"
|
|
aria-label="{{'list.view' | i18n}} {{state.ticketFilterSelectedStatus}}">
|
|
<!--{{'ntt.address.showTicketsNearBy.filter_display'| i18n}}-->
|
|
<i class="icon-gear"></i>
|
|
</button>
|
|
<ul class="dropdown-menu pull-right ntt-checkbox-menu allow-focus">
|
|
<!--<li>
|
|
<label>
|
|
<input type="checkbox"> Cheese
|
|
</label>
|
|
</li>-->
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" ng-model="state.mapOptions.showTicketsOnMap">
|
|
{{'ntt.address.showTicketsNearBy.mapOption_showAllTickets' | i18n}}
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label>
|
|
<input type="checkbox" ng-model="state.mapOptions.showRadiusOnMap">
|
|
{{'ntt.address.showTicketsNearBy.mapOption_showRadius' | i18n}}
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="ntt-distanceTicket__filtersItem dropdown">
|
|
<button type="button" class="btn_link dropdown-toggle"
|
|
aria-label="{{'list.view' | i18n}} {{state.ticketFilterSelectedStatus}}">
|
|
{{'resourceSlice.ticketFilter.' + state.ticketFilterSelectedStatus | i18n}}
|
|
<i class="icon-angle_down rs-group__filter-icon"></i>
|
|
</button>
|
|
<ul class="dropdown-menu pull-right">
|
|
<li ng-repeat="status in state.ticketFilterStatuses">
|
|
<div class="dropdown-item" ng-click="state.ticketFilterSelectedStatus = status"
|
|
role="menuitem" tabindex="0">
|
|
{{'resourceSlice.ticketFilter.' + status | i18n}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="ntt-distanceTicket__filtersItem dropdown">
|
|
<button type="button" class="btn_link dropdown-toggle"
|
|
aria-label="{{'list.view' | i18n}} {{state.ticketFilterSelectedStatus}}">
|
|
{{distanceRange}} km
|
|
<i class="icon-angle_down rs-group__filter-icon"></i>
|
|
</button>
|
|
<ul class="dropdown-menu pull-right">
|
|
<div>
|
|
<input type="range" class="custom-range" id="customRange1" min="0" max="10" step="0.1"
|
|
ng-model="distanceRange" ng-click="distanceChanged()">
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div id="distanceTicketResultList" class="ntt-distanceTicket__resultList ntt_nearby_ticket_row">
|
|
<div class="ntt_loading-spinner-nearbyPanel-container" ng-if="state.isDataLoading">
|
|
<div loading-spinner if="true" class="ntt_loading-spinner-nearbyPanel"></div>
|
|
|
|
</div>
|
|
<div class="row ntt_nearby-search-result-item" ng-repeat="item in recommendedTickets">
|
|
<div class="row" ng-mouseover="previewTicket(item)" ng-mouseout="deletePreview(item)"
|
|
ng-click="selectTicket(item)">
|
|
<div class="col-xs-12"
|
|
ng-class="{'ntt_preview_Ticket' : item.preview, 'ntt_selected_ticket' : item.isSelected}">
|
|
{{item.displayId}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>
|
|
<br>
|
|
left
|
|
<br>-->
|
|
</div>
|
|
|
|
</div>
|
|
<div id="ticketPanel_right" class="ticketPanel_right">
|
|
<div ng-if="ticketToShow" class="ntt_nearby_ticket_row">
|
|
<div class="row" style="position: fixed;">
|
|
<div class="row">
|
|
|
|
<div class="ticket__basic-info">
|
|
|
|
<div class="ticket__summary" title="{{ticketToShow.title}}"><a class="ticket__summary"
|
|
href="#/incident/{{ticketToShow.id}}">{{ticketToShow.title}}</a></div>
|
|
|
|
<div class="pull-left">
|
|
<div class="ticket__icon">
|
|
<span
|
|
ng-class="{'icon-file_text_arrows':basicData.brokerVendorName, 'icon-file_text_o':!basicData.brokerVendorName}"></span>
|
|
</div>
|
|
|
|
<div class="ticket__information">
|
|
<div class="ticket__name">
|
|
{{'incident.detail.summary.orderId.label' | i18n:(ticketToShow.displayId || '')}}
|
|
</div>
|
|
<!--<div class="ticket__name">{{ticketToShow.displayId || ''}}</div>-->
|
|
<!--<a class="ticket__name-link" aria-label="{{'search.preview.viewFullIncident' | i18n}}" ng-if="!isFullVersion" href="#/incident/{{ticketToShow.id}}">{{'search.preview.viewFullIncident' | i18n}}</a>-->
|
|
|
|
<div ticket-priority-display priority-value="{{ticketToShow.priority}}">
|
|
{{ ticketToShow.priority | localizeLabel: 'priority':'incident' }}
|
|
</div>
|
|
<div class="ticket__lastupdated">
|
|
{{'ticket.list.lastUpdated' | i18n : (ticketToShow.lastModifyDate | humanizedAbsoluteDateFormat)}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!--TODO: extract control bar items to separate directives-->
|
|
<!-- <div class="ticket-controls" ng-if="isFullVersion">
|
|
<div class="profile-action-bar__item edit-ticket-header-button" ng-if="basicData.accessMappings.detailsEditAllowed"
|
|
title="{{'controls.action.edit' | i18n}}" aria-label="{{'common.aria.label.edit.header' | i18n}}" role="link" tabindex="0"
|
|
ng-click="handleExternalEditClick()" ng-enter="handleExternalEditClick()">
|
|
<i class="icon-pencil"></i>
|
|
</div>
|
|
<div class="profile-action-bar__item dropdown" ng-if="!isDraft">
|
|
<i class="icon-share dropdown-toggle" title="{{'controls.action.share' | i18n}}" aria-label="{{'controls.action.share' | i18n}}" tabindex="0"></i>
|
|
<ul class="profile-action-bar__item-menu dropdown-menu">
|
|
<li>
|
|
<div class="dropdown-item" ng-click="ticketActions.share()" tabindex="0" role="menuitem">
|
|
{{'action.ticket.email' | i18n: ('common.labels.' + basicData.type | i18n) }}
|
|
</div>
|
|
</li>
|
|
<li ng-if='chatModel.connected'>
|
|
<a class="dropdown-item profile-action-bar__item-menu_start-chat" tabindex="0" role="menuitem">
|
|
{{'chat.startFromTicket.headerMenu' | i18n: ('common.labels.' + basicData.type | i18n) }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="profile-action-bar__item" ng-if="!isDraft" role="link" tabindex="0" ng-click="toggleFollowingFlag()" ng-enter="toggleFollowingFlag()"
|
|
title="{{(basicData.following? 'controls.action.unfollow' : 'controls.action.follow') | i18n}}"
|
|
aria-label="{{(basicData.following? 'controls.action.unfollow' : 'controls.action.follow') | i18n}}">
|
|
<i class="{{basicData.following? 'icon-star' : 'icon-star_o'}}"></i>
|
|
</div>
|
|
<div title="{{'controls.action.print' | i18n}}" class="profile-action-bar__item"
|
|
aria-label="{{'controls.action.print' | i18n}}" role="link" tabindex="0"
|
|
ng-click="ticketActions.showPrintDialog($event)" ng-enter="ticketActions.showPrintDialog($event)">
|
|
<i class="{{'icon-printer'}}"></i>
|
|
</div>
|
|
<div class="profile-action-bar__item" ng-if="!isDraft" role="link" tabindex="0" ng-click="refreshTicket()" ng-enter="refreshTicket()"
|
|
title="{{'common.labels.refresh' | i18n}}"
|
|
aria-label="{{'common.labels.refresh' | i18n}}">
|
|
<i class="icon-refresh"></i>
|
|
</div>
|
|
<div ng-class="{'profile-action-bar__item': true, 'profile-action-bar__item_text' : !userModel.isAccessibleUser}"
|
|
ng-if="!isDraft && (basicData.status.value == 'Cancelled' || basicData.status.value == 'Closed') && !basicData.reopenedDate && basicData.accessMappings.reopenActionAllowed">
|
|
<button type="button" title="{{'action.incident.reopen.tooltip' | i18n}}" ng-click="ticketActions.confirmAction('reopen')" class="btn_link font-size-l">
|
|
{{'controls.action.reopen' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>-->
|
|
</div>
|
|
|
|
</div>
|
|
<div class="row">
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="statusLabel" class="label__text">Status</span>
|
|
<span class="custom-field__value"
|
|
tooltip="">{{ ticketToShow.status | localizeLabel: 'status':'incident' }}</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="!ticketToShow">No ticket selected for preview</div>
|
|
</div>
|
|
|
|
<div style="display: none;">
|
|
<!--<span class="dot" id="adressDot"></span>-->
|
|
<div ng-repeat="item in recommendedTickets">
|
|
<div class="trigger" id="ticketPreviewMarker-{{$index}}" ng-mouseover="previewTicket(item)"
|
|
ng-mouseout="deletePreview(item)" ng-click="selectTicket(item)">
|
|
<div class="popup" ng-class="{'popup_preview' : item.preview, 'popup_selected': item.isSelected}">
|
|
<div class="inner icon-incident"
|
|
ng-class="{'popup_preview' : item.preview, 'popup_selected': item.isSelected}"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div> |