305 lines
17 KiB
HTML
305 lines
17 KiB
HTML
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
|
|
<!-- TODO: extract this block to directive -->
|
|
<div class="ticket__not-found" ng-if="!state.dataIsLoading && !basicData.id">
|
|
<h3>{{'release.details.notFound' | i18n}}</h3>
|
|
</div>
|
|
|
|
<div class="ticket-details" ng-class="{'ticket__header-edit': editHeader}" ng-if="!state.dataIsLoading && basicData.id"
|
|
aria-label="{{'common.button.release' | i18n}} {{'ticket.region.details' | i18n}}" role="region">
|
|
<div class="ticket__header_change clearfix">
|
|
|
|
<!--Ticket header section-->
|
|
<editable-content-section id="ticket-header" class="custom-edit-button" hide-edit-button="editDisabledFor('ticket-header')"
|
|
edit-mode-allowed="basicData.accessMappings.summaryEditAllowed" aria-label="{{'ticket.region.header' | i18n}}"
|
|
edit-button-label="'header'" role="region" tabindex="0">
|
|
|
|
<div ng-if="!editMode" class="ticket__management clearfix" ng-class="{'highlight-section':!basicData.summary}">
|
|
<!-- TODO: extract common blocks to directive -->
|
|
<div class="ticket__basic-info">
|
|
<div class="ticket__summary" ng-if="isFullVersion" title="{{basicData.summary}}">{{basicData.summary}}</div>
|
|
<div class="ticket__summary" ng-if="!isFullVersion" title="{{basicData.summary}}">
|
|
<a class="ticket__summary" href="#/release/{{basicData.id}}">{{basicData.summary}}</a></div>
|
|
|
|
<div class="pull-left ticket__basic-info_left">
|
|
<div class="ticket__icon">
|
|
<span ng-class="basicData.isAutomatic ? 'icon-app_box_open_o' : 'icon-app_box_open_o'"></span>
|
|
</div>
|
|
|
|
<div class="ticket__information">
|
|
<div class="ticket__name">{{basicData.displayId || ''}}</div>
|
|
<a class="ticket__name-link" aria-label="{{'search.preview.viewFullRelease' | i18n}}" ng-if="!isFullVersion" href="#/release/{{basicData.id}}">{{'search.preview.viewFullRelease' | i18n}}</a>
|
|
<risk-level-badge risk-level="basicData.riskLevelCopy || basicData.riskLevel"></risk-level-badge>
|
|
<div ticket-priority-display priority-value="{{basicData.priority | lowercase}}">
|
|
{{ basicData.priority | localizeLabel: 'priority':'release' }}
|
|
</div>
|
|
<div class="ticket__lastupdated">{{'ticket.list.lastUpdated' | i18n : (basicData.modifiedDate | humanizedAbsoluteDateFormat)}}</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!--TODO: extract control bar items to separate directives-->
|
|
<div class="release-controls" ng-if="isFullVersion">
|
|
<div class="profile-action-bar__item edit-ticket-header-button" ng-if="basicData.accessMappings.summaryEditAllowed"
|
|
title="{{'controls.action.edit' | i18n}}" aria-label="{{'common.aria.label.edit.header' | i18n}}" role="link" tabindex="0"
|
|
ng-click="handleExternalEditClick()" ng-enter="handleExternalEditClick()">
|
|
<i class="icon-pencil"></i>
|
|
</div>
|
|
<div class="profile-action-bar__item dropdown" title="{{'controls.action.share' | i18n}}">
|
|
<button type="button" class="btn_link dropdown-toggle" aria-label="{{'controls.action.share' | i18n}}">
|
|
<i class="icon-share"></i>
|
|
</button>
|
|
<ul class="profile-action-bar__item-menu dropdown-menu">
|
|
<li>
|
|
<div class="dropdown-item" ng-click="ticketActions.share()" tabindex="0" role="menuitem">
|
|
{{'action.ticket.email' | i18n: ('common.labels.' + basicData.type | i18n) }}
|
|
</div>
|
|
</li>
|
|
<li ng-if='chatModel.connected'>
|
|
<a class="dropdown-item profile-action-bar__item-menu_start-chat" tabindex="0" role="menuitem">
|
|
{{'chat.startFromTicket.headerMenu' | i18n: ('common.labels.' + basicData.type | i18n) }}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="profile-action-bar__item" role="link" tabindex="0" ng-click="toggleFollowingFlag()" ng-enter="toggleFollowingFlag()"
|
|
title="{{(basicData.following? 'controls.action.unfollow' : 'controls.action.follow') | i18n}}"
|
|
aria-label="{{(basicData.following? 'controls.action.unfollow' : 'controls.action.follow') | i18n}}">
|
|
<i class="{{basicData.following? 'icon-star' : 'icon-star_o'}}"></i>
|
|
</div>
|
|
<div class="profile-action-bar__item" role="link" tabindex="0" ng-click="refreshTicket()" ng-enter="refreshTicket()"
|
|
title="{{'common.labels.refresh' | i18n}}"
|
|
aria-label="{{'common.labels.refresh' | i18n}}">
|
|
<i class="icon-refresh"></i>
|
|
</div>
|
|
<div ng-class="{'profile-action-bar__item': true, 'profile-action-bar__item_text' : !userModel.isAccessibleUser}"
|
|
ng-if="(basicData.accessMappings.restartActionAllowed && basicData.status.value=='Rejected') ||
|
|
(basicData.accessMappings.restartActionAllowed && basicData.status.value=='Cancelled') ||
|
|
basicData.accessMappings.resumeActionAllowed">
|
|
<button type="button" ng-if="basicData.accessMappings.restartActionAllowed && basicData.status.value=='Rejected'"
|
|
title="{{'action.change.restart.tooltip.rejected' | i18n : (basicData.previousStatus.value | localizeLabel: 'status':'change')}}" ng-click="ticketActions.applyAction('restart')" class="font-size-l btn_link">
|
|
{{'controls.action.restart' | i18n}}
|
|
</button>
|
|
<button type="button" ng-if="basicData.accessMappings.restartActionAllowed && basicData.status.value=='Cancelled'"
|
|
title="{{'action.change.restart.tooltip.cancelled' | i18n}}" ng-click="ticketActions.applyAction('restart')" class="font-size-l btn_link">
|
|
{{'controls.action.restart' | i18n}}
|
|
</button>
|
|
<button type="button" ng-if="basicData.accessMappings.resumeActionAllowed"
|
|
title="{{'action.release.resume.tooltip' | i18n : (basicData.previousStatus.value | localizeLabel: 'status':'change')}}" ng-click="ticketActions.applyAction('resume')" class="font-size-l btn_link">
|
|
{{'controls.action.resume' | i18n}}
|
|
</button>
|
|
</div>
|
|
<launch-actions-dropdown ng-if="!isDraft" class="profile-action-bar__item profile-action-bar__item_text profile-action-bar__item-more-actions" context="basicData" drop-down-options="moreDropDownOptions"></launch-actions-dropdown>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<form name="editChangeHeaderSection">
|
|
<edit-header ticket="basicData" metadata="metadata" ng-if="editMode" update="ticketActions.editHeader(data)"></edit-header>
|
|
</form>
|
|
|
|
</editable-content-section>
|
|
|
|
<div class="release-ticket__status-section" aria-label="{{'ticket.region.status' | i18n}}" role="region" tabindex="0">
|
|
<!-- TODO: extract common blocks to directive -->
|
|
<div class="release-ticket__status-selector" role="link" tabindex="0"
|
|
aria-label="{{'ticket.region.status' | i18n}} {{ basicData.status.value | localizeLabel: 'status':'change' }}"
|
|
ng-click="!basicData.accessMappings.statusEditAllowed || ticketActions.editStatus($event)"
|
|
ng-enter="!basicData.accessMappings.statusEditAllowed || ticketActions.editStatus($event)">
|
|
<div class="dropdown-toggle">
|
|
{{"release.detail.milestone" | i18n}} :
|
|
<span class="release-value-darkGrey">{{basicData.milestone | localizeLabel: 'milestone':'release'}}</span>
|
|
</div>
|
|
|
|
<div class="dropdown-toggle">
|
|
{{"release.detail.status" | i18n}} :
|
|
<span class="release-value-darkGrey">{{ basicData.status.value | localizeLabel: 'status':'release' }}</span>
|
|
<i class="icon-angle_down ticket__status-icon"></i>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ticket-status-section__sla-box clearfix">
|
|
|
|
<div class="sla-progress-bar__wrapper">
|
|
<sla-progress-bar ticket="basicData" class="sla-progress-bar" ng-if="basicData.SLA.slaProgressBarValid"></sla-progress-bar>
|
|
</div>
|
|
<sla-reach-time sla="basicData.SLA"></sla-reach-time>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="ticket__body_change">
|
|
|
|
<!--Alert Carousel will be displayed based on presence of alerts-->
|
|
<alert-carousel basic-data="basicData" alert-details="alertDetails" collisions="collisions" impact-analysis-status="basicData.impactAnalysisStatus" ng-if="alertDetails.alertItems.length > 0"></alert-carousel>
|
|
<!--Alert Carousel end-->
|
|
|
|
<!--Record details section-->
|
|
<editable-content-section id="ticket-record-summary" hide-edit-button="editDisabledFor('ticket-record-summary')" ticket="basicData"
|
|
edit-mode-allowed="isFullVersion && (basicData.accessMappings.detailsEditAllowed || basicData.accessMappings.requestedforEditAllowed || basicData.accessMappings.priorityEditAllowed || basicData.accessMappings.summaryEditAllowed)" aria-label="{{'ticket.region.details' | i18n}}" role="region" tabindex="0"
|
|
edit-button-label="'details'">
|
|
<div class="change-details__desc">
|
|
|
|
<edit-summary ticket="basicData" context="'detail'"
|
|
class="editable-content-section-block" update-is-handled-by-parent="true" edit-disabled="!basicData.accessMappings.summaryEditAllowed">
|
|
</edit-summary>
|
|
</div>
|
|
|
|
<div class="change-details__section">
|
|
<form name="editReleaseDetailsSection">
|
|
<release-details-editor ticket="basicData" metadata="metadata" class="editable-content-section-block" form="editReleaseDetailsSection"></release-details-editor>
|
|
</form>
|
|
</div>
|
|
</editable-content-section>
|
|
|
|
<div class="ticket__assignment" aria-label="{{'ticket.region.assignment' | i18n}}" role="region" tabindex="0" ng-class="{'disable-edit': editDisabledFor('ticket-assignment')}">
|
|
<div class="editable-content-section__controls">
|
|
<div class="editable-content-section__edit-button" ng-if="basicData.accessMappings.assignmentEditAllowed" ng-click="ticketActions.assign($event)" ng-enter="ticketActions.assign($event)" aria-label="{{'common.aria.label.edit.assignment' | i18n}}" role="link" tabindex="0">
|
|
<i class="icon icon-pencil icon-edit_sml"></i> {{'controls.action.edit' | i18n}}
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="ticket__assignee col-sm-6">
|
|
<div class="col-sm-1">
|
|
<img ng-if="basicData.coordinator.fullName" alt="{{basicData.coordinator.fullName}}" class="ticket-assignee__thumbnail " user-availability="basicData.assignee" imgplaceholder="user"
|
|
thumbnail-img="{{'data:' + basicData.coordinator.thumbnailMime + ';base64,' + basicData.coordinator.thumbnail}}" />
|
|
<span ng-if="!basicData.coordinator.fullName" class="ticket-assignee__none icon-question_circle"></span>
|
|
</div>
|
|
<div class="ticket-assignee__details">
|
|
<div class="ticket__label-small">{{'release.detail.releaseCoordinator' | i18n }}</div>
|
|
<span ng-if="!basicData.coordinator.fullName" class="ticket__field-value">{{'common.label.noneYet' | i18n }}</span>
|
|
<span ng-if="basicData.coordinator.fullName" class="ticket__field-value">
|
|
<a aria-label="{{'release.detail.releaseCoordinator' | i18n}} {{basicData.coordinator.fullName}}"
|
|
href="#/person/{{basicData.coordinator.id | escape}}">{{basicData.coordinator.fullName}}</a>
|
|
</span>
|
|
<div class="ticket-assignee__action"
|
|
ng-click="ticketActions.assignToMe($event, 'releasecoordinator')" ng-if="basicData.accessMappings.coordinatorSelfAssignmentAllowed && basicData.coordinator.id !== loggedInUserId" ng-enter="ticketActions.assignToMe($event, 'releasecoordinator')">
|
|
<i class="icon-user_plus"></i>
|
|
<a aria-label="{{'common.labels.assignToMe' | i18n}}" href="">
|
|
{{'common.labels.assignToMe' | i18n }}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="ticket__assignee col-sm-6">
|
|
<div class="ticket-assignee__details">
|
|
<div class="ticket__label-small">{{'common.labels.coordinatorGroup' | i18n}}</div>
|
|
<span class="ticket__field-value">{{ basicData.coordinatorGroup.name || ('common.label.noneYet' | i18n ) }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<editable-content-section id="ticket-edit-date" hide-edit-button="editDisabledFor('ticket-edit-date')"
|
|
ticket="basicData"
|
|
class="ticket__dates"
|
|
edit-mode-allowed="basicData.accessMappings.detailsEditAllowed"
|
|
aria-label="{{'ticket.region.details' | i18n}}" role="region" tabindex="0"
|
|
edit-button-label="'edit'">
|
|
|
|
<form name="forms.editReleaseDateSection" novalidate>
|
|
<div class="release-ticket__row">
|
|
<display-ticket-dates ticket="basicData" ng-if="!editMode"></display-ticket-dates>
|
|
</div>
|
|
<edit-release-dates ticket="basicData" is-draft="isDraft" ng-show="editMode"
|
|
date-form="forms.editReleaseDateSection"
|
|
class="editable-content-section-block"
|
|
update-is-handled-by-parent="true"></edit-release-dates>
|
|
</form>
|
|
</editable-content-section>
|
|
|
|
<editable-content-section
|
|
id="ticket-record-risks"
|
|
ticket="basicData"
|
|
hide-edit-button="editDisabledFor('ticket-record-risks')"
|
|
edit-mode-allowed="isFullVersion && basicData.accessMappings.riskEditAllowed"
|
|
aria-label="{{'ticket.region.risk' | i18n}} "
|
|
role="region" tabindex="0"
|
|
class="ticket__risks-content-section"
|
|
edit-button-label="'risk'">
|
|
<div loading-spinner if="state.risklevelLoading" centered="true" overlay="true"></div>
|
|
<div class="ticket__risks">
|
|
<div class="ticket__risks-details row" ng-hide="editMode">
|
|
<div class="{{showRiskQuestions ? 'col-xs-2' : 'col-xs-12'}}">
|
|
<risk-level-badge risk-level="basicData.riskLevel" class="{{showRiskQuestions ? 'ticket__risk-level-expanded' : 'ticket__risk-level-collapsed'}}"></risk-level-badge>
|
|
</div>
|
|
</div>
|
|
<form name="editRisksSection">
|
|
<div class="row">
|
|
<label class="label_control-wrap" ng-show="editMode">
|
|
<h2 class="ticket__label-small">{{'create.release.wizard.risks.level.subtitle' | i18n}}</h2>
|
|
</label>
|
|
|
|
<div class="col-xs-12 create-release-wizard__checkbox-container release_edit_row" ng-show="editMode">
|
|
|
|
<label class="label_control-wrap">
|
|
<div class="col-xs-1">
|
|
<input class="create-release-wizard__checkbox"
|
|
type="radio"
|
|
name="risk-method"
|
|
tabindex="0"
|
|
ng-model="basicData.riskLevelSelectionMode"
|
|
value="auto"
|
|
aria-label="{{'create.release.wizard.risks.autoCalculate' | i18n}}"
|
|
ng-change="calculateRisk(basicData.riskLevelSelectionMode)"/>
|
|
</div>
|
|
<div class="col-xs-5">
|
|
<h4>{{'create.release.wizard.risks.autoCalculate' | i18n}}</h4>
|
|
</div>
|
|
<i class="icon-question_circle" tooltip-placement="top"
|
|
tooltip="{{'release.detail.riskTooltip' | i18n}}"
|
|
tabindex="0" aria-label="{{'release.detail.riskTooltip' | i18n}}"></i>
|
|
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-12 create-release-wizard__checkbox-container" ng-show="editMode">
|
|
<label class="label_control-wrap">
|
|
<div class="col-xs-1">
|
|
<input class="create-release-wizard__checkbox"
|
|
type="radio"
|
|
name="risk-method"
|
|
tabindex="0"
|
|
ng-model="basicData.riskLevelSelectionMode"
|
|
aria-label="{{'create.release.wizard.risks.level.override' | i18n}}"
|
|
value="manual"/>
|
|
</div>
|
|
<div class="col-xs-5">
|
|
<h4>{{'create.release.wizard.risks.level.override' | i18n}}</h4>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
<div class="col-xs-12 edit-release-wizard__risk-container"
|
|
ng-show="basicData.riskLevelSelectionMode=='manual' && editMode">
|
|
<risk-level ticket="basicData" mode="basicData.riskLevelSelectionMode"
|
|
metadata="metadata" class="editable-content-section-block">
|
|
</risk-level>
|
|
</div>
|
|
<div class="col-xs-12 " ng-show="basicData.riskLevelSelectionMode=='auto' && editMode">
|
|
<div class="col-xs-12 create-release-wizard__risk_mode_title risk-level-undefined"
|
|
ng-if="basicData.isCalculateRiskNull">
|
|
<span>{{'create.release.wizard.risks.level.undefined' | i18n}}</span>
|
|
</div>
|
|
<div class="col-xs-12 create-release-wizard__risk_mode_title"
|
|
ng-if="basicData.riskLevel"
|
|
ng-class="basicData.titleRiskLevelCls">
|
|
<span ng-if="basicData.isCalculateRiskNull">{{'create.release.wizard.risks.level.selected' | i18n:(riskLevel())}}</span>
|
|
<span ng-if="!basicData.isCalculateRiskNull">{{'create.release.wizard.risks.level.title' | i18n:(riskLevel())}}</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</editable-content-section>
|
|
<change-profile-plans context="basicData" types="metadata.documentTypes" class="change" edit-mode-allowed="isFullVersion && basicData.accessMappings.timelineEditAllowed"></change-profile-plans>
|
|
<div ng-if="isFullVersion" class="profile__relation" aria-label="{{'ticket.region.relationship' | i18n}}" role="region" tabindex="0">
|
|
<tabset justified="true" class="tabset_short-relative-tabs">
|
|
<tab heading="{{'common.tabs.releasePlan' | i18n}}">
|
|
<edit-release-plan ticket="basicData"></edit-release-plan>
|
|
</tab>
|
|
<tab heading="{{'common.tabs.relatedItems' | i18n}} ({{relationCounters.linkedItems}})">
|
|
<related-item-list dependency="ticket-to-all" context="basicData" is-draft="isDraft" relation-counters="relationCounters"></related-item-list>
|
|
</tab>
|
|
</tabset>
|
|
</div>
|
|
</div>
|
|
</div> |