SmartIT_Extensions/dist/NTTDATA/api/views/field-customization/custom-fields/static-selection-custom-fie...

56 lines
2.3 KiB
HTML

<div class="clearfix">
<label class="label_control-wrap">
<custom-field-label-ntt></custom-field-label-ntt>
<span class="custom-field__value" ng-if="!$parent.editMode && (data.value || data.value === 0)" tooltip="{{tooltipToShow}}">
{{ selectedOption ? selectedOption.label : ('customField.label.noValue' | i18n) }}
</span>
<span class="custom-field-ntt__noValue" ng-if="!$parent.editMode && !data.value" ng-bind-html="('customField.label.noValue' | i18n)"></span>
<div class="ticket__required-field" ng-if="!$parent.editMode && data.isRequired && !data.value && data.value != 0">
<i class="icon-exclamation_triangle"></i> {{'ticket.notification.draft.missingField' | i18n:(data.label)}}
</div>
<div ng-if="$parent.editMode">
<div class="select-custom-dropdown" ng-if="data.isDropdownField()">
<selection selection-items="options"
selected-item="selectedOption"
selection-callback="selectItem(item)"
title-text="{{data.label}}"
label="label"
update-selected-item="true"
value="index"
required="data.isRequired"
disabled-selection="data.isReadOnly || !isEditable"
clear-callback="selectItem(item)"
show-clear="true">
</selection>
</div>
<div class="custom-field__radio" ng-if="data.isRadioField()">
<label for="{{option.name}}.radio" class="custom-field__radio-label" ng-repeat="option in options"
tabindex="0" ng-click="(!data.isReadOnly && isEditable) && selectItem(option)" ng-enter="(!data.isReadOnly && isEditable) && selectItem(option)">
<input type="radio"
id="{{data.name}}.{{option.name}}.radio"
name="{{data.name}}"
class="custom-field__radio-btn"
aria-required="{{data.isRequired}}"
aria-labelledby="{{data.name + 'Label'}}"
ng-model="data.radioFieldVal"
ng-disabled="data.isReadOnly || !isEditable"
ng-required="data.isRequired"
ng-checked="selectedOption && option.name === selectedOption.name"
value="{{ option.label }}"
/><span>{{ option.label }}</span>
</label>
</div>
</div>
<!-- hack to support validation -->
<input name="{{data.name}}" type="hidden" ng-if="!$parent.editMode" ng-required="data.isRequired" ng-model="data.value">
</label>
</div>