93 lines
6.3 KiB
HTML
93 lines
6.3 KiB
HTML
<div class="create-change">
|
|
<div loading-spinner if="state.dataIsLoading" centered="true" overlay="true"></div>
|
|
<progress-modal title="{{'create.change.wizard.progress.title' | i18n}}" text="{{'create.change.wizard.ci.relatingCI.text' | i18n}}" if="state.savingCIs" launch-new="true"></progress-modal>
|
|
|
|
<div class="create-change__wizzard-header clearfix">
|
|
<div class="create-change__wizard-page-title">
|
|
<h3>{{'create.change.wizard.header' | i18n}}</h3>
|
|
<div class="create-change__wizard-page-description">{{'create.change.wizard.description' | i18n}}</div>
|
|
</div>
|
|
|
|
<div class="create-change-wizard__assignment-header"
|
|
ng-hide="state.selectedWizardTab==tabIds.wizard.basics">
|
|
<div class="create-change-wizard__assignment-header-item">
|
|
<img alt="{{draftTicket.assignee.fullName}}"
|
|
ng-if="draftTicket.assignee.id"
|
|
class="ticket-assignee__thumbnail"
|
|
imgplaceholder="user"
|
|
thumbnail-img="{{'data:' + draftTicket.assignee.thumbnailMime + ';base64,' + draftTicket.assignee.thumbnail}}" />
|
|
<span ng-if="!draftTicket.assignee.id" class="ticket-assignee__none icon-question_circle"></span>
|
|
|
|
<div class="ticket-assignee__info">
|
|
<div class="ticket__label-small">{{'create.change.wizard.basicDetails.changeCoordinator' | i18n}}</div>
|
|
<span ng-if="!draftTicket.assignee.id" class="ticket__field-value">{{'common.label.noneYet' | i18n }}</span>
|
|
<span ng-if="draftTicket.assignee.id" class="ticket__field-value">
|
|
<a aria-label="{{'common.labels.assignee' | i18n}} {{draftTicket.assignee.fullName}}"
|
|
href="#/person/{{draftTicket.assignee.id | escape}}">{{draftTicket.assignee.fullName}}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="create-change-wizard__assignment-header-item">
|
|
<img alt="{{draftTicket.manager.fullName}}"
|
|
ng-if="draftTicket.manager.id"
|
|
class="ticket-assignee__thumbnail"
|
|
imgplaceholder="user"
|
|
thumbnail-img="{{'data:' + draftTicket.manager.thumbnailMime + ';base64,' + draftTicket.manager.thumbnail}}" />
|
|
<span ng-if="!draftTicket.manager.id" class="ticket-assignee__none icon-question_circle"></span>
|
|
|
|
<div class="ticket-assignee__info">
|
|
<div class="ticket__label-small">{{'create.change.wizard.basicDetails.changeManager' | i18n}}</div>
|
|
<span ng-if="!draftTicket.manager.id" class="ticket__field-value">{{'common.label.noneYet' | i18n }}</span>
|
|
<span ng-if="draftTicket.manager.id" class="ticket__field-value">
|
|
<a aria-label="{{'personInfoCard.label.fullName' | i18n}} {{draftTicket.manager.fullName}}"
|
|
href="#/person/{{draftTicket.manager.id | escape}}">{{draftTicket.manager.fullName}}</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="create-change-wizard__content">
|
|
<div class="create-change-wizard__tab-bar">
|
|
<change-wizard-tab tabid="tabIds.wizard.basics" title="{{'create.change.wizard.tabs.basics' | i18n}}" icon="icon-file_text_o" selectedtab="state.selectedWizardTab" valid="formValid(tabIds.wizard.basics)"></change-wizard-tab>
|
|
<change-wizard-tab tabid="tabIds.wizard.ci" title="{{'create.change.wizard.tabs.ci' | i18n}}" icon="icon-cube_o" selectedtab="state.selectedWizardTab" valid="formValid(tabIds.wizard.ci)"></change-wizard-tab>
|
|
<change-wizard-tab tabid="tabIds.wizard.dates" title="{{'create.change.wizard.tabs.dates' | i18n}}" icon="icon-calendar" selectedtab="state.selectedWizardTab" valid="formValid(tabIds.wizard.dates)"></change-wizard-tab>
|
|
<change-wizard-tab tabid="tabIds.wizard.risks" title="{{'create.change.wizard.tabs.risks' | i18n}}" icon="icon-flag" selectedtab="state.selectedWizardTab" valid="formValid(tabIds.wizard.risks)"></change-wizard-tab>
|
|
<change-wizard-tab tabid="tabIds.wizard.documents" title="{{'create.change.wizard.tabs.documents' | i18n}}" icon="icon-paperclip" selectedtab="state.selectedWizardTab" valid="formValid(tabIds.wizard.documents)"></change-wizard-tab>
|
|
</div>
|
|
<div class="create-change-wizard__tab-content">
|
|
<basic-details></basic-details>
|
|
<ci-relations ng-show="state.selectedWizardTab==tabIds.wizard.ci" selectedTab="state.selectedWizardTab" company="draftTicket.company" model="data" displaylimit="5" parent="changeWizard" context="draftTicket"></ci-relations>
|
|
<dates-v2 ng-show="state.selectedWizardTab==tabIds.wizard.dates" context="draftTicket" dates-custom-fields="datesCustomFields" screen-layout="screenLayout" metadata="changeMetadata" edit-mode="true" is-new="true"></dates-v2>
|
|
<risks ng-show="state.selectedWizardTab==tabIds.wizard.risks" context="draftTicket" risks-custom-fields="risksCustomFields" screen-layout="screenLayout" metadata="changeMetadata" edit-mode="true" is-new="true"></risks>
|
|
<documents-tab ng-if="changeMetadata.documentTypes" ng-show="state.selectedWizardTab==tabIds.wizard.documents" is-note-required="isNoteRequired" context="draftTicket" doc-types="changeMetadata.documentTypes" edit-mode="false" metadata="changeMetadata"></documents-tab>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="create-change__action-panel">
|
|
<span class="create-ticket__form_invalid" ng-hide="changeWizardValid()">
|
|
<i class="icon-exclamation_triangle"></i>
|
|
<span>{{'create.change.wizard.form.invalid' | i18n:(invalidFormCount())}}</span>
|
|
</span>
|
|
|
|
<div class="pull-right">
|
|
<h1>{{linkedCount}}</h1>
|
|
<h5>{{'create.change.wizard.cis.linked' | i18n}}</h5>
|
|
<span class="icon-question_circle create-change__common-btn" tooltip-placement="top" tooltip="{{ 'create.change.wizard.ci.linked.count.tooltip' | i18n}}" tabindex="0" aria-label="{{ 'create.change.wizard.ci.linked.count.tooltip' | i18n}}"></span>
|
|
<button type="button" class="create-change__common-btn"
|
|
ng-class="{'btn_primary':linkedCount>0 , 'btn_secondary': linkedCount<=0}"
|
|
type="button" ng-click="nextStep()"
|
|
ng-hide="isDocumentTab()" tabindex="0" aria-label="{{getNextStepAriaLabel()}}">
|
|
{{'create.change.wizard.nextStep' | i18n}}
|
|
</button>
|
|
<button type="button" class="btn_primary create-change__common-btn"
|
|
ng-disabled="!changeWizardValid() || state.dataIsLoading"
|
|
ng-click="createChangeRequest()" tabindex="0">
|
|
{{ 'create.change.wizard.submitChange' | i18n }}
|
|
</button>
|
|
<button type="button" ng-click="clear()" class="btn_secondary" tabindex="0">
|
|
{{'create.change.wizard.startOver' | i18n}}
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div> |