SmartIT_Extensions/BMC/smart-it-full/views/field-customization/custom-fields/time-custom-field.html

27 lines
1.4 KiB
HTML

<div class="clearfix">
<label class="label_control-wrap">
<custom-field-label></custom-field-label>
<span class="custom-field__value" ng-if="!$parent.editMode && data.value" tooltip="{{tooltipToShow}}">
{{(data.hasValue && data.value) ? (data.value | date: 'shortTime') : ('customField.label.noValue' | i18n) }}
</span>
<div class="ticket__required-field" ng-if="!$parent.editMode && data.isRequired && !data.value">
<i class="icon-exclamation_triangle"></i> {{'ticket.notification.draft.missingField' | i18n:(data.label)}}
</div>
<div class="custom-field__time_single" ng-if="$parent.editMode">
<div class="dropdown timepicker">
<div class="dropdown-toggle">
<input class="form-control custom-field__time-input" ng-class="{'ng-invalid-required' : !data.value && data.isRequired}" type="text" readonly="readonly" ng-disabled="data.isReadOnly || !isEditable" value="{{data.value | date:'shortTime'}}"
aria-required="{{data.isRequired}}" ng-required="data.isRequired" aria-labelledby="{{data.name + 'Label'}}" />
<i class="icon-clock_o custom-field__date-icon"></i>
</div>
<div class="dropdown-menu" prevent-click-event="">
<timepicker ng-model="data.value" ng-required="data.isRequired" ng-change="onFieldValueChange()" show-meridian="showMeridian"></timepicker>
</div>
</div>
<div class="block-mask" ng-if="data.isReadOnly || !isEditable"></div>
</div>
</label>
</div>