60 lines
2.5 KiB
HTML
60 lines
2.5 KiB
HTML
<div class="clearfix custom-field__date_time_container">
|
|
<div class="label_control-wrap">
|
|
<custom-field-label-ntt></custom-field-label-ntt>
|
|
|
|
<span class="custom-field__value" ng-if="!$parent.editMode && data.value" tooltip="{{tooltipToShow}}">
|
|
{{((data.value | date:'mediumDate') + ' ' + (data.value | date: 'shortTime'))}}
|
|
</span>
|
|
|
|
<!--<span class="custom-field__value" ng-if="!$parent.editMode && data.value" tooltip="{{tooltipToShow}}">
|
|
{{(data.hasValue && data.value) ? ((data.value | date:'mediumDate') + ' ' + (data.value | date: 'shortTime')) : ('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">
|
|
<i class="icon-exclamation_triangle"></i> {{'ticket.notification.draft.missingField' | i18n:(data.label)}}
|
|
</div>
|
|
|
|
<div class="row-fluid" ng-if="$parent.editMode">
|
|
|
|
<label class="custom-field__date">
|
|
<input type="text"
|
|
class="form-control"
|
|
datepicker-popup="mediumDate"
|
|
datepicker-options="{'showWeeks': false}"
|
|
aria-required="{{data.isRequired}}"
|
|
aria-labelledby="{{data.name + 'Label'}}"
|
|
ng-model="data.value"
|
|
ng-change="onFieldValueChange()"
|
|
is-open="status.opened"
|
|
show-button-bar="false"
|
|
ng-click="open($event)"
|
|
ng-disabled="data.isReadOnly || !isEditable"
|
|
ng-required="data.isRequired" />
|
|
<i class="icon-calendar custom-field__date-icon"></i>
|
|
|
|
<div class="block-mask" ng-if="data.isReadOnly"></div>
|
|
</label>
|
|
<div class="custom-field__time">
|
|
<div class="dropdown timepicker">
|
|
<div class="dropdown-toggle">
|
|
<input class="form-control custom-field__time-input" type="text" readonly="readonly"
|
|
ng-class="{'ng-invalid-required' : !data.value && data.isRequired}"
|
|
ng-disabled="!data.value || data.isReadOnly || !isEditable"
|
|
value="{{data.value | date: 'shortTime' }}"
|
|
ng-required="data.isRequired" />
|
|
<i class="icon-clock_o custom-field__time-icon"></i>
|
|
</div>
|
|
<div class="dropdown-menu" prevent-click-event="">
|
|
<timepicker ng-model="data.value" ng-change="onFieldValueChange()" hour-step="1" minute-step="1" show-meridian="showMeridian"></timepicker>
|
|
</div>
|
|
</div>
|
|
<div class="block-mask" ng-if="!data.value || data.isReadOnly"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |