120 lines
8.1 KiB
HTML
120 lines
8.1 KiB
HTML
<div ng-form name="dateForm" ng-class="{'change-date_earliest_margin': showEarliestDate && data.name !== 'scheduledDates'}">
|
|
<div class="label_control-wrap">
|
|
<div ng-if="$parent.editMode">
|
|
<div class="row-fluid change-date__form_invalid ticket-date__form_invalid" ng-if="(dateForm[data.members[0].name].$invalid || dateForm[data.members[1].name].$invalid) && data.value[data.members[0].name] !== null && data.value[data.members[1].name] !== null">
|
|
<div class="col-xs-11">
|
|
<i class="icon-exclamation_triangle"
|
|
ng-if="dateForm[data.members[0].name].$invalid || dateForm[data.members[1].name].$invalid"></i>
|
|
<span ng-if="dateForm[data.members[0].name].$invalid">{{'create.ticket.invalid.' + data.members[0].name |i18n}} {{'common.label.date' |i18n}}</span>
|
|
<span ng-if="dateForm[data.members[1].name].$invalid">{{'create.ticket.invalid.' + data.members[1].name |i18n}} {{'common.label.date' |i18n}}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-if="$parent.editMode && context.type === 'change' && data.name === 'scheduledDates' && showEarliestDate"
|
|
class="change-date_earliest">
|
|
{{'create.change.date.scheduled'|i18n}} {{(earliestStartDate | date: 'mediumDate') + ' ' + (earliestStartDate | date: 'shortTime')}}
|
|
</div>
|
|
|
|
<custom-field-label ng-if="!isDatesPanel"></custom-field-label>
|
|
<span ng-if="!$parent.editMode && isEditable && context.type === 'change' && context.isFullVersion"
|
|
class="icon-pencil icon-pencil__date-widget"
|
|
tabindex="0" ng-click="editDatesView()" ng-enter="editDatesView()"></span>
|
|
<div class="ticket__field-value" ng-if="!$parent.editMode && data.name !== targetDate">
|
|
{{(data.hasValue && data.value[data.members[0].name]) ? ((data.value[data.members[0].name] | date:'mediumDate') + ' ' + (data.value[data.members[0].name] | date: 'shortTime')) : ('customWidget.label.none' | i18n) }} -
|
|
{{(data.hasValue && data.value[data.members[1].name]) ? ((data.value[data.members[1].name] | date:'mediumDate') + ' ' + (data.value[data.members[1].name] | date: 'shortTime')) : ('customWidget.label.none' | i18n) }}
|
|
</div>
|
|
<div class="ticket__field-value" ng-if="!$parent.editMode && data.name == targetDate">
|
|
{{(data.hasValue && data.value[data.members[0].name]) ? ((data.value[data.members[0].name] | date:'mediumDate') + ' ' + (data.value[data.members[0].name] | date: 'shortTime')) : ('customWidget.label.none' | i18n) }}
|
|
</div>
|
|
<div ng-if="$parent.editMode">
|
|
<div class="row-fluid ticket-date__editor">
|
|
<label class="custom-field__date">
|
|
<input type="text"
|
|
class="form-control"
|
|
name="{{data.members[0].name}}"
|
|
datepicker-popup="mediumDate"
|
|
aria-required="{{data.isRequired}}"
|
|
aria-labelledby="{{data.name + 'Label'}}"
|
|
ng-model="data.value[data.members[0].name]"
|
|
ng-change="onFieldValueChange(data, data.members[0].name, 'start')"
|
|
placeholder="{{'create.change.wizard.dates.startDate' | i18n}}"
|
|
is-open="status.openedStart"
|
|
show-button-bar="false"
|
|
ng-click="openStart($event)"
|
|
ng-enter="openStart($event)"
|
|
datepicker-options="datePickerOptions"
|
|
ng-disabled="data.isReadOnly || !isEditable || validator(data.members[0].name) || disabled"
|
|
ng-required="data.isRequired" />
|
|
<i class="icon-calendar custom-field__date-icon"></i>
|
|
</label>
|
|
<div class="custom-field__time">
|
|
<div class="dropdown timepicker">
|
|
<div class="dropdown-toggle" ng-disabled="data.isReadOnly || !isEditable || validator(data.members[0].name) || disabled">
|
|
<input class="form-control custom-field__time-input"
|
|
type="text"
|
|
readonly="readonly"
|
|
ng-disabled="data.isReadOnly || !isEditable || validator(data.members[0].name) || disabled"
|
|
value="{{data.value[data.members[0].name] | date: 'shortTime' }}"
|
|
ng-required="data.isRequired"
|
|
placeholder="{{'create.change.wizard.dates.select' | i18n}}" />
|
|
<i class="icon-clock_o custom-field__time-icon"></i>
|
|
</div>
|
|
<div class="dropdown-menu" prevent-click-event="">
|
|
<timepicker ng-model="data.value[data.members[0].name]"
|
|
ng-change="onFieldValueChange(data, data.members[0].name)"
|
|
hour-step="1"
|
|
minute-step="1"
|
|
show-meridian="showMeridian">
|
|
</timepicker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row-fluid ticket-date__editor" ng-if="data.name !== targetDate">
|
|
<label class="custom-field__date">
|
|
<input type="text"
|
|
class="form-control"
|
|
name="{{data.members[1].name}}"
|
|
datepicker-popup="mediumDate"
|
|
aria-required="{{data.isRequired}}"
|
|
aria-labelledby="{{data.name + 'Label'}}"
|
|
ng-model="data.value[data.members[1].name]"
|
|
ng-change="onFieldValueChange(data, data.members[1].name)"
|
|
is-open="status.openedEnd"
|
|
show-button-bar="false"
|
|
ng-click="openEnd($event)"
|
|
ng-enter="openEnd($event)"
|
|
ng-disabled="data.isReadOnly || !isEditable || validator(data.members[1].name) || disabled"
|
|
placeholder="{{'create.change.wizard.dates.endDate' | i18n}}"
|
|
min-date="data.value[data.members[0].name]"
|
|
init-date="data.initDate"
|
|
datepicker-options="datePickerOptions"
|
|
ng-required="data.isRequired" />
|
|
<i class="icon-calendar custom-field__date-icon"></i>
|
|
</label>
|
|
<div class="custom-field__time">
|
|
<div class="dropdown timepicker">
|
|
<div class="dropdown-toggle" ng-disabled="data.isReadOnly || !isEditable || validator(data.members[1].name) || disabled">
|
|
<input class="form-control custom-field__time-input"
|
|
type="text"
|
|
readonly="readonly"
|
|
ng-disabled="data.isReadOnly || !isEditable || validator(data.members[1].name) || disabled"
|
|
value="{{data.value[data.members[1].name] | date: 'shortTime' }}"
|
|
ng-required="data.isRequired"
|
|
placeholder="{{'create.change.wizard.dates.select' | i18n}}" />
|
|
<i class="icon-clock_o custom-field__time-icon"></i>
|
|
</div>
|
|
<div class="dropdown-menu" prevent-click-event="">
|
|
<timepicker ng-model="data.value[data.members[1].name]"
|
|
ng-change="onFieldValueChange(data, data.members[1].name)"
|
|
hour-step="1"
|
|
minute-step="1"
|
|
show-meridian="showMeridian">
|
|
</timepicker>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |