upgraded for new changes

This commit is contained in:
Inshal
2024-10-27 02:51:48 +05:00
parent 76e6f914a7
commit fe495ebd89
41 changed files with 452 additions and 260 deletions

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -8,7 +8,7 @@ const router = useRouter()
const route = useRoute()
const cartEncoded = ref(
{
"gender": "male",
"gender": "Male",
"doctor_visit": "89.00",
"products": [
{

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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 {

View File

@@ -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>