display mobile time
This commit is contained in:
parent
4bb40f2cec
commit
c0b3a054c4
1 changed files with 8 additions and 3 deletions
|
|
@ -115,7 +115,7 @@
|
||||||
:class="[checkIsSelectedTimeSlot(timeSlot) ? 'selected-time-slot' : ''
|
:class="[checkIsSelectedTimeSlot(timeSlot) ? 'selected-time-slot' : ''
|
||||||
, {'has-date-error': showTimeSlotError}]"
|
, {'has-date-error': showTimeSlotError}]"
|
||||||
@click="selectTimeSlotForDay(timeSlot)">
|
@click="selectTimeSlotForDay(timeSlot)">
|
||||||
{{ displayTimeSlotTime(timeSlot.startTime) }}
|
{{ displayTimeSlotTime(timeSlot) }}
|
||||||
</label>
|
</label>
|
||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -143,6 +143,7 @@ import {
|
||||||
militaryToTwelveHourTime
|
militaryToTwelveHourTime
|
||||||
} from '@/helpers/date-helper';
|
} from '@/helpers/date-helper';
|
||||||
import {
|
import {
|
||||||
|
AppointmentTypeStrings,
|
||||||
PREMIUM_TIME_SLOT_ID_FLAG
|
PREMIUM_TIME_SLOT_ID_FLAG
|
||||||
} from '@/constants/schedule-constants';
|
} from '@/constants/schedule-constants';
|
||||||
import showIssLoadingModal from '@/helpers/loading-modal-helper.js';
|
import showIssLoadingModal from '@/helpers/loading-modal-helper.js';
|
||||||
|
|
@ -360,8 +361,12 @@ export default {
|
||||||
this.selectedTimeSlot = null;
|
this.selectedTimeSlot = null;
|
||||||
this.findFirstAvailableDateInView();
|
this.findFirstAvailableDateInView();
|
||||||
},
|
},
|
||||||
displayTimeSlotTime(militaryTime) {
|
displayTimeSlotTime(timeSlot) {
|
||||||
return militaryToTwelveHourTime(militaryTime);
|
const { appointmentType } = this.mainStore.order.serviceLocation;
|
||||||
|
if (appointmentType === AppointmentTypeStrings.MOBILE || appointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
|
||||||
|
return `${militaryToTwelveHourTime(timeSlot.startTime)} - ${militaryToTwelveHourTime(timeSlot.endTime)}`;
|
||||||
|
}
|
||||||
|
return militaryToTwelveHourTime(timeSlot.startTime);
|
||||||
},
|
},
|
||||||
findFirstAvailableDateInView() {
|
findFirstAvailableDateInView() {
|
||||||
for (let i = 0; i < this.daysToAdd; i += 1) {
|
for (let i = 0; i < this.daysToAdd; i += 1) {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue