105 lines
5.8 KiB
HTML
105 lines
5.8 KiB
HTML
<div class="rs-group" aria-labelledby="rs-group__tickets-header">
|
|
<h3 class="rs-group__header" id="rs-group__tickets-header" tabindex="0">
|
|
<i class="glyphicon glyphicon-map-marker ntt-nearby-icon-header" style="top:2px"></i>
|
|
{{'ntt.resourceSlice.nearbyTickets.label' | i18n}} <span ng-if="recommendedTickets.length">({{recommendedTickets.length}})</span>
|
|
<button type="button" class="small-btn_secondary " ng-click="openNearbyTickets()" ng-if="recommendedTickets.length > 0" >
|
|
<div class="" style="width: 18px;position: relative;height: 18px;top: 4px;float: left;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-map" viewBox="0 0 16 16">
|
|
<path fill-rule="evenodd" d="M15.817.113A.5.5 0 0 1 16 .5v14a.5.5 0 0 1-.402.49l-5 1a.502.502 0 0 1-.196 0L5.5 15.01l-4.902.98A.5.5 0 0 1 0 15.5v-14a.5.5 0 0 1 .402-.49l5-1a.5.5 0 0 1 .196 0L10.5.99l4.902-.98a.5.5 0 0 1 .415.103zM10 1.91l-4-.8v12.98l4 .8V1.91zm1 12.98l4-.8V1.11l-4 .8v12.98zm-6-.8V1.11l-4 .8v12.98l4-.8z"/>
|
|
</svg>
|
|
</div>
|
|
<span style="margin-left:5px">{{'ntt.emptyList.nearbyTickets.showOnMap' | i18n}}</span>
|
|
</button>
|
|
</h3>
|
|
|
|
|
|
<div class="ntt-rs-group__filter 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-rs-group__filter 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="distanceChamged()">
|
|
</div>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="rs-group__searching" ng-if="state.isDataLoading">
|
|
<div loading-spinner if="true"></div>
|
|
<span class="rs-group__searching-label">{{'resourceSlice.search.label' | i18n}}</span>
|
|
</div>
|
|
|
|
<div class="rs-group__list" role="list" ng-if="!state.isDataLoading">
|
|
<div class='rs-group-list-item_empty' ng-if="!recommendedTickets.length" tabindex="0">
|
|
{{"ntt.emptyList.nearbyTickets.label" | i18n}}
|
|
</div>
|
|
|
|
<!--| filter : statusFilter-->
|
|
<div class="rs-group-list-item clearfix" role="listitem" tabindex="0" ng-repeat="resource in recommendedTickets | limitTo: state.itemLimit"
|
|
ng-class="{'rs-group-list-item_preview':isResourcePreview(resource)}" aria-label="{{ (resource.title || resource.desc) | removeSearchTags}} {{'common.aria.labels.clickable' | i18n}}" >
|
|
|
|
<div class="rs-group-list-item__icon-container">
|
|
<div class="rs-group-list-item__icon_action dropdown" ng-if="!isResourceRelated(resource) && context.accessMappings.relationsEditAllowed">
|
|
<i class="icon-triangle_down_circle_o rs-group-list-item__icon_toggle dropdown-toggle" tabindex="0" role="button"></i>
|
|
<ul class="dropdown-menu" ng-if="context.accessMappings.relationsEditAllowed">
|
|
<li>
|
|
<div class="dropdown-item" ng-click="saveToTicket(resource)" tabindex="0" role="menuitem">
|
|
{{'resourceSlice.saveResource.label' | i18n}}
|
|
</div>
|
|
</li>
|
|
<!--<li ng-if="context.accessMappings.duplicateActionAllowed && resource.additionalInformation.accessMappings.duplicateActionAllowed">-->
|
|
<li ng-if="context.accessMappings.duplicateActionAllowed">
|
|
<div class="dropdown-item" ng-click="linkAsDuplicateOf(resource)" tabindex="0" role="menuitem">
|
|
{{'resourceSlice.markDuplicate.label' | i18n}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<i class="rs-group-list-item__icon_action icon-pin_circle" ng-if="isResourceRelated(resource) && context.accessMappings.relationsEditAllowed"
|
|
ng-click="deleteFromTicket(resource)" ng-enter="deleteFromTicket(resource)"
|
|
prevent-click-event aria-label="{{'common.button.unselect' | i18n}} {{'common.label.resource' | i18n}}" role="button" tabindex="0"></i>
|
|
|
|
<i class="rs-group-list-item__icon_action rs-group-list-item__icon_action-disabled icon-pin_circle" ng-if="isResourceRelated(resource) && !context.accessMappings.relationsEditAllowed"></i>
|
|
|
|
<div style="padding-top:10px">{{resource.distance | meterToKm}}</div>
|
|
<!--<i class="rs-group-list-item__icon" ng-class="'icon-' + resource.type"></i>-->
|
|
</div>
|
|
|
|
<div class="rs-group-list-item__info" tabindex="0" ng-click="setPreviewItem(resource)" ng-enter="setPreviewItem(resource)">
|
|
<div class="rs-group-list-item__title">{{resource.displayId}}</div>
|
|
<div class="rs-group-list-item__description">{{ (resource.title || resource.desc) | removeSearchTags}}</div>
|
|
<div class="rs-group-list-item__date">
|
|
{{'common.labels.updated' | i18n}}: {{(resource.lastModifyDate | date: mediumDate) || ('common.labels.unknown' | i18n)}}
|
|
</div>
|
|
<div class="rs-group-list-item__assignee">
|
|
{{'common.labels.assignedTo' | i18n}}:
|
|
<!--<span class="rs-group-list-item__assignee-name">{{resource.getAssigneeFullName()}}</span>-->
|
|
<span class="rs-group-list-item__assignee-name">{{resource.assignee}}</span>
|
|
</div>
|
|
<i class="icon-angle_right rs-group-list-item__preview-icon"></i>
|
|
</div>
|
|
|
|
</div>
|
|
<div ng-if="state.distanceServiceError" style="color:red">Service Error: {{state.distanceServiceErrorMessage}}</div>
|
|
<show-more-less limit="state.itemLimit" size="{{recommendedTickets.length}}" chunk-size="15"></show-more-less>
|
|
</div>
|
|
|
|
</div> |