95 lines
5.9 KiB
HTML
95 lines
5.9 KiB
HTML
<div ux-id="fulfillment-map" class='resource-slice__fulfillment-group' aria-label="{{'serviceRequest.details.fulfillment' | i18n}}" role="region" tabindex="0">
|
|
|
|
<div ux-id="no-fulfillment" tabindex="0" class='resource-slice__empty-list-message' ng-if="!relatedTickets.length">{{'resourceSlice.emptyList.fulfillment.label' | i18n}}</div>
|
|
<div loading-spinner if="state.loadingLinkedResources" centered="true" overlay="true"></div>
|
|
|
|
<div ux-id="active-fulfillments" class='resource-slice__fulfillment-list' ng-if="activeRelatedTickets.length">
|
|
<div ux-id="active-label" class='resource-slice__fulfillment-group_label' tabindex="0">
|
|
{{'serviceRequest.details.fulfillment.activeProcessSteps' | i18n}}:
|
|
</div>
|
|
|
|
<div ux-id="active-related-ticket_{{$index}}" ng-repeat="relatedTicket in activeRelatedTickets" class="resource-slice__fulfillment-item {{::fulfillmentStatusClass(relatedTicket)}}"
|
|
aria-labelledby="activeFulfilmentInfo_{{relatedTicket.displayId}}" role="heading" tabindex="0">
|
|
<div id="activeFulfilmentInfo_{{relatedTicket.displayId}}">
|
|
<div class="col-sm-6 resource-slice__fulfillment-item_process">
|
|
<div class="col-sm-1">
|
|
<div class="resource-slice__fulfillment-item_process-icon {{::fulfillmentIconClass(relatedTicket)}}"></div>
|
|
</div>
|
|
<div ux-id="fulfillment-info" class="col-sm-11">
|
|
<div ux-id="fulfillment-status" class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.details.fulfillment.status' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div ux-id="fulfillment-desc" class="resource-slice__fulfillment-item_desc" title="{{relatedTicket.desc}}">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="show-related-ticket" class="col-sm-6 resource-slice__fulfillment-item-entry"
|
|
ng-click="showRelatedTicketDetails(relatedTicket, $event)"
|
|
ng-if="relatedTicket.realObject.processStepType == 'change' || relatedTicket.realObject.processStepStatus != 'Planning'">
|
|
<div class="col-sm-1">
|
|
<div class="list-item_icon" ng-class="'icon-' + relatedTicket.realObject.processStepType"></div>
|
|
</div>
|
|
<div class="resource-slice__linked-item_title col-sm-11" >
|
|
<div ux-id="related-ticket-id" ng-if="!relatedTicket.isAppEnabled" entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</div>
|
|
<a ux-id="related-ticket-id" ng-if="relatedTicket.isAppEnabled" entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</a>
|
|
<div ux-id="related-ticket-title" class="resource-slice__linked-item_title resource-slice__title-no-wrap" title="{{relatedTicket.title || relatedTicket.desc}}">{{relatedTicket.title || relatedTicket.desc}}</div>
|
|
<div ux-id="related-ticket-status" ng-if="relatedTicket.realObject.status.value" class="resource-slice__linked-item_status">
|
|
{{'ticket.status' | i18n}}: {{(relatedTicket.realObject.status.value | localizeLabel: 'status':relatedTicket.realObject.processStepType) || relatedTicket.realObject.status.value}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="closed-fulfillments" class='resource-slice__fulfillment-list' ng-if="closedRelatedTickets.length">
|
|
<div ux-id="close-label" tabindex="0" class='resource-slice__fulfillment-group_label'>{{'serviceRequest.details.fulfillment.closedProcessSteps' | i18n}}:</div>
|
|
|
|
<div ux-id="closed-related-ticket_{{$index}}" ng-repeat='relatedTicket in closedRelatedTickets' class="resource-slice__fulfillment-item {{::fulfillmentStatusClass(relatedTicket)}}"
|
|
aria-labelledby="fulfilmentInfo_{{relatedTicket.displayId}}" role="heading" tabindex="0">
|
|
|
|
<div id="fulfilmentInfo_{{relatedTicket.displayId}}">
|
|
<div class="col-sm-6 resource-slice__fulfillment-item_process">
|
|
<div class="col-sm-1">
|
|
<div class="resource-slice__fulfillment-item_process-icon {{::fulfillmentIconClass(relatedTicket)}}"></div>
|
|
</div>
|
|
<div ux-id="fulfillment-info" class="col-sm-11" role='alert' aria-atomic='true'>
|
|
<a ux-id="fulfillment-error" class="resource-slice__fulfillment-item_process-error"
|
|
ng-if="relatedTicket.realObject.processStepStatus == 'Error'"
|
|
tooltip="{{relatedTicket.realObject.returnMessage}}"
|
|
tooltip-placement="top"
|
|
aria-label="{{'serviceRequest.details.fulfillment.errorTooltip' | i18n}}"
|
|
href="javascript:void(0)" tooltip-trigger="click" role="link" tabindex="0">
|
|
{{'serviceRequest.details.fulfillment.errorTooltip' | i18n}}
|
|
</a>
|
|
|
|
<div ux-id="fulfillment-status" class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.details.fulfillment.status' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div ux-id="fulfillment-desc" class="resource-slice__fulfillment-item_desc" title="{{relatedTicket.desc}}">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ux-id="show-related-ticket-details" class="col-sm-6 resource-slice__fulfillment-item-entry"
|
|
ng-click="showRelatedTicketDetails(relatedTicket, $event)"
|
|
ng-if="relatedTicket.realObject.processStepStatus != 'Error'">
|
|
<div class="col-sm-1">
|
|
<div class="list-item_icon" ng-class="'icon-' + relatedTicket.realObject.processStepType"></div>
|
|
</div>
|
|
<div class="col-sm-11">
|
|
<a ux-id="related-ticket-id" entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</a>
|
|
<div ux-id="related-ticket-title" class="resource-slice__linked-item_title resource-slice__title-no-wrap" title="{{relatedTicket.title || relatedTicket.desc}}">{{relatedTicket.title || relatedTicket.desc}}</div>
|
|
<div ux-id="related-ticket-status" ng-if="relatedTicket.realObject.status.value" class="resource-slice__linked-item_status">
|
|
{{'ticket.status' | i18n}}: {{(relatedTicket.realObject.status.value | localizeLabel: 'status':relatedTicket.realObject.processStepType) || relatedTicket.realObject.status.value}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|