SmartIT_Extensions/BMC/smart-it-full-helix/views/custom-widgets/phone-field.html

29 lines
1.4 KiB
HTML

<div ux-id="phone-field" class="clearfix">
<label class="label_control-wrap">
<div ng-if="$parent.editMode">
<custom-field-label></custom-field-label>
</div>
<a ux-id="phone-field-value" aria-label="{{'personInfoCard.label.phoneNumber' | i18n}} {{data.ootbValue}}"
href="tel:{{ data.ootbValue }}" class="phone-field" ng-if="!$parent.editMode && data.ootbValue" role="button">
<i class="icon-phone dropdown-toggle" title="{{ data.label }}" aria-label="{{ data.label }}" aria-haspopup="true" aria-expanded="false">
</i>
{{ data.ootbValue ? data.ootbValue : ('customField.label.noValue' | i18n) }}
</a>
<div class="ticket__required-field" ng-if="!$parent.editMode && data.isRequired && !data.ootbValue">
<i class="icon-exclamation_triangle"></i> {{'ticket.notification.draft.missingField' | i18n:(data.label)}}
</div>
<div class="custom-field__phone" ng-show="$parent.editMode">
<input ux-id="phone-input" type="tel"
name="{{ data.name }}"
class="form-control"
aria-required="{{data.isRequired}}"
ng-required="data.isRequired"
ng-change="onFieldValueChange()"
ng-disabled="data.isReadOnly || !isEditable"
ng-model="data.ootbValue" />
</div>
</label>
</div>