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

10
src/main.js
View File

@@ -1,11 +1,11 @@
import { createApp } from 'vue' import { createApp } from 'vue'
import './style.css' import './style.css'
import './assets/bootstrap-para.css' // import './assets/bootstrap-para.css'
import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css' // import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css'
import brands from '@fortawesome/fontawesome-free/css/brands.css' // import brands from '@fortawesome/fontawesome-free/css/brands.css'
import solid from '@fortawesome/fontawesome-free/css/solid.css' // import solid from '@fortawesome/fontawesome-free/css/solid.css'
import regular from '@fortawesome/fontawesome-free/css/regular.css' // import regular from '@fortawesome/fontawesome-free/css/regular.css'
import App from './App.vue' import App from './App.vue'

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

@@ -1,34 +1,35 @@
<template> <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> </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> </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> </template>
<script> <script>
@@ -42,7 +43,10 @@ export default {
const store = useMMCMStore() const store = useMMCMStore()
const noOfferFound = ref(false) const noOfferFound = ref(false)
const query = ref(import.meta.env.DEV ? "9 Impasse des Peupliers 13008 Marseill" : '')
return { return {
query,
store, store,
noOfferFound noOfferFound
} }
@@ -50,8 +54,6 @@ export default {
name: "address-check", name: "address-check",
data() { data() {
return { return {
//query: "",
query: "9 Impasse des Peupliers 13008 Marseill",
searchResults: [], searchResults: [],
isSearching: false, isSearching: false,
isChecking: false, isChecking: false,

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

@@ -1,7 +1,9 @@
<template> <template>
<div class="step_title">Mode de livraison</div> <div class="step_title">Mode de livraison</div>
<div v-if="store.productList.length === 0">Nada</div> <div v-if="store.productList.length === 0" class="alert alert-danger" role="alert">
Nous sommes désolé le service est temporairement indisponible
</div>
<div v-else class="d-flex flex-lg-row flex-column align-items-stretch"> <div v-else class="d-flex flex-lg-row flex-column align-items-stretch">
<FlexCard v-for="(product, i) in store.productList" :card="product"> <FlexCard v-for="(product, i) in store.productList" :card="product">

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

@@ -67,7 +67,7 @@ export default {
} }
if (import.meta.env.DEV) { if (import.meta.env.DEV) {
urlApi += '&ID_SESSION=XMiyFxuQ'; urlApi += '&ID_SESSION=eiGcVdzr';
console.log(urlApi) console.log(urlApi)
} }

3
vite.config.js
View File

@@ -18,6 +18,7 @@ export default defineConfig({
}, },
build : { build : {
outDir : 'out', outDir : 'out',
assetsDir : 'dist/app-mmcm' assetsDir : 'dist/app-mmcm',
manifest: true,
} }
}) })