WIP MMCM

src/stores/mmcm.js

@@ -1,5 +1,6 @@
 import {defineStore} from 'pinia'
-import {add, format} from "date-fns";
+import {add, format, formatDistance} from "date-fns";
+import {fr} from 'date-fns/locale';
 
 const today = new Date();
 
@@ -86,6 +87,29 @@ export const useMMCMStore = defineStore('counter', {
         minDateForCollect: (state) => (state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_EXPRESS') ? date.collectExpress : date.collectFacteur,
         needPrescriptionDateCollect: (state) => !!(state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_FACTEUR' && state.withPrescription),
         dateDeliveryTimestampInSecond: (state) => timestampConverter(state.dateDelivery),
+        msgDelivery : (state) => {
+
+            //console.log(formatDistance(date.deliveryExpress, today))
+
+            let arr = []
+
+            if(date.deliveryExpress === today){
+                arr.push('Dès aujourd\'hui en moins de 2h')
+            }
+            else{
+                arr.push('A partir de ' + format(date.deliveryExpress, 'EEEE', {locale : fr}) +' en moins de 2h')
+            }
+
+            const useFacteurDate = (state.withPrescription) ? date.deliveryFacteur : date.collectFacteur;
+
+            if(useFacteurDate === tomorrow){
+                arr.push('A partir de demain entre 9h et 17h')
+            }
+            else{
+                arr.push('A partir de ' + format(useFacteurDate, 'EEEE', {locale : fr}) + ' entre 9h et 17h')
+            }
+            return arr
+        }
 
     },
     actions: {

src/views/address-check.vue

@@ -50,7 +50,7 @@ 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

@@ -5,6 +5,7 @@
       <div class="card">
         <div class="card-header fw-bold"><img :alt="product.name" :src="product.media_list[0].filename" class="me-2" height="50"/> {{ product.name }}</div>
         <div class="card-body">
+          <div class="fw-bold mb-2 text-primary"><i class="fa-solid fa-calendar-days"></i> {{store.msgDelivery[i]}}</div>
           <div v-html="(store.withPrescription ? product.description1 : product.description2)"></div>
           <button class="btn btn-primary" @click="goNexStep(product.id)">{{ formatPrice(store.withPrescription ? product.price :  product.price2) }} TTC</button>
         </div>

src/views/delivery-option-step-3.vue

@@ -52,7 +52,7 @@ export default {
       title: 'Date de livraison des médicaments :',
       vModel: dateDelivery,
       error: false,
-      minDate: store.minDateForDelivery,
+      minDate: (store.needPrescriptionDateCollect) ? store.minDateForDelivery : store.minDateForCollect,
     }))