139 lines
8.4 KiB
HTML
139 lines
8.4 KiB
HTML
<div ux-id="related-item-details" class="profile-relation__item"
|
|
ng-click="showDetails({item: item, event: $event})"
|
|
aria-label="{{'common.tabs.linkedItems' | i18n}} {{'ticket.region.details' | i18n}}"
|
|
role="heading"
|
|
tabindex="0">
|
|
|
|
<div ng-if="item.type === 'asset'">
|
|
<table class="asset-table">
|
|
<tr>
|
|
<td rowspan="2" class="item-icon-field">
|
|
<asset-type-icon type="item.realObject.assetType"></asset-type-icon>
|
|
</td>
|
|
<td ux-id="asset-type" class="asset-type-field">{{item.realObject.assetType | localizeLabel: 'assetType':'asset'}}</td>
|
|
<td ux-id="status-value" class="status-field">{{'asset.attributes.status' | i18n}}: <i class="label-value">{{(item.realObject.status.value | localizeLabel: 'status':item.type) || item.realObject.status.value}}</i></td>
|
|
<td ux-id="manufacturer" class="manufacturer-field">{{'asset.attributes.manufacturer' | i18n}}:
|
|
<i class="label-value" ng-if="item.realObject.manufacturer">{{item.realObject.manufacturer}}</i>
|
|
<i class="label-value" ng-if="!item.realObject.manufacturer">{{'asset.explorer.field.na' | i18n}}</i>
|
|
</td>
|
|
<td ux-id="asset-relation" rowspan="2" class="relations-field">
|
|
<div ng-if="item.realObject.isChild">{{'asset.relationship.child.short' | i18n}}</div>
|
|
<div ng-if="item.realObject.isParent">{{'asset.relationship.parent.short' | i18n}}</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="name-field">
|
|
<a ux-id="asset-profile-link" entity-profile-link="item" class="ticket-summary-truncate" title="{{item.realObject.name}}">
|
|
{{item.realObject.name}}
|
|
</a>
|
|
</td>
|
|
<td ux-id="asset-model" class="model-field">{{'asset.attributes.model' | i18n}}:
|
|
<i class="label-value" ng-if="item.realObject.model">{{item.realObject.model}}</i>
|
|
<i class="label-value" ng-if="!item.realObject.model">{{'asset.explorer.field.na' | i18n}}</i>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div ng-if="item.type !== 'asset'">
|
|
<div ng-if="item.type !== 'outage' && !item.isPoi" class="profile-relation__item-icon" ng-class="'icon-' + item.type + item.subType"></div>
|
|
<div ng-if="item.isPoi" class="profile-relation__item-icon icon-cube_users_o"></div>
|
|
<div ng-if="item.type === 'outage'">
|
|
<span class="resource-slice__outage-status-icon"
|
|
ng-class="{'icon-flag resource-slice__outage-status_current profile-relation__item-icon': item.realObject.status.value === 'Current Unavailability',
|
|
'icon-calendar resource-slice__outage-status_scheduled profile-relation__item-icon': item.realObject.status.value === 'Scheduled'}">
|
|
</span>
|
|
</div>
|
|
<div class="profile-relation__item-details clearfix">
|
|
|
|
<div class="col-sm-10" ng-if="item.type === 'outage'" >
|
|
<div class="row">
|
|
<div ux-id="entity-type" class="col-sm-5">{{item.realObject.type | localizeLabel: 'type':'outage'}}</div>
|
|
<div ux-id="status-value" class="col-sm-5">{{(item.realObject.status.value | localizeLabel: 'status':item.type) || item.realObject.status.value}}</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-sm-5">
|
|
<a ux-id="outage-profile-link" entity-profile-link="item" >
|
|
{{item.realObject.name || item.realObject.title || item.title || item.desc}}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="row" ng-if="item.realObject && item.realObject.affectedAsset">
|
|
<div ux-id="affected-asset" class="col-sm-5">
|
|
{{item.realObject.affectedAsset.name}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="item.type === 'dlp'">{{'ticket.detail.dlp' | i18n}}</div>
|
|
<div ux-id="entity-display-id" ng-if="item.displayId && item.type !== 'outage' && item.type !== 'asset' && item.type !== 'dlp'">{{item.displayId}}</div>
|
|
<!--asset desc || request title || incident/workorder title-->
|
|
<div ng-if="!isAppEnabled && item.type !== 'dlp'">{{item.realObject.name || item.realObject.title || item.title || item.desc}}</div>
|
|
<a ux-id="entity-profile-link" entity-profile-link="item" ng-if="item.type === 'dlp' || (isAppEnabled && item.type !== 'outage')">
|
|
{{item.realObject.name || item.realObject.title || item.title || item.desc}}
|
|
</a>
|
|
<div ux-id="company-name" ng-if="item.type === 'dlp'">{{'ticket.detail.company' | i18n}}:
|
|
<span>
|
|
{{(item.realObject.company.name | localizeLabel: 'status':item.type) || item.realObject.company.name}}
|
|
</span>
|
|
</div>
|
|
<div ux-id="triggered-by" ng-if="item.type === 'dlp'">{{'ticket.detail.triggeredby' | i18n}}:
|
|
<span>
|
|
{{item.realObject.triggeredBy}}
|
|
</span>
|
|
</div>
|
|
<div ng-if="item.type !== 'asset' && item.type !== 'outage' && item.type !== 'dlp' && item.realObject.status.value">
|
|
{{'ticket.status' | i18n}}:
|
|
<span ux-id="status-value">
|
|
{{(item.realObject.status.value | localizeLabel: 'status':item.type) || item.realObject.status.value}}
|
|
</span>
|
|
</div>
|
|
<div ng-if="item.type === 'asset' && item.realObject.assetType">
|
|
{{'asset.attributes.type' | i18n}}:
|
|
<span ux-id="asset-type" >
|
|
{{item.realObject.assetType}}
|
|
</span>
|
|
</div>
|
|
<div ux-id="crowdsourced" ng-if="item.isPoi">
|
|
{{'asset.details.crowdsourcedAsset' | i18n}}
|
|
</div>
|
|
<div ng-if="item.realObject.assignee.loginId">
|
|
{{'common.labels.assignedTo' | i18n}}:
|
|
<a ux-id="person-profile-link" href="#/person/{{item.realObject.assignee.loginId | escape}}">{{item.realObject.assignee.fullName}}</a>
|
|
</div>
|
|
<div ux-id="milestone" ng-if="item.realObject.milestone">
|
|
{{'release.detail.milestone' | i18n}}: {{item.realObject.milestone}}
|
|
</div>
|
|
<div ng-if="item.realObject.coordinator.loginId">
|
|
{{'release.detail.releaseCoordinator' | i18n}}:
|
|
<a ux-id="person-profile-link" href="#/person/{{item.realObject.coordinator.loginId | escape}}">{{item.realObject.coordinator.fullName}}</a>
|
|
</div>
|
|
</div>
|
|
<div class="profile-relation__more-info" ng-if="item.additionalInformation.hasImpact || item.additionalInformation.isChild || item.additionalInformation.isParent">
|
|
<div class="font-size-s">
|
|
<span ng-if="item.additionalInformation.hasImpact" class="linked-item__more-info">
|
|
{{'asset.relationship.impact' | i18n}}
|
|
</span>
|
|
<span ng-if="item.additionalInformation.isChild" class="linked-item__more-info">
|
|
{{'asset.relationship.child' | i18n}}
|
|
</span>
|
|
<span ng-if="item.additionalInformation.isParent" class="linked-item__more-info">
|
|
{{'asset.relationship.parent' | i18n}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="profile-relation__remove">
|
|
<span ux-id="scheduled-start-date" ng-if="item.type === 'outage'">{{item.realObject.scheduledStartDate | humanizeDate}}</span>
|
|
<span ux-id="scheduled-end-date" ng-if="item.type === 'outage' && item.realObject.scheduledEndDate"> - {{item.realObject.scheduledEndDate | humanizeDate}}</span>
|
|
<span ux-id="create-date" ng-if="item.type !== 'outage' && item.type !== 'asset' && item.realObject.createDate">{{'ticket.list.created' | i18n}} {{item.realObject.createDate | humanizedAbsoluteDateFormat}}</span>
|
|
|
|
<i ux-id="remove-item" ng-if="removeAllowed && item.type !== 'request' && !item.isPoi && item.type !== 'dlp'"
|
|
ng-click="removeItem({item: item, event: $event})"
|
|
ng-enter="removeItem({item: item, event: $event})"
|
|
title="{{'common.button.remove' | i18n}}"
|
|
class="icon-cross"
|
|
role="link"
|
|
tabindex="0">
|
|
</i>
|
|
</div>
|
|
</div> |