99 lines
6.5 KiB
HTML
99 lines
6.5 KiB
HTML
<div class="ticket__customized-body">
|
|
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
<div loading-spinner if="state.AssignToMeIsLoading" centered="true" overlay="true"></div>
|
|
|
|
<div class="ticket__not-found" ng-if="!state.dataIsLoading && !basicData.id">
|
|
<h3>{{'incident.details.notFound' | i18n}}</h3>
|
|
</div>
|
|
|
|
<editable-layout-section id="ticket-record-summary" class="top-border full-height" ticket="basicData" metadata="metadata"
|
|
ng-if="!state.dataIsLoading && basicData.id" is-draft="isDraft" edit-mode-allowed="hasEditPermission"
|
|
edit-button-label="'details'" is-full-version="isFullVersion">
|
|
<title-bar state="state" is-draft="isDraft" screen-layout="screenLayout" ticket="basicData" metadata="metadata" is-full-version="isFullVersion"></title-bar>
|
|
<status-bar is-draft="isDraft" status-layout="screenLayout.statusBar" ticket="basicData" metadata="metadata" edit-status="ticketActions.editStatus($event)"></status-bar>
|
|
|
|
<div class="ticket__customized-main-section">
|
|
<layout-renderer screen-layout="screenLayout" ticket="basicData" metadata="metadata" edit-mode="editMode"></layout-renderer>
|
|
|
|
<!-- Vendor Ticket information section -->
|
|
<div class="ticket__vendor-info-section" ng-if="basicData.brokerVendorName"
|
|
aria-label="{{'ticket.region.vendor.ticket.info' | i18n}}" role="region" tabindex="0">
|
|
<accordion close-others="true">
|
|
<div accordion-group
|
|
class="panel-default"
|
|
is-open="isOpen"
|
|
ng-repeat="vendorInfo in basicData.vendorInfo">
|
|
<accordion-heading>
|
|
<i ng-class="{'icon-angle_right': !isOpen, 'icon-angle_down': isOpen}"></i>
|
|
{{'ticket.vendor.label.details' | i18n : vendorInfo.vendor && vendorInfo.vendor.name || basicData.brokerVendorName }}
|
|
</accordion-heading>
|
|
<div class="ticket__vendor-info-section-details col-sm-12">
|
|
<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 class="ticket__vendor-info-section-details col-sm-12">
|
|
<div class="col-sm-6 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-6 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>
|
|
|
|
<!-- Tasks & Linked Items -->
|
|
<div ng-if="(isFullVersion && !editMode) || basicData.isDraft" class="profile__relation" aria-label="{{'ticket.region.relationship' | i18n}}" role="region" tabindex="0">
|
|
<tabset justified="true" class="tabset_short-relative-tabs">
|
|
<tab heading="{{'common.label.tasks' | i18n}} ({{relationCounters.tasks}})">
|
|
<ticket-tasks ticket="basicData" relation-counters="relationCounters"></ticket-tasks>
|
|
</tab>
|
|
<tab id="linkedResourcesTab_{{basicData.id}}" heading="{{'common.tabs.linkedItems' | i18n}} ({{relationCounters.linkedItems}})"> <!--//remove id-->
|
|
<related-item-list dependency="ticket-to-all" context="basicData" is-draft="isDraft" relation-counters="relationCounters"></related-item-list>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
|
|
</div>
|
|
</editable-layout-section>
|
|
</div>
|