116 lines
6.1 KiB
HTML
116 lines
6.1 KiB
HTML
<div class='resource-slice__fulfillment-group' aria-label="{{'serviceRequest.details.fulfillment' | i18n}}" role="region" tabindex="0">
|
|
|
|
<div 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 class='resource-slice__fulfillment-list' ng-if="activeRelatedTickets.length">
|
|
<div class='resource-slice__fulfillment-group_label' tabindex="0">
|
|
{{'serviceRequest.details.fulfillment.activeProcessSteps' | i18n}}:
|
|
</div>
|
|
|
|
<div 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 class="col-sm-11" ng-if="context.type !== 'sberequest'">
|
|
<div class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.details.fulfillment.status' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div class="resource-slice__fulfillment-item_desc">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
<div class="col-sm-11" ng-if="context.type === 'sberequest'">
|
|
<div class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.status.' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div class="resource-slice__fulfillment-item_desc">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div 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 ng-if="!relatedTicket.isAppEnabled" entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</div>
|
|
<a ng-if="relatedTicket.isAppEnabled" entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</a>
|
|
<div class="resource-slice__linked-item_title">{{relatedTicket.title || relatedTicket.desc}}</div>
|
|
<div ng-if="relatedTicket.realObject.status.value" class="resource-slice__linked-item_status">
|
|
{{'ticket.status' | i18n}}: {{relatedTicket.realObject.status.value | localizeLabel: 'status':relatedTicket.realObject.processStepType}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class='resource-slice__fulfillment-list' ng-if="closedRelatedTickets.length">
|
|
<div tabindex="0" class='resource-slice__fulfillment-group_label'>{{'serviceRequest.details.fulfillment.closedProcessSteps' | i18n}}:</div>
|
|
|
|
<div 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 class="col-sm-11" role='alert' aria-atomic='true' ng-if="context.type !== 'sberequest'">
|
|
<a 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 class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.details.fulfillment.status' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div class="resource-slice__fulfillment-item_desc">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
<div class="col-sm-11" role='alert' aria-atomic='true' ng-if="context.type === 'sberequest'">
|
|
<a 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 class="resource-slice__fulfillment-item_process-status">
|
|
{{'serviceRequest.status.' + relatedTicket.realObject.processStepStatus | i18n}}
|
|
</div>
|
|
<div class="resource-slice__fulfillment-item_desc">{{relatedTicket.desc}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div 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 entity-profile-link="relatedTicket">{{relatedTicket.displayId}}</a>
|
|
<div class="resource-slice__linked-item_title">{{relatedTicket.title || relatedTicket.desc}}</div>
|
|
<div ng-if="relatedTicket.realObject.status.value" class="resource-slice__linked-item_status">
|
|
{{'ticket.status' | i18n}}: {{relatedTicket.realObject.status.value | localizeLabel: 'status':relatedTicket.realObject.processStepType}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|