Formatting Changes
This commit is contained in:
parent
0bf99c943a
commit
e7364fccf0
3 changed files with 22 additions and 29 deletions
|
|
@ -12,10 +12,7 @@
|
||||||
import textBlock from "@/digital-components/text-block/text-block";
|
import textBlock from "@/digital-components/text-block/text-block";
|
||||||
|
|
||||||
// Constants
|
// Constants
|
||||||
import {
|
import { AppointmentTypeStrings, cmsWidgetFieldMappings } from "@/constants/schedule-constants";
|
||||||
AppointmentTypeStrings,
|
|
||||||
cmsWidgetFieldMappings
|
|
||||||
} from "@/constants/schedule-constants";
|
|
||||||
|
|
||||||
// Helpers
|
// Helpers
|
||||||
import { getDisplayTextForDurationLength } from "@/helpers/duration-length-helper";
|
import { getDisplayTextForDurationLength } from "@/helpers/duration-length-helper";
|
||||||
|
|
@ -87,12 +84,15 @@ export default {
|
||||||
return null;
|
return null;
|
||||||
},
|
},
|
||||||
durationTextBlockCopy() {
|
durationTextBlockCopy() {
|
||||||
console.log("durationTextBlockCopy", this.appointmentType, this.estimatedServiceMinutesMaximum, this.estimatedServiceMinutesMinimum);
|
console.log(
|
||||||
|
"durationTextBlockCopy",
|
||||||
|
this.appointmentType,
|
||||||
|
this.estimatedServiceMinutesMaximum,
|
||||||
|
this.estimatedServiceMinutesMinimum
|
||||||
|
);
|
||||||
if (this.appointmentType === AppointmentTypeStrings.MOBILE) {
|
if (this.appointmentType === AppointmentTypeStrings.MOBILE) {
|
||||||
return this.mobileDurationText;
|
return this.mobileDurationText;
|
||||||
} else if (
|
} else if (this.appointmentType === AppointmentTypeStrings.DROP_OFF) {
|
||||||
this.appointmentType === AppointmentTypeStrings.DROP_OFF
|
|
||||||
) {
|
|
||||||
return this.getDurationTextBlockCopyForDropoff();
|
return this.getDurationTextBlockCopyForDropoff();
|
||||||
} else {
|
} else {
|
||||||
return this.inshopDurationText;
|
return this.inshopDurationText;
|
||||||
|
|
@ -114,9 +114,8 @@ export default {
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
textBlock,
|
textBlock,
|
||||||
}
|
},
|
||||||
}
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style></style>
|
||||||
</style>
|
|
||||||
|
|
|
||||||
|
|
@ -125,9 +125,7 @@
|
||||||
:appointmentType="appointmentType"
|
:appointmentType="appointmentType"
|
||||||
:estimatedServiceMinutesMinimum="estimatedServiceMinutesMinimum"
|
:estimatedServiceMinutesMinimum="estimatedServiceMinutesMinimum"
|
||||||
:estimatedServiceMinutesMaximum="estimatedServiceMinutesMaximum"
|
:estimatedServiceMinutesMaximum="estimatedServiceMinutesMaximum"
|
||||||
:isOvernightDropoff="isOvernightDropoff"
|
:isOvernightDropoff="isOvernightDropoff" />
|
||||||
/>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<datePicker
|
<datePicker
|
||||||
:currentZip="zipCode"
|
:currentZip="zipCode"
|
||||||
|
|
@ -1832,9 +1830,7 @@ export default {
|
||||||
serviceZipModalQuestion,
|
serviceZipModalQuestion,
|
||||||
appointmentTypeQuestion,
|
appointmentTypeQuestion,
|
||||||
contentGroupModal,
|
contentGroupModal,
|
||||||
shopQuestionPopup,
|
durationTextBlock,
|
||||||
buttonQuestion,
|
|
||||||
durationTextBlock
|
|
||||||
shopLocation,
|
shopLocation,
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -117,7 +117,7 @@ defineRule("time-slot-required", required(errorMessages.OPTION_REQUIRED));
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "time-slot-question",
|
name: "time-slot-question",
|
||||||
emits: ["update:modelValue", "time-slot-selection-changed",],
|
emits: ["update:modelValue", "time-slot-selection-changed"],
|
||||||
props: {
|
props: {
|
||||||
mobileCmsWidgetName: String,
|
mobileCmsWidgetName: String,
|
||||||
mobilePremiumCmsWidgetName: String,
|
mobilePremiumCmsWidgetName: String,
|
||||||
|
|
@ -189,7 +189,7 @@ export default {
|
||||||
this.selectedAnswerForDropOffOrInshop = null;
|
this.selectedAnswerForDropOffOrInshop = null;
|
||||||
this.selectedAnswerForTimeSlots = null;
|
this.selectedAnswerForTimeSlots = null;
|
||||||
this.autoSelectTimeSlotIfOnlyOneIsAvailable();
|
this.autoSelectTimeSlotIfOnlyOneIsAvailable();
|
||||||
}
|
},
|
||||||
},
|
},
|
||||||
computed: {
|
computed: {
|
||||||
supplementalInformationBlock() {
|
supplementalInformationBlock() {
|
||||||
|
|
@ -416,28 +416,26 @@ export default {
|
||||||
},
|
},
|
||||||
dropOffSelectionChanged(newValue) {
|
dropOffSelectionChanged(newValue) {
|
||||||
let newSelectedRouteCodeData = null;
|
let newSelectedRouteCodeData = null;
|
||||||
if(newValue && newValue != PICK_A_TIME_BUTTON_VALUE) {
|
if (newValue && newValue != PICK_A_TIME_BUTTON_VALUE) {
|
||||||
newSelectedRouteCodeData ={
|
newSelectedRouteCodeData = {
|
||||||
routeCode: newValue,
|
routeCode: newValue,
|
||||||
isPremiumAppointment: false
|
isPremiumAppointment: false,
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
this.selectedAnswerForTimeSlots = null;
|
this.selectedAnswerForTimeSlots = null;
|
||||||
this.$emit("time-slot-selection-changed", newSelectedRouteCodeData);
|
this.$emit("time-slot-selection-changed", newSelectedRouteCodeData);
|
||||||
},
|
},
|
||||||
timeSlotSelectionChanged(newValue) {
|
timeSlotSelectionChanged(newValue) {
|
||||||
if(newValue) {
|
if (newValue) {
|
||||||
let routeCode = newValue;
|
let routeCode = newValue;
|
||||||
let isPremiumAppointment = routeCode.includes(
|
let isPremiumAppointment = routeCode.includes(PREMIUM_TIME_SLOT_ID_FLAG);
|
||||||
PREMIUM_TIME_SLOT_ID_FLAG
|
|
||||||
);
|
|
||||||
if (isPremiumAppointment) {
|
if (isPremiumAppointment) {
|
||||||
routeCode = this.removePremiumFlagFromInput(routeCode);
|
routeCode = this.removePremiumFlagFromInput(routeCode);
|
||||||
}
|
}
|
||||||
this.$emit("time-slot-selection-changed", {
|
this.$emit("time-slot-selection-changed", {
|
||||||
routeCode: routeCode,
|
routeCode: routeCode,
|
||||||
isPremiumAppointment: isPremiumAppointment
|
isPremiumAppointment: isPremiumAppointment,
|
||||||
})
|
});
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
// This is unused but planned to be used again
|
// This is unused but planned to be used again
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue