jonathan/mmcm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

WIP MMCM

Browse Source
This commit is contained in:
Jonathan Chevalier
2022-10-28 15:03:39 +02:00
parent 4215574f00
commit 8dcd07fce0
15 changed files with 105 additions and 373 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/App.vue
View File

@@ -1,15 +1,17 @@
<script setup> <script setup>
// This starter template is using Vue 3 <script setup> SFCs // This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
import Home from './components/Home.vue'
import Wizard from "./components/Wizard.vue"; import Wizard from "./components/Wizard.vue";
</script> </script>
<template> <template>
<div> <div v-if="$route.path === '/'">
<wizard v-if="$route.path !== '/'"></wizard> <router-view></router-view>
</div>
<div v-else>
<wizard></wizard>
<router-view v-slot="{ Component, route }"> <router-view v-slot="{ Component, route }">
<transition name="slide-left"> <transition :name="route.meta.transition || 'fade'" mode="out-in">
<div :key="route.path"> <div :key="route.path">
<component :is="Component"/> <component :is="Component"/>
</div> </div>

3
src/components/FlexCard.vue
View File

@@ -11,6 +11,9 @@
<div class="align-self-center"> <div class="align-self-center">
<slot name="btn-card"></slot> <slot name="btn-card"></slot>
</div> </div>
<div class="align-self-center">
<slot name="card-footer"></slot>
</div>
</div> </div>
</div> </div>
</template> </template>

40
src/components/HelloWorld.vue
View File

@@ -1,40 +0,0 @@
<script setup>
import { ref } from 'vue'
defineProps({
msg: String
})
const count = ref(0)
</script>
<template>
<h1>{{ msg }}</h1>
<div class="card">
<button type="button" @click="count++">count is {{ count }}</button>
<p>
Edit
<code>components/HelloWorld.vue</code> to test HMR
</p>
</div>
<p>
Check out
<a href="https://vuejs.org/guide/quick-start.html#local" target="_blank"
>create-vue</a
>, the official Vue + Vite starter
</p>
<p>
Install
<a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
in your IDE for a better DX
</p>
<p class="read-the-docs">Click on the Vite and Vue logos to learn more</p>
</template>
<style scoped>
.read-the-docs {
color: #888;
}
</style>

28
src/components/Home.vue
View File

@@ -1,28 +0,0 @@
<template>
<div class="container-fluid">
<h1>
Vous ne pouvez pas vous déplacer à votre pharmacie habituelle ?
Faites livrer vos médicaments à votre domicile !
</h1>
<div class="description">
Livraison par La Poste en express en moins de 2 heures par coursier <br />
ou le surlendemain par facteur dans les zones éligibles.
</div>
<router-link to="address-check" class="btn btn-primary" >
Je me fais livrer
</router-link>
</div>
</template>
<script>
export default {
name: "Home"
}
</script>
<style scoped>
</style>

2
src/components/Wizard.vue
View File

