From e0f64b3d22b8e1555c506880bedf8969cddf0120 Mon Sep 17 00:00:00 2001
From: Jonathan Chevalier <jonathan.chevalier@live.com>
Date: Tue, 25 Oct 2022 17:18:45 +0200
Subject: [PATCH] WIP MMCM

---
 src/main.js                           | 10 ++---
 src/views/address-check.vue           | 60 ++++++++++++++-------------
 src/views/delivery-option-step-2.vue  |  4 +-
 src/views/delivery-option-summary.vue |  2 +-
 vite.config.js                        |  3 +-
 5 files changed, 42 insertions(+), 37 deletions(-)

diff --git a/src/main.js b/src/main.js
index 96884f6..3e427a0 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,11 +1,11 @@
 import { createApp } from 'vue'
 import './style.css'
 
-import './assets/bootstrap-para.css'
-import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css'
-import brands from '@fortawesome/fontawesome-free/css/brands.css'
-import solid from '@fortawesome/fontawesome-free/css/solid.css'
-import regular from '@fortawesome/fontawesome-free/css/regular.css'
+// import './assets/bootstrap-para.css'
+// import fontawesome from '@fortawesome/fontawesome-free/css/fontawesome.css'
+// import brands from '@fortawesome/fontawesome-free/css/brands.css'
+// import solid from '@fortawesome/fontawesome-free/css/solid.css'
+// import regular from '@fortawesome/fontawesome-free/css/regular.css'
 
 
 import App from './App.vue'
diff --git a/src/views/address-check.vue b/src/views/address-check.vue
index dd9e605..1859fe4 100644
--- a/src/views/address-check.vue
+++ b/src/views/address-check.vue
@@ -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,
diff --git a/src/views/delivery-option-step-2.vue b/src/views/delivery-option-step-2.vue
index cec6364..3337e5b 100644
--- a/src/views/delivery-option-step-2.vue
+++ b/src/views/delivery-option-step-2.vue
@@ -1,7 +1,9 @@
 <template>
   <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">
     <FlexCard v-for="(product, i) in store.productList" :card="product">
diff --git a/src/views/delivery-option-summary.vue b/src/views/delivery-option-summary.vue
index 8893c00..7d0ca0d 100644
--- a/src/views/delivery-option-summary.vue
+++ b/src/views/delivery-option-summary.vue
@@ -67,7 +67,7 @@ export default {
       }
 
       if (import.meta.env.DEV) {
-        urlApi += '&ID_SESSION=XMiyFxuQ';
+        urlApi += '&ID_SESSION=eiGcVdzr';
         console.log(urlApi)
       }
 
diff --git a/vite.config.js b/vite.config.js
index f8d2a20..52c976d 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -18,6 +18,7 @@ export default defineConfig({
   },
   build : {
     outDir : 'out',
-    assetsDir : 'dist/app-mmcm'
+    assetsDir : 'dist/app-mmcm',
+    manifest: true,
   }
 })