SmartIT_Extensions/BMC/smart-it-full-helix/views/custom-widgets/change-class-directive.html

67 lines
3.4 KiB
HTML

<div ux-id="change-class">
<div class="row no-margin" ng-if="$parent.editMode">
<div ux-id="change-class-dropdown" class="{{fieldLengthForSm6 ? 'col-sm-12' : (fieldLengthForSm4 ? 'col-sm-12' : 'col-sm-4')}} ticket__change-class__field">
<label class="label_control-wrap">
<span class="label__text" ng-class="{'required__label': data.isRequired}"
data-required="{{'common.label.required.bracketed' | i18n}}"
field-name="timing"
entity="draftTicket">
{{'create.change.wizard.basicDetails.timing' | i18n }}
</span>
<div class="create-change-wizard__item">
<selection selection-items="changeMetadata.timings"
selected-item="draftTicket.timing"
selection-callback="updateTiming()"
title-text="{{'create.change.wizard.basicDetails.timing' | i18n | uppercase}}"
label="label"
value="label"
field-name="timing"
entity="draftTicket"
disabled-selection="data.isReadOnly || !isEditable"
aria-required="data.isRequired"
required="data.isRequired"
update-selected-item="true">
</selection>
</div>
</label>
</div>
<div ux-id="timing-reason-dropdown" ng-if="isFieldRequired('timingReason')" class="{{fieldLengthForSm6 ? 'col-sm-12' : (fieldLengthForSm4 ? 'col-sm-12' : 'col-sm-4')}} ticket__change-class__field">
<label class="label_control-wrap">
<span class="label__text" ng-class="{'required__label' : isFieldRequired('timingReason')}" data-required="{{'common.label.required.bracketed' | i18n}}">
{{'create.change.wizard.basicDetails.timingReason' | i18n }}
</span>
<div class="create-change-wizard__item">
<selection selection-items="changeMetadata.timingReasons"
selected-item="draftTicket.timingReason"
selection-callback="updateTimingReason()"
title-text="{{'create.change.wizard.basicDetails.timingReason' | i18n | uppercase}}"
label="label"
value="name"
update-selected-item="true"
disabled-selection="!isEditable"
required="isFieldRequired('timingReason')">
</selection>
</div>
</label>
</div>
</div>
<div class="row" ng-if="!$parent.editMode">
<div>
<div class="col-sm-4">
<label class="label_control-wrap">
<span ux-id="change-class-value" class="ticket__change-class__badge">
{{data.label | i18n }} {{draftTicket.timing.label}}
<i ux-id="reason-popover" class="icon-info_circle"
tabindex="0"
ng-if="draftTicket.timingReason.label"
popover-trigger="mouseenter"
popover-template="'views/custom-widgets/timing-reason-popover.html'"
popover-placement="bottom"></i>
</span>
</label>
</div>
</div>
</div>
</div>