54 lines
2.3 KiB
HTML
54 lines
2.3 KiB
HTML
<div ux-id="static-selection" class="clearfix">
|
|
<label class="label_control-wrap">
|
|
<custom-field-label></custom-field-label>
|
|
<span ux-id="field-value" class="custom-field__value" ng-if="!$parent.editMode && (data.value || data.value === 0)" tooltip="{{tooltipToShow}}" aria-label="{{tooltipToShow}}">
|
|
{{ dropdownOptions.selectedOption ? dropdownOptions.selectedOption.label : ('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 ux-id="select-custom-dropdown" selection-items="options"
|
|
selected-item="dropdownOptions.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="{{data.name}}.{{option.name}}.radio" class="custom-field__radio-label" ng-repeat="option in options"
|
|
tabindex="0" ng-enter="handleRadioEnterKey(option)">
|
|
<input ux-id="select-custom-radio_{{option.name}}" 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="dropdownOptions.selectedOption && option.name === dropdownOptions.selectedOption.name"
|
|
ng-click="selectItem(option)"
|
|
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>
|