WIP MMCM

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'

src/views/address-check.vue

@@ -1,4 +1,5 @@
 <template>
+  <div style="min-height: 350px">
     <div class="step_title">Indiquez votre adresse de livraison (domicile, travail...) :</div>
 
     <div class="input-group mb-3">
@@ -6,7 +7,7 @@
         <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"
+      <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">
@@ -28,7 +29,7 @@
       <a href="https://www.mesmedicamentschezmoi.com" target="_blank">Accéder à mesmedicamentschezmoi.com</a>
 
     </div>
-
+  </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,

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

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)
       }
 

vite.config.js

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