118 lines
5.0 KiB
HTML
118 lines
5.0 KiB
HTML
<div ux-id="mcsm-details" class="ticket__vendor-info-section" ng-if="ticket.brokerVendorName || manualAssociationSupportingSystems.length > 0"
|
|
aria-label="{{'ticket.region.vendor.ticket.info' | i18n}}" role="region" tabindex="0">
|
|
|
|
<div ng-if="ticket.accessMappings.relationsEditAllowed && manualAssociationSupportingSystems.length > 0">
|
|
<div ng-if="!isManualAssociationInProgress">
|
|
<div class="dropdown" ng-if="manualAssociationSupportingSystems.length > 1">
|
|
<button ux-id="add-agile-ticket" class="btn_no-fill dropdown-toggle">
|
|
{{ 'ticket.vendor.label.addAgileTickets' | i18n : ticketType }}
|
|
</button>
|
|
<ul class="profile-action-bar__item-menu dropdown-menu">
|
|
<li ng-repeat="system in manualAssociationSupportingSystems">
|
|
<div ux-id="start-manual-association_{{$index}}" class="dropdown-item" ng-click="startManualAssociation(system)" tabindex="0" role="menuitem">
|
|
{{system.name}}
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<button ux-id="start-manual-association" class="btn_no-fill"
|
|
ng-if="manualAssociationSupportingSystems.length === 1"
|
|
ng-click="startManualAssociation(manualAssociationSupportingSystems[0])">
|
|
{{ 'ticket.vendor.label.addAgileTickets' | i18n : ticketType }}
|
|
</button>
|
|
<i class="icon-question_circle"
|
|
popover-trigger="click"
|
|
popover-title="{{ 'ticket.vendor.label.helpTitle' | i18n : ticketType }}"
|
|
popover="{{manualAssociationHelpText}}"
|
|
popover-placement="top">
|
|
</i>
|
|
</div>
|
|
|
|
<div ng-if="isManualAssociationInProgress"
|
|
class="ticket__vendor-info-section-loading-msg">
|
|
<span loading-spinner if="true" inline="true"></span>
|
|
{{ 'ticket.vendor.label.manualAssociationInProgress' | i18n}}
|
|
</div>
|
|
</div>
|
|
|
|
<accordion close-others="true">
|
|
<div accordion-group
|
|
class="panel-default"
|
|
is-open="isOpen"
|
|
ng-repeat="vendorInfo in ticket.vendorInfo">
|
|
<accordion-heading>
|
|
<i ng-class="{'icon-angle_right': !isOpen, 'icon-angle_down': isOpen}"></i>
|
|
{{'ticket.vendor.label.header' | i18n : [vendorInfo.vendor && vendorInfo.vendor.name || ticket.brokerVendorName, vendorInfo.id] }}
|
|
|
|
<i ux-id="remove-association" ng-if="ticket.accessMappings.relationsEditAllowed && !vendorInfo.isRemoveAssociationInProgress && showDeleteIcon"
|
|
ng-click="removeAssociation(vendorInfo, $event)"
|
|
ng-enter="removeAssociation(vendorInfo, $event)"
|
|
title="{{'common.button.remove' | i18n}}"
|
|
class="icon-cross ticket__vendor-info-section-delete-ctl"
|
|
role="link"
|
|
tabindex="0">
|
|
</i>
|
|
|
|
<span loading-spinner
|
|
class="ticket__vendor-info-section-delete-ctl"
|
|
if="vendorInfo.isRemoveAssociationInProgress"
|
|
inline="true">
|
|
</span>
|
|
</accordion-heading>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="col-sm-4 ticket__vendor-info-section-col">
|
|
<div class="ticket__label-small">{{'ticket.vendor.label.id' | i18n}}</div>
|
|
<div class="ticket__field-value" ng-if="vendorInfo.vendorTicketUrl">
|
|
<a aria-haspopup="true" target="_blank" href="{{vendorInfo.vendorTicketUrl}}">
|
|
{{ vendorInfo.id || ''}}
|
|
</a>
|
|
<i class="icon-pop_up"></i>
|
|
</div>
|
|
<div class="ticket__field-value" ng-if="!vendorInfo.vendorTicketUrl">
|
|
{{ vendorInfo.id || ''}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="col-sm-4 ticket__vendor-info-section-col">
|
|
<div class="ticket__label-small">{{'ticket.vendor.label.lastUpdate' | i18n}}</div>
|
|
<div class="ticket__field-value">
|
|
{{ vendorInfo.updated ? ((vendorInfo.updated | date:'mediumDate') + ' ' + (vendorInfo.updated | date:'shortTime')) : ('common.label.none' | i18n) }}
|
|
</div>
|
|
</div>
|
|
<div class="col-sm-4 ticket__vendor-info-section-col">
|
|
<div class="ticket__label-small">{{'ticket.vendor.label.status' | i18n}}</div>
|
|
<div class="ticket__field-value">
|
|
{{ vendorInfo.status || ''}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="ticket__label-small">{{'ticket.vendor.label.title' | i18n}}</div>
|
|
<div class="ticket__field-value">
|
|
{{ vendorInfo.title || ''}}
|
|
</div>
|
|
</div>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="ticket__label-small">{{'ticket.vendor.label.description' | i18n}}</div>
|
|
<div class="ticket__field-value">
|
|
{{ vendorInfo.description || ''}}
|
|
</div>
|
|
</div>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="ticket__vendor-info-section-custom-col col-sm-4"
|
|
ng-repeat="property in vendorInfo.properties">
|
|
<div class="ticket__label-small">{{property.name}}</div>
|
|
<div class="ticket__field-value" ng-if="property.type !== 'date'">
|
|
{{ property.value || ''}}
|
|
</div>
|
|
<div class="ticket__field-value" ng-if="property.type === 'date'">
|
|
{{ property.value ? ((property.value | date:'mediumDate') + ' ' + (property.value | date:'shortTime')) : ('common.label.none' | i18n) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</accordion>
|
|
</div>
|