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-25 17:18:45 +02:00
parent 054b798e90
commit e0f64b3d22
5 changed files with 42 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,34 +1,35 @@
<template>
<div class="step_title">Indiquez votre adresse de livraison (domicile, travail...) :</div>
<div style="min-height: 350px">
<div class="step_title">Indiquez votre adresse de livraison (domicile, travail...) :</div>
<div class="input-group mb-3">
<div class="input-group-text">
<i v-if="isSearching" class="fa-solid fa-circle-notch fa-spin fa-fw color-success"></i>
<i v-else class="fa-solid fa-location-dot fa-fw color-success"></i>
</div>
<input type="text" placeholder="Exemple : 9 Impasse des Peupliers 13008 Marseille" class="form-control"
v-model="query"
@input="updateSearchResult" aria-describedby="button-addon">
<button class="btn btn-primary" type="button" id="button-addon" @click="checkIdAddressIsEligible">
<i v-if="isChecking" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
<i v-else class="fa-regular fa-circle-check fa-fw"></i>
Valider
</button>
</div>
<ul class="list-group">
<li class="list-group-item text-start" v-for="(item, index) in searchResults" :key="index"
@click="selectChoice(item)">
{{ item.properties.label }}
</li>
</ul>
<div class="alert alert-danger" role="alert" v-if="noOfferFound">
Nous sommes désolé mais votre adresse est trop eloignée de la pharmacie pour bénéficier de ce service<br/>
Nous vous invitions à utiliser le service de La Poste pour trouver une pharmacie proche de chez vous :
<a href="https://www.mesmedicamentschezmoi.com" target="_blank">Accéder à mesmedicamentschezmoi.com</a>
<div class="input-group mb-3">
<div class="input-group-text">
<i v-if="isSearching" class="fa-solid fa-circle-notch fa-spin fa-fw color-success"></i>
<i v-else class="fa-solid fa-location-dot fa-fw color-success"></i>
</div>
<input type="text" placeholder="Exemple : 2 rue de la Libération 78120 Rambouillet" class="form-control"
v-model="query"
@input="updateSearchResult" aria-describedby="button-addon">
<button class="btn btn-primary" type="button" id="button-addon" @click="checkIdAddressIsEligible">
<i v-if="isChecking" class="fa-solid fa-circle-notch fa-spin fa-fw"></i>
<i v-else class="fa-regular fa-circle-check fa-fw"></i>
Valider
</button>
</div>
<ul class="list-group">
<li class="list-group-item text-start" v-for="(item, index) in searchResults" :key="index"
@click="selectChoice(item)">
{{ item.properties.label }}
</li>
</ul>
<div class="alert alert-danger" role="alert" v-if="noOfferFound">
Nous sommes désolé mais votre adresse est trop eloignée de la pharmacie pour bénéficier de ce service<br/>
Nous vous invitions à utiliser le service de La Poste pour trouver une pharmacie proche de chez vous :
<a href="https://www.mesmedicamentschezmoi.com" target="_blank">Accéder à mesmedicamentschezmoi.com</a>
</div>
</template>
<script>
@@ -42,7 +43,10 @@ export default {
const store = useMMCMStore()
const noOfferFound = ref(false)
const query = ref(import.meta.env.DEV ? "9 Impasse des Peupliers 13008 Marseill" : '')
return {
query,
store,
noOfferFound
}
@@ -50,8 +54,6 @@ export default {
name: "address-check",
data() {
return {
//query: "",
query: "9 Impasse des Peupliers 13008 Marseill",
searchResults: [],
isSearching: false,
isChecking: false,