@@ -20,7 +20,7 @@ export default {
const stepList = [ const stepList = [
{ {
class: 'fa-solid fa-location-dot fa-fw', class: 'fa-solid fa-location-dot fa-fw',
name: 'Mon adresse', name: 'Vérifier que vous êtes éligible au service',
path: '/address-check', path: '/address-check',
stepNumber: 1 stepNumber: 1
}, },

250
src/data/countries.json
View File

@@ -1,250 +0,0 @@
[
{"name": "Albania"},
{"name": "Åland Islands"},
{"name": "Algeria"},
{"name": "American Samoa"},
{"name": "Andorra"},
{"name": "Angola"},
{"name": "Anguilla"},
{"name": "Antarctica"},
{"name": "Antigua and Barbuda"},
{"name": "Argentina"},
{"name": "Armenia"},
{"name": "Aruba"},
{"name": "Australia"},
{"name": "Austria"},
{"name": "Azerbaijan"},
{"name": "Bahamas (the)"},
{"name": "Bahrain"},
{"name": "Bangladesh"},
{"name": "Barbados"},
{"name": "Belarus"},
{"name": "Belgium"},
{"name": "Belize"},
{"name": "Benin"},
{"name": "Bermuda"},
{"name": "Bhutan"},
{"name": "Bolivia (Plurinational State of)"},
{"name": "Bonaire, Sint Eustatius and Saba"},
{"name": "Bosnia and Herzegovina"},
{"name": "Botswana"},
{"name": "Bouvet Island"},
{"name": "Brazil"},
{"name": "British Indian Ocean Territory (the)"},
{"name": "Brunei Darussalam"},
{"name": "Bulgaria"},
{"name": "Burkina Faso"},
{"name": "Burundi"},
{"name": "Cabo Verde"},
{"name": "Cambodia"},
{"name": "Cameroon"},
{"name": "Canada"},
{"name": "Cayman Islands (the)"},
{"name": "Central African Republic (the)"},
{"name": "Chad"},
{"name": "Chile"},
{"name": "China"},
{"name": "Christmas Island"},
{"name": "Cocos (Keeling) Islands (the)"},
{"name": "Colombia"},
{"name": "Comoros (the)"},
{"name": "Congo (the Democratic Republic of the)"},
{"name": "Congo (the)"},
{"name": "Cook Islands (the)"},
{"name": "Costa Rica"},
{"name": "Croatia"},
{"name": "Cuba"},
{"name": "Curaçao"},
{"name": "Cyprus"},
{"name": "Czechia"},
{"name": "Côte d'Ivoire"},
{"name": "Denmark"},
{"name": "Djibouti"},
{"name": "Dominica"},
{"name": "Dominican Republic (the)"},
{"name": "Ecuador"},
{"name": "Egypt"},
{"name": "El Salvador"},
{"name": "Equatorial Guinea"},
{"name": "Eritrea"},
{"name": "Estonia"},
{"name": "Eswatini"},
{"name": "Ethiopia"},
{"name": "Falkland Islands (the) [Malvinas]"},
{"name": "Faroe Islands (the)"},
{"name": "Fiji"},
{"name": "Finland"},
{"name": "France"},
{"name": "French Guiana"},
{"name": "French Polynesia"},
{"name": "French Southern Territories (the)"},
{"name": "Gabon"},
{"name": "Gambia (the)"},
{"name": "Georgia"},
{"name": "Germany"},
{"name": "Ghana"},
{"name": "Gibraltar"},
{"name": "Greece"},
{"name": "Greenland"},
{"name": "Grenada"},
{"name": "Guadeloupe"},
{"name": "Guam"},
{"name": "Guatemala"},
{"name": "Guernsey"},
{"name": "Guinea"},
{"name": "Guinea-Bissau"},
{"name": "Guyana"},
{"name": "Haiti"},
{"name": "Heard Island and McDonald Islands"},
{"name": "Holy See (the)"},
{"name": "Honduras"},
{"name": "Hong Kong"},
{"name": "Hungary"},
{"name": "Iceland"},
{"name": "India"},
{"name": "Indonesia"},
{"name": "Iran (Islamic Republic of)"},
{"name": "Iraq"},
{"name": "Ireland"},
{"name": "Isle of Man"},
{"name": "Israel"},
{"name": "Italy"},
{"name": "Jamaica"},
{"name": "Japan"},
{"name": "Jersey"},
{"name": "Jordan"},
{"name": "Kazakhstan"},
{"name": "Kenya"},
{"name": "Kiribati"},
{"name": "Korea (the Democratic People's Republic of)"},
{"name": "Korea (the Republic of)"},
{"name": "Kuwait"},
{"name": "Kyrgyzstan"},
{"name": "Lao People's Democratic Republic (the)"},
{"name": "Latvia"},
{"name": "Lebanon"},
{"name": "Lesotho"},
{"name": "Liberia"},
{"name": "Libya"},
{"name": "Liechtenstein"},
{"name": "Lithuania"},
{"name": "Luxembourg"},
{"name": "Macao"},
{"name": "Madagascar"},
{"name": "Malawi"},
{"name": "Malaysia"},
{"name": "Maldives"},
{"name": "Mali"},
{"name": "Malta"},
{"name": "Marshall Islands (the)"},
{"name": "Martinique"},
{"name": "Mauritania"},
{"name": "Mauritius"},
{"name": "Mayotte"},
{"name": "Mexico"},
{"name": "Micronesia (Federated States of)"},
{"name": "Moldova (the Republic of)"},
{"name": "Monaco"},
{"name": "Mongolia"},
{"name": "Montenegro"},
{"name": "Montserrat"},
{"name": "Morocco"},
{"name": "Mozambique"},
{"name": "Myanmar"},
{"name": "Namibia"},
{"name": "Nauru"},
{"name": "Nepal"},
{"name": "Netherlands (the)"},
{"name": "New Caledonia"},
{"name": "New Zealand"},
{"name": "Nicaragua"},
{"name": "Niger (the)"},
{"name": "Nigeria"},
{"name": "Niue"},
{"name": "Norfolk Island"},
{"name": "Northern Mariana Islands (the)"},
{"name": "Norway"},
{"name": "Oman"},
{"name": "Pakistan"},
{"name": "Palau"},
{"name": "Palestine, State of"},
{"name": "Panama"},
{"name": "Papua New Guinea"},
{"name": "Paraguay"},
{"name": "Peru"},
{"name": "Philippines (the)"},
{"name": "Pitcairn"},
{"name": "Poland"},
{"name": "Portugal"},
{"name": "Puerto Rico"},
{"name": "Qatar"},
{"name": "Republic of North Macedonia"},
{"name": "Romania"},
{"name": "Russian Federation (the)"},
{"name": "Rwanda"},
{"name": "Réunion"},
{"name": "Saint Barthélemy"},
{"name": "Saint Helena, Ascension and Tristan da Cunha"},
{"name": "Saint Kitts and Nevis"},
{"name": "Saint Lucia"},
{"name": "Saint Martin (French part)"},
{"name": "Saint Pierre and Miquelon"},
{"name": "Saint Vincent and the Grenadines"},
{"name": "Samoa"},
{"name": "San Marino"},
{"name": "Sao Tome and Principe"},
{"name": "Saudi Arabia"},
{"name": "Senegal"},
{"name": "Serbia"},
{"name": "Seychelles"},
{"name": "Sierra Leone"},
{"name": "Singapore"},
{"name": "Sint Maarten (Dutch part)"},
{"name": "Slovakia"},
{"name": "Slovenia"},
{"name": "Solomon Islands"},
{"name": "Somalia"},
{"name": "South Africa"},
{"name": "South Georgia and the South Sandwich Islands"},
{"name": "South Sudan"},
{"name": "Spain"},
{"name": "Sri Lanka"},
{"name": "Sudan (the)"},
{"name": "Suriname"},
{"name": "Svalbard and Jan Mayen"},
{"name": "Sweden"},
{"name": "Switzerland"},
{"name": "Syrian Arab Republic"},
{"name": "Taiwan (Province of China)"},
{"name": "Tajikistan"},
{"name": "Tanzania, United Republic of"},
{"name": "Thailand"},
{"name": "Timor-Leste"},
{"name": "Togo"},
{"name": "Tokelau"},
{"name": "Tonga"},
{"name": "Trinidad and Tobago"},
{"name": "Tunisia"},
{"name": "Turkey"},
{"name": "Turkmenistan"},
{"name": "Turks and Caicos Islands (the)"},
{"name": "Tuvalu"},
{"name": "Uganda"},
{"name": "Ukraine"},
{"name": "United Arab Emirates (the)"},
{"name": "United Kingdom of Great Britain and Northern Ireland (the)"},
{"name": "United States Minor Outlying Islands (the)"},
{"name": "United States of America (the)"},
{"name": "Uruguay"},
{"name": "Uzbekistan"},
{"name": "Vanuatu"},
{"name": "Venezuela (Bolivarian Republic of)"},
{"name": "Viet Nam"},
{"name": "Virgin Islands (British)"},
{"name": "Virgin Islands (U.S.)"},
{"name": "Wallis and Futuna"},
{"name": "Western Sahara"},
{"name": "Yemen"},
{"name": "Zambia"},
{"name": "Zimbabwe", "code": "ZW"}
]

2
src/router/index.js
View File

@@ -7,6 +7,7 @@ const routes = [
path: '/', path: '/',
name: 'home', name: 'home',
component: () => import('/src/views/index.vue'), component: () => import('/src/views/index.vue'),
meta: { transition: 'slide-right' },
}, },
{ {
path: '/address-check', path: '/address-check',
@@ -57,4 +58,5 @@ router.beforeEach(async (to, from) => {
}) })
export default router export default router

29
src/stores/mmcm.js
View File

@@ -71,7 +71,7 @@ const timestampConverter = (digit13) => digit13 / 1000
export const useMMCMStore = defineStore('counter', { export const useMMCMStore = defineStore('counter', {
state: () => ({ state: () => ({
idSession : '', idSession: '',
street: '', street: '',
zipCode: '', zipCode: '',
city: '', city: '',
@@ -92,28 +92,37 @@ export const useMMCMStore = defineStore('counter', {
needPrescriptionDateCollect: (state) => !!(state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_FACTEUR' && state.withPrescription), needPrescriptionDateCollect: (state) => !!(state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_FACTEUR' && state.withPrescription),
dateDeliveryTimestampInSecond: (state) => timestampConverter(state.dateDelivery), dateDeliveryTimestampInSecond: (state) => timestampConverter(state.dateDelivery),
dateCollectTimestampInSecond: (state) => timestampConverter(state.dateCollect), dateCollectTimestampInSecond: (state) => timestampConverter(state.dateCollect),
msgDelivery : (state) => { msgDelivery: (state) => {
//console.log(formatDistance(date.deliveryExpress, today)) //console.log(formatDistance(date.deliveryExpress, today))
let arr = [] let arr = []
if(date.deliveryExpress === today){ if (date.deliveryExpress === today) {
arr.push('Dès aujourd\'hui en moins de 2h') arr.push('Dès aujourd\'hui en moins de 2h')
} } else {
else{ arr.push('A partir de ' + format(date.deliveryExpress, 'EEEE', {locale: fr}) + ' en moins de 2h')
arr.push('A partir de ' + format(date.deliveryExpress, 'EEEE', {locale : fr}) +' en moins de 2h')
} }
const useFacteurDate = (state.withPrescription) ? date.deliveryFacteur : date.collectFacteur; const useFacteurDate = (state.withPrescription) ? date.deliveryFacteur : date.collectFacteur;
if(useFacteurDate === tomorrow){ if (useFacteurDate === tomorrow) {
arr.push('A partir de demain entre 9h et 17h') arr.push('A partir de demain entre 9h et 17h')
} } else {
else{ arr.push('A partir de ' + format(useFacteurDate, 'EEEE', {locale: fr}) + ' entre 9h et 17h')
arr.push('A partir de ' + format(useFacteurDate, 'EEEE', {locale : fr}) + ' entre 9h et 17h')
} }
return arr return arr
},
stepFacteur: (state) => {
let step = {dayOne: false, dayTwo: false}
if (state.withPrescription) {
step.dayOne = format(date.collectFacteur, 'dd/MM/yyyy', {locale: fr})
step.dayTwo = format(date.deliveryFacteur, 'dd/MM/yyyy', {locale: fr})
}
return step
} }
}, },

10
src/style.css
View File

@@ -29,3 +29,13 @@
font-family: 'Montserrat',sans-serif; font-family: 'Montserrat',sans-serif;
background-color: #fff;; background-color: #fff;;
} }
.fade-enter-active,
.fade-leave-active {
transition: opacity 0.3s ease;
}
.fade-enter-from,
.fade-leave-to {
opacity: 0;
}

2
src/views/address-check.vue
View File

@@ -1,6 +1,6 @@
<template> <template>
<div style="min-height: 350px"> <div style="min-height: 350px">
<div class="step_title">Indiquez votre adresse de livraison (domicile, travail...) :</div> <div class="step_title">Indiquez votre adresse de livraison :</div>
<div class="input-group mb-3"> <div class="input-group mb-3">
<div class="input-group-text"> <div class="input-group-text">

15
src/views/delivery-option-step-1.vue
View File

@@ -1,13 +1,13 @@
<template> <template>
<div class="step_title"> Avec ou sans ordonnance ?</div> <div class="step_title">Vous êtes éligible au service de livraison à domicile de médicaments!</div>
<div class="d-flex flex-lg-row flex-column align-items-stretch"> <div class="d-flex flex-lg-row flex-column align-items-stretch">
<FlexCard v-for="(card, i) in cards" :card="card"> <FlexCard v-for="(card, i) in cards" :card="card">
<template v-slot:card-body> <template v-slot:card-body>
<ol> <ul>
<li v-for="step in card.steps">{{ step }}</li> <li v-for="step in card.steps">{{ step }}</li>
</ol> </ul>
</template> </template>
<template v-slot:btn-card> <template v-slot:btn-card>
@@ -34,17 +34,14 @@ export default {
const cards = [{ const cards = [{
name: 'Avec ordonnance (mon pharmacien n\'a pas mon ordonnance) :', name: 'Avec ordonnance (mon pharmacien n\'a pas mon ordonnance) :',
validity: true, validity: true,
steps: ['Le livreur vient chercher l’original de mon ordonnance, carte vitale et carte mutuelle (si j’en ai une) dans une enveloppe fermée', steps: ['Le livreur vient chercher l’original de mon ordonnance, carte vitale et carte mutuelle (mis dans une enveloppe scellée)',
'Le livreur apportera l’enveloppe fermée contenant mes documents de santé directement à mon pharmacien.', 'Il viendra vous livrer votre commande (les médicaments et les ajouts de parapharmacie que vous aurez commandés en même temps) et vous rapporter vos documents',
'Mon pharmacien remet mes médicaments et mes documents au livreur.',
'Le livreur me livre à mon adresse mes médicaments et mes documents originaux.'
] ]
}, },
{ {
name: 'Sans ordonnance (mon pharmacien a déjà mon ordonnance) :', name: 'Sans ordonnance (mon pharmacien a déjà mon ordonnance) :',
validity: false, validity: false,
steps: ['Le livreur se rend chez mon pharmacien pour la collecte de mes médicaments.', steps: ['Le livreur viendra vous livrer votre commande (les médicaments et les ajouts de parapharmacie que vous aurez commandés en même temps)',
'Le livreur me livre à l’adresse renseignée.',
] ]
} }
] ]

24
src/views/delivery-option-step-2.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<div class="step_title">Mode de livraison</div> <div class="step_title">Choisissez votre mode de livraison</div>
<div v-if="store.productList.length === 0" class="alert alert-danger" role="alert"> <div v-if="store.productList.length === 0" class="alert alert-danger" role="alert">
Nous sommes désolé le service est temporairement indisponible Nous sommes désolé le service est temporairement indisponible
@@ -14,7 +14,17 @@
<template v-slot:card-body> <template v-slot:card-body>
<div class="fw-bold mb-2 text-primary"><i class="fa-solid fa-calendar-days"></i> {{ store.msgDelivery[i] }} <div class="fw-bold mb-2 text-primary"><i class="fa-solid fa-calendar-days"></i> {{ store.msgDelivery[i] }}
</div> </div>
<div v-html="(store.withPrescription ? product.description1 : product.description2)"></div> <div v-if="product.ref ==='MMCM_FACTEUR' && store.withPrescription">
<p>
<strong>A partir du {{store.stepFacteur.dayOne}} : Collecte de vos documents de santé</strong><br />
La collecte de l’enveloppe fermée contenant vos documents de santé originaux et leur remise à la pharmacie auront lieu entre 9h et 17h, du lundi au vendredi au moins un jour avant la date de livraison.
</p>
<p>
<strong> A partir du {{store.stepFacteur.dayTwo}} : Livraison</strong><br />
La livraison des médicaments et le retour de vos documents de santé sera réalisé entre 9h et 17h, du lundi au vendredi.
</p>
</div>
<div v-else v-html="(store.withPrescription ? product.description1 : product.description2)"></div>
</template> </template>
<template v-slot:btn-card> <template v-slot:btn-card>
@@ -23,6 +33,16 @@
</button> </button>
</template> </template>
<template v-slot:card-footer>
<div class="mt-2 text-secondary">
<span v-if="product.price3 === '0'">Gratuit si vous avez le forfait Premium</span>
<span v-else>Non compris dans le forfait Premium </span>
</div>
</template>
</FlexCard> </FlexCard>
</div> </div>
</template> </template>

2
src/views/delivery-option-step-3.vue
View File

@@ -41,7 +41,7 @@ export default {
let pickerList = [] let pickerList = []
if (store.needPrescriptionDateCollect) { if (store.needPrescriptionDateCollect) {
pickerList.push(reactive({ pickerList.push(reactive({
title: 'Date de collect de l\'ordonnance :', title: 'Date de collecte de l\'ordonnance :',
vModel: dateCollect, vModel: dateCollect,
error: false, error: false,
minDate: store.minDateForCollect, minDate: store.minDateForCollect,

49
src/views/delivery-option-summary.vue
View File

@@ -1,32 +1,41 @@
<template> <template>
<div class="step_title">Recapitulatif :</div> <div class="step_title">Recapitulatif :</div>
<div class="mb-4">
<router-link to="/address-check" class="btn btn-secondary me-4">
<i class="fa-regular fa-arrow-alt-circle-left fa-fw"></i>
Modifier mes choix
</router-link>
<button class="btn btn-primary" @click="addToCart">
<i v-if="suspens" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
<i v-else class="fa-regular fa-circle-check fa-fw"></i>
Ajouter au panier
</button>
</div>
<div class="text-start"> <div class="text-start">
<div class="mb-4"><i class="fa-solid fa-location-dot fa-fw text-primary me-2"></i><strong>Adresse de livraison : </strong>{{ store.fullAddress }}</div> <div class="mb-4"><i class="fa-solid fa-location-dot fa-fw text-primary me-2"></i><strong>Adresse de livraison
: </strong>{{ store.fullAddress }}
</div>
<iframe class="mb-4" style="border:0; width: 100%; height: 350px;" :src="urlGoogleMap" allowfullscreen></iframe> <div class="mb-4"><i class="fa-solid fa-truck fa-fw text-primary me-2"></i><strong>Mode de livraison
: </strong>{{ store.deliveryMethod }}
<div class="mb-4"><i class="fa-solid fa-truck fa-fw text-primary me-2"></i><strong>Mode de livraison : </strong>{{ store.deliveryMethod }}</div> </div>
<div class="mb-4"><i class="fa-solid fa-file-medical fa-fw text-primary me-2"></i><strong>Collecte de l'ordonnnace : </strong> <div class="mb-4"><i class="fa-solid fa-file-medical fa-fw text-primary me-2"></i><strong>Collecte de l'ordonnnace
: </strong>
<span v-if="store.withPrescription">Oui</span> <span v-if="store.withPrescription">Oui</span>
<span v-else>Non</span> <span v-else>Non</span>
</div> </div>
<div class="mb-4" v-if="store.withPrescription && store.dateDelivery !== store.dateCollect"><i class="fa-solid fa-location-dot fa-fw text-primary me-2"></i><strong>Date de collecte <div class="mb-4" v-if="store.withPrescription">
<i class="fa-solid fa-calendar-days fa-fw text-primary me-2"></i><strong>Date de collecte
de l'ordonnnce de l'ordonnnce
: </strong>{{ store.dateCollectString }} : </strong>{{ (store.dateCollect) ? store.dateCollectString : store.dateDeliveryString }}
</div>
<div class="mb-4"><i class="fa-solid fa-calendar-days fa-fw text-primary me-2"></i><strong>Date de livraison des
medicaments : </strong>{{ store.dateDeliveryString }}
</div> </div>
<div class="mb-4"><i class="fa-solid fa-calendar-days fa-fw text-primary me-2"></i><strong>Date de livraison des medicaments : </strong>{{ store.dateDeliveryString }}</div>
<router-link to="/address-check" class="btn btn-secondary me-4" >
<i class="fa-regular fa-arrow-alt-circle-left fa-fw"></i>
Modifier mes choix
</router-link>
<button class="btn btn-primary" @click="addToCart">
<i v-if="suspens" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
<i v-else class="fa-regular fa-circle-check fa-fw"></i>
Ajouter au panier
</button>
</div> </div>
</template> </template>
@@ -40,7 +49,7 @@ export default {
const suspens = ref(false) const suspens = ref(false)
const store = useMMCMStore() const store = useMMCMStore()
const urlGoogleMap = "https://www.google.com/maps?width=100%25&height=600&hl=en&q="+encodeURI(store.fullAddress)+"&t=&z=17&ie=UTF8&iwloc=B&output=embed" const urlGoogleMap = "https://www.google.com/maps?width=100%25&height=600&hl=en&q=" + encodeURI(store.fullAddress) + "&t=&z=17&ie=UTF8&iwloc=B&output=embed"
return { return {
suspens, suspens,
store, store,

12
src/views/index.vue
View File

@@ -1,7 +1,5 @@
<template> <template>
<h1> <h1>
Vous ne pouvez pas vous déplacer à votre pharmacie habituelle ?
Faites livrer vos médicaments à votre domicile ! Faites livrer vos médicaments à votre domicile !
</h1> </h1>
@@ -9,11 +7,11 @@
Livraison par La Poste en express en moins de 2 heures par coursier <br/> Livraison par La Poste en express en moins de 2 heures par coursier <br/>
ou le surlendemain par facteur dans les zones éligibles. ou le surlendemain par facteur dans les zones éligibles.
</div> </div>
<div class="text-center">
<router-link to="/address-check" class="btn btn-primary"> <router-link to="/address-check" class="btn btn-primary">
Je me fais livrer <i class="fa-solid fa-circle-arrow-right"></i> Je me fais livrer <i class="fa-solid fa-circle-arrow-right"></i>
</router-link> </router-link>
</div>
</template> </template>
<script> <script>