upgraded for new changes
This commit is contained in:
@@ -606,11 +606,11 @@ const backFun = () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
@@ -647,11 +647,11 @@ const backFun = () => {
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.total-font {
|
||||
|
@@ -260,7 +260,11 @@ const getMonthName = (monthNumber, year = new Date().getFullYear()) => {
|
||||
const getFormattedDatetimes = (date) => {
|
||||
// Ensure the date is in the format "YYYY-MM-DD"
|
||||
const formattedDate = date.replace(/\//g, '-');
|
||||
let obj = store.getters.getCalendlyAvailableTImes
|
||||
let obj = [];
|
||||
if(!store.getters.getCalendlyAvailableTImes)
|
||||
obj = JSON.parse(localStorage.getItem('getCalendlyAvailableTImes'))
|
||||
else
|
||||
obj = store.getters.getCalendlyAvailableTImes
|
||||
console.log('//////formattedDate',formattedDate,obj)
|
||||
// Check if the date exists in the object
|
||||
if (obj.hasOwnProperty(formattedDate)) {
|
||||
@@ -488,6 +492,7 @@ const scheduleEvent = async () => {
|
||||
timeSlotString: timeSlotString.value,
|
||||
url:getSchedulingUrl(store.getters.getCalendlyAvailableTImes,calanderFormatedDate.value,isTimeSlot.value),
|
||||
}
|
||||
console.log('>>>apptData',apptData)
|
||||
// await openSchedulingURL(apptData.appointment_date, apptData.appointment_time);
|
||||
localStorage.setItem('patient_appointment_details', JSON.stringify(apptData))
|
||||
console.log(JSON.parse(localStorage.getItem('patient_appointment_details')))
|
||||
@@ -648,7 +653,7 @@ const backFun = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup>
|
||||
<!-- <StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup> -->
|
||||
<VDialog v-model="store.getters.getIsLoading" width="110" height="150" color="primary">
|
||||
<VCardText class="" style="color: white !important;">
|
||||
<div class="demo-space-x">
|
||||
@@ -931,11 +936,11 @@ const backFun = () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
@@ -971,11 +976,11 @@ const backFun = () => {
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.total-font {
|
||||
|
@@ -258,7 +258,6 @@ const validatePayment = async () => {
|
||||
if (isValid) {
|
||||
await saveOrderInfo()
|
||||
await processPayment()
|
||||
|
||||
// await updatePatientAddress()
|
||||
// if (prescreptionRequired.value)
|
||||
if (!store.getters.getErrorMessage) {
|
||||
@@ -269,7 +268,6 @@ const validatePayment = async () => {
|
||||
}, 5000)
|
||||
}
|
||||
}
|
||||
|
||||
// else
|
||||
// router.replace(route.query.to && route.query.to != '/checkout' ? String(route.query.to) : '/thankyou')
|
||||
}
|
||||
@@ -447,7 +445,7 @@ const backFun = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup>
|
||||
<!-- <StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup> -->
|
||||
<VDialog v-model="store.getters.getIsLoading" width="110" height="150" color="yellow-theme-button">
|
||||
<VCardText class="" style="color: white !important;">
|
||||
<div class="demo-space-x">
|
||||
@@ -603,7 +601,6 @@ const backFun = () => {
|
||||
<v-card>
|
||||
<v-card-text>
|
||||
<div class="mt-2 mb-2">
|
||||
<h4>We've Found a Match from your Address.</h4>
|
||||
<small>Select the correct address that match your current
|
||||
address</small>
|
||||
</div>
|
||||
@@ -666,11 +663,11 @@ const backFun = () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
@@ -706,11 +703,11 @@ const backFun = () => {
|
||||
</style>
|
||||
<style lang="scss">
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.total-font {
|
||||
|
@@ -8,7 +8,7 @@ const router = useRouter()
|
||||
const route = useRoute()
|
||||
const cartEncoded = ref(
|
||||
{
|
||||
"gender": "male",
|
||||
"gender": "Male",
|
||||
"doctor_visit": "89.00",
|
||||
"products": [
|
||||
{
|
||||
|
@@ -763,17 +763,17 @@ const formatDate = (date) => {
|
||||
to="/queue"
|
||||
target="_blank"
|
||||
>
|
||||
<VBtn
|
||||
<!-- <VBtn
|
||||
style="border-radius: 20px"
|
||||
block
|
||||
class="mt-3 text-white"
|
||||
color="rgb(var(--v-theme-yellow-theme-button))"
|
||||
>
|
||||
Go to Meeting
|
||||
</VBtn>
|
||||
</VBtn> -->
|
||||
</RouterLink>
|
||||
<span v-else>
|
||||
<VBtn
|
||||
<!-- <VBtn
|
||||
block
|
||||
style="border-radius: 20px"
|
||||
class="mt-3 text-white"
|
||||
@@ -781,7 +781,7 @@ const formatDate = (date) => {
|
||||
disabled
|
||||
>
|
||||
Go to Meeting
|
||||
</VBtn>
|
||||
</VBtn> -->
|
||||
</span>
|
||||
</VCardText>
|
||||
</div>
|
||||
|
@@ -689,7 +689,7 @@ const formatTotalCurrency = (amount) => {
|
||||
}}</span>
|
||||
</div>
|
||||
<span v-if="isMeeting">
|
||||
<RouterLink to="/queue" target="_blank">
|
||||
<!-- <RouterLink to="/queue" target="_blank">
|
||||
<VBtn
|
||||
style="border-radius: 20px; color: #fff"
|
||||
block
|
||||
@@ -698,17 +698,17 @@ const formatTotalCurrency = (amount) => {
|
||||
>
|
||||
Go to Meeting
|
||||
</VBtn>
|
||||
</RouterLink>
|
||||
</RouterLink> -->
|
||||
</span>
|
||||
<span v-else>
|
||||
<VBtn
|
||||
<!-- <VBtn
|
||||
block
|
||||
style="border-radius: 20px; color: #fff"
|
||||
class="mt-3"
|
||||
color="rgb(var(--v-theme-yellow-theme-button))"
|
||||
disabled
|
||||
>Go to Meeting
|
||||
</VBtn>
|
||||
</VBtn> -->
|
||||
</span>
|
||||
</div>
|
||||
</VCardText>
|
||||
|
@@ -220,7 +220,7 @@ const convertUtcDateTimeToLocal = (utcDate, utcTime, type) => {
|
||||
<VSpacer />
|
||||
|
||||
<div class="d-flex flex-column text-sm-end gap-2">
|
||||
<div class="order-sm-0 order-1 pt-0 mt-3">
|
||||
<!-- <div class="order-sm-0 order-1 pt-0 mt-3">
|
||||
<RouterLink v-if="isMeetingEnable" to="/queue" target="_blank">
|
||||
<VBtn color="primary" class="me-2">
|
||||
Go to Meeting
|
||||
@@ -230,7 +230,7 @@ const convertUtcDateTimeToLocal = (utcDate, utcTime, type) => {
|
||||
<VBtn class="" color="primary" disabled>Go to Meeting
|
||||
</VBtn>
|
||||
</span>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<!-- <span class="mt-auto order-sm-1 order-0">Card expires at {{ card.expiry }}</span> -->
|
||||
</div>
|
||||
|
@@ -927,7 +927,7 @@ const formatTotalCurrency = (amount) => {
|
||||
</v-list>
|
||||
</div>
|
||||
</v-card-text>
|
||||
<v-card-text>
|
||||
<!-- <v-card-text>
|
||||
<RouterLink
|
||||
to="/queue"
|
||||
target="_blank"
|
||||
@@ -952,7 +952,7 @@ const formatTotalCurrency = (amount) => {
|
||||
>Go to Meeting
|
||||
</VBtn>
|
||||
</span>
|
||||
</v-card-text>
|
||||
</v-card-text> -->
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
@@ -207,7 +207,7 @@ const changeEmailSignUp = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup>
|
||||
<!-- <StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup> -->
|
||||
<VDialog v-model="store.getters.getIsLoading" width="110" height="150" color="primary">
|
||||
|
||||
<VCardText class="" style="color: white !important;">
|
||||
@@ -371,11 +371,11 @@ const changeEmailSignUp = () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
|
@@ -17,6 +17,7 @@ import {
|
||||
import { onBeforeMount, onMounted, onUnmounted } from 'vue';
|
||||
import { useRoute, useRouter } from 'vue-router';
|
||||
import { useStore } from 'vuex';
|
||||
import { VDateInput } from 'vuetify/lib/labs/components.mjs';
|
||||
const store = useStore()
|
||||
const router = useRouter()
|
||||
const route = useRoute()
|
||||
@@ -374,7 +375,7 @@ const isUserAuthenticate = () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup>
|
||||
<!-- <StartOverPupup :showPopup="store.getters.getShowStartOverPupup"></StartOverPupup> -->
|
||||
<!-- <HeaderTopBar></HeaderTopBar> -->
|
||||
<VContainer fluid :class="isMobile ? '' : 'container-padding'">
|
||||
<VRow style="min-height: 65px;"><CustomNav :logo='seetingPlanLogo'></CustomNav></VRow>
|
||||
@@ -453,8 +454,19 @@ const isUserAuthenticate = () => {
|
||||
placeholder="i.e. (000) 000-0000" @input="formatPhoneNumber" max="14" density="comfortable" />
|
||||
</VCol>
|
||||
<VCol cols="12" md="4">
|
||||
<VTextField v-model="dob" :max="getCurrentDate()" label="Date of Birth" placeholder="Date of Birth"
|
||||
type="date" :rules="[requiredDate]" :error-messages="errors.dob" density="comfortable" />
|
||||
<!-- <v-date-input v-model="dob" :max="getCurrentDate()" label="Date of Birth" placeholder="Date of Birth"
|
||||
:rules="[requiredDate]" :error-messages="errors.dob" density="comfortable" prepend-icon=""
|
||||
variant="solo"></v-date-input> -->
|
||||
<v-date-input
|
||||
v-model="dob"
|
||||
:max="getCurrentDate()"
|
||||
:rules="[requiredDate]" :error-messages="errors.dob"
|
||||
label="Date of Birth"
|
||||
placeholder="Date of Birth"
|
||||
prepend-icon=""
|
||||
variant="outlined"
|
||||
density="comfortable"
|
||||
></v-date-input>
|
||||
</VCol>
|
||||
|
||||
</VRow>
|
||||
@@ -489,7 +501,7 @@ const isUserAuthenticate = () => {
|
||||
<h4>Personal Information</h4>
|
||||
</VCol>
|
||||
<VCol cols="12" md="4">
|
||||
<VTextField v-model="dob" :max="getCurrentDate()" label="Date of Birth" placeholder="Date of Birth"
|
||||
<VDateInput v-model="dob" :max="getCurrentDate()" label="Date of Birth" placeholder="Date of Birth"
|
||||
type="date" :rules="[requiredDate]" :error-messages="errors.dob" />
|
||||
</VCol>
|
||||
<VCol cols="12" md="4">
|
||||
@@ -518,7 +530,7 @@ const isUserAuthenticate = () => {
|
||||
<VCheckbox v-model="termAndCondtiton" :error-messages="errors.termAndCondtiton"
|
||||
:rules="[requiredValidator]" label="I agree to the Terms and Conditions" />
|
||||
<VCheckbox v-model="receviceSMs" :error-messages="errors.receviceSMs" :rules="[requiredValidator]"
|
||||
label="I agree to receive via SMS news and special offers" />
|
||||
label="I agree to receive SMS and Email Notifications." />
|
||||
<!-- <VCheckbox v-model="isPolicy" :error-messages="errors.isPolicy" :rules="[requiredValidator]"
|
||||
label="I agree to the Privacy Policy" /> -->
|
||||
<!-- <VCheckbox v-model="isPolicy" :rules="[requiredValidator]" :error-messages="errors.isPolicy">
|
||||
@@ -661,11 +673,11 @@ const isUserAuthenticate = () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
@@ -710,11 +722,11 @@ const isUserAuthenticate = () => {
|
||||
@import "@vendor/css/pages/help-center-front-page.css";
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.total-font {
|
||||
|
@@ -38,6 +38,12 @@ const access_token = localStorage.getItem("access_token");
|
||||
const appointmentDetails = JSON.parse(
|
||||
localStorage.getItem("patient_appointment_details")
|
||||
);
|
||||
const timezoneMap = {
|
||||
'EST': 'America/New_York',
|
||||
'PST': 'America/Los_Angeles',
|
||||
'CST': 'America/Chicago',
|
||||
'MST': 'America/Denver'
|
||||
};
|
||||
onBeforeMount(async () => {
|
||||
store.dispatch("updateIsLoading", true);
|
||||
store.dispatch("updateCurrentPage", "review-appointment");
|
||||
@@ -82,15 +88,30 @@ onBeforeMount(async () => {
|
||||
dob.value = `${parts[1]}-${parts[2]}-${parts[0]}`;
|
||||
|
||||
const appointment_date = new Date(appointmentDetails.appointment_date);
|
||||
const formattedDate = new Intl.DateTimeFormat("en-US", {
|
||||
year: "numeric",
|
||||
month: "long",
|
||||
day: "numeric",
|
||||
}).format(appointment_date);
|
||||
console.log("formattedDate", formattedDate);
|
||||
scheduleDate.value = formattedDate;
|
||||
// const formattedDate = new Intl.DateTimeFormat("en-US", {
|
||||
// year: "numeric",
|
||||
// month: "long",
|
||||
// day: "numeric",
|
||||
// }).format(appointment_date);
|
||||
// console.log("formattedDate", formattedDate);
|
||||
scheduleDate.value = formatDate(appointmentDetails.appointment_date);
|
||||
console.log('formatWithTimeZone',formatDate(appointmentDetails.appointment_date))
|
||||
store.dispatch("updateIsLoading", false);
|
||||
});
|
||||
const formatDate = (dateStr) => {
|
||||
const months = [
|
||||
"January", "February", "March", "April", "May", "June",
|
||||
"July", "August", "September", "October", "November", "December"
|
||||
];
|
||||
|
||||
// Split the input date string by the hyphen
|
||||
const [year, month, day] = dateStr.split("-");
|
||||
|
||||
// Convert month from "10" to "October" (month - 1 as months array is 0-based)
|
||||
const formattedDate = `${months[parseInt(month) - 1]} ${parseInt(day)}, ${year}`;
|
||||
|
||||
return formattedDate;
|
||||
};
|
||||
onMounted(async () => {
|
||||
let setting = await axios.post("/api/settings", {});
|
||||
console.log(setting.data);
|
||||
@@ -170,9 +191,9 @@ const confirmFun = async () => {
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<StartOverPupup
|
||||
<!-- <StartOverPupup
|
||||
:showPopup="store.getters.getShowStartOverPupup"
|
||||
></StartOverPupup>
|
||||
></StartOverPupup> -->
|
||||
<VDialog
|
||||
v-model="store.getters.getIsLoading"
|
||||
width="110"
|
||||
@@ -262,8 +283,7 @@ const confirmFun = async () => {
|
||||
|
||||
</p>
|
||||
<p class="mb-0">
|
||||
We will email you telehealth instructions. This is
|
||||
your appointment to confirm it.
|
||||
We will email you the telehealth instructions shortly. Please confirm your appointment by clicking the button below.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
@@ -338,11 +358,11 @@ const confirmFun = async () => {
|
||||
@use "@core/scss/template/pages/page-auth.scss";
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.total-font {
|
||||
@@ -392,11 +412,11 @@ const confirmFun = async () => {
|
||||
}
|
||||
|
||||
.bg-custom {
|
||||
background: #efefed;
|
||||
background: #f5fafd;
|
||||
}
|
||||
|
||||
.bg-custom-color {
|
||||
background: #d8ebf6;
|
||||
background: #D8EBF6;
|
||||
}
|
||||
|
||||
.bg-white bg-change-bk .current-plan {
|
||||
|
@@ -445,7 +445,6 @@ const backFun = () => {
|
||||
<v-card>
|
||||
<v-card-text>
|
||||
<div class="mt-2 mb-2">
|
||||
<h4>We've Found a Match from your Address.</h4>
|
||||
<small>Select the correct address that match your current
|
||||
address</small>
|
||||
</div>
|
||||
|
Reference in New Issue
Block a user