231 lines
14 KiB
HTML
231 lines
14 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 || !enableNearbyTicketPanel ? '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="3" 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 | filter : statusFilter">-->
|
|
<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>
|
|
|
|
<div class="row" ng-if="recommendedTickets.length == 0 && !state.isDataLoading" style="margin:10px">
|
|
{{'ntt.address.showTicketsNearBy.ticket.notFound' | i18n}}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div id="ticketPanel_right" class="ticketPanel_right">
|
|
<div ng-if="ticketToShow" class="ntt_nearby_ticket_row">
|
|
|
|
<div class="row" style="margin: 10px;">
|
|
|
|
<div class="col-sm-12">
|
|
<div class="ticket__summary" title="{{ticketToShow.title}}"><a class="ticket__summary" target="_blank" href="#/incident/{{ticketToShow.id}}">{{ticketToShow.title}}</a></div>
|
|
</div>
|
|
|
|
<div class="col-sm-12">
|
|
<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__lastupdated">
|
|
{{'ticket.list.lastUpdated' | i18n : (ticketToShow.lastModifyDate | humanizedAbsoluteDateFormat)}}
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
<div class="col-sm-4 ntt_mdtop10" >
|
|
<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 class="col-sm-4 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="statusLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.priotity.label' | i18n}}</span>
|
|
<span class="custom-field__value">
|
|
<div ticket-priority-display priority-value="{{ticketToShow.priority}}">
|
|
{{ ticketToShow.priority | localizeLabel: 'priority':'incident' }}
|
|
</div>
|
|
</span>
|
|
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="adressLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.address.label' | i18n}}</span>
|
|
<span class="custom-field__value" ng-if="ticketToShow.adress" tooltip="">{{ ticketToShow.adress }}</span>
|
|
<span class="custom-field-ntt__noValue" ng-if="!ticketToShow.adress" ng-bind-html="('customField.label.noValue' | i18n)"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="statusLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.customer.label' | i18n}}</span>
|
|
<span class="custom-field__value" ng-if="ticketToShow.custFirstName || ticketToShow.custLastName" tooltip="">{{ticketToShow.custFirstName}} {{ticketToShow.custLastName}}</span>
|
|
<span class="custom-field-ntt__noValue" ng-if="!ticketToShow.custFirstName && !ticketToShow.custLastName" ng-bind-html="('customField.label.noValue' | i18n)"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="statusLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.contact.label' | i18n}}</span>
|
|
<span class="custom-field__value">
|
|
<span class="custom-field__value" ng-if="ticketToShow.contactFirstName || ticketToShow.contactLastName" tooltip="">{{ticketToShow.contactFirstName}} {{ticketToShow.contactLastName}}</span>
|
|
<span class="custom-field-ntt__noValue" ng-if="!ticketToShow.contactFirstName && !ticketToShow.contactLastName" ng-bind-html="('customField.label.noValue' | i18n)"></span>
|
|
|
|
</span>
|
|
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="adressLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.comapny.label' | i18n}}</span>
|
|
<span class="custom-field__value" ng-if="ticketToShow.company" tooltip="">{{ticketToShow.company}}</span>
|
|
<span class="custom-field-ntt__noValue" ng-if="!ticketToShow.company" ng-bind-html="('customField.label.noValue' | i18n)"></span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- <div class="col-sm-12 ntt_mdtop10" >
|
|
<div>
|
|
<label class="label_control-wrap">
|
|
<span id="descLabel" class="label__text">{{'ntt.address.showTicketsNearBy.ticket.desc.label' | i18n}}</span>
|
|
<span class="custom-field__value"
|
|
tooltip="">{{ ticketToShow.description }}</span>
|
|
</label>
|
|
</div>
|
|
</div>-->
|
|
<div class="col-sm-12 ntt_mdtop10">
|
|
<character-custom-field-ntt data="ticketToShow.description" is-editable="true" char-limit="20" is-hide-label="false" ></character-custom-field-ntt>
|
|
</div>
|
|
|
|
<div class="col-sm-12 ntt_mdtop10" >
|
|
<div ng-if="state.savingResource">
|
|
<div loading-spinner if="true" class="ntt_loading-spinner-nearbyPanel"></div>
|
|
</div>
|
|
<button class="btn_secondary" ng-click="linkAsDuplicateOf(ticketToShow)" tabindex="0" ng-if="!isResourceRelated(ticketToShow) && !state.savingResource">
|
|
{{'resourceSlice.markDuplicate.label' | i18n}}
|
|
</button>
|
|
<div ng-if="isResourceRelated(ticketToShow)" style="color:green">{{'ntt.address.showTicketsNearBy.ticket.originalOf' | i18n}} {{ticket.displayId}}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="!ticketToShow" style="margin:10px"> {{'ntt.address.showTicketsNearBy.ticket.notselected' | i18n}} </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> |