WIP MMCM

src/router/guards/piniaCheck.js

@@ -5,7 +5,7 @@ export default function (routeTo) {
     const store = useMMCMStore()
 
     if (routeTo.path === '/delivery-option-step-1') {
-        return store.street !== '' && store.city !== '' && store.zipCode !== '';
+        return store.productList.length > 0;
 
     } else if (routeTo.path === '/delivery-option-step-2') {
         return store.withPrescription !== null

src/stores/mmcm.js

@@ -1,4 +1,17 @@
 import {defineStore} from 'pinia'
+import {add} from "date-fns";
+
+const today = new Date();
+
+const tomorrow =
+    add(new Date(), {
+        days: 1
+    })
+
+const afterTomorrow =
+    add(new Date(), {
+        days: 2
+    })
 
 export const useMMCMStore = defineStore('counter', {
     state: () => ({
@@ -8,12 +21,15 @@ export const useMMCMStore = defineStore('counter', {
         productList: [],
         withPrescription: null,
         idProduct: null,
-        dateDelivery: null
+        dateDelivery: null,
+        dateCollect :null
     }),
     getters: {
         fullAddress: (state) => state.street + ' ' + state.zipCode + ' ' + state.city,
         deliveryMethod: (state) => state.productList.filter(p => p.id === state.idProduct)[0].name,
-        dateDeliveryString: (state) => new Date(state.dateDelivery).toLocaleDateString("fr-FR")
+        dateDeliveryString: (state) => new Date(state.dateDelivery).toLocaleDateString("fr-FR"),
+        minDateForDelivery : (state) => (state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_EXPRESS') ? today : tomorrow ,
+        needPrescriptionDateCollect : (state) => !!(state.productList.filter(p => p.id === state.idProduct)[0].ref === 'MMCM_FACTEUR' && state.withPrescription),
     },
     actions: {
         setStreet(street) {

src/views/address-check.vue

@@ -21,18 +21,29 @@
       {{ 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>
+import {ref} from 'vue';
 import {useMMCMStore} from '../stores/mmcm.js'
 
 
 export default {
   setup() {
     const store = useMMCMStore()
+    const noOfferFound = ref(false)
 
     return {
       store,
+      noOfferFound
     }
   },
   name: "address-check",
@@ -47,6 +58,7 @@ export default {
   methods: {
     updateSearchResult: async function () {
       this.isSearching = true
+      this.noOfferFound = false
       this.searchResults = await fetch('https://api-adresse.data.gouv.fr/search/?q=' + this.query)
           .then(function (response) {
             return response.json();
@@ -61,8 +73,6 @@ export default {
       this.store.setStreet(item.properties.name)
       this.store.setZipCode(item.properties.postcode)
       this.store.setCity(item.properties.city)
-
-
     },
     checkIdAddressIsEligible: async function () {
       this.isChecking = true
@@ -79,9 +89,17 @@ export default {
             }
           })
 
-      this.store.setProductList(productList);
+
       this.isChecking = false
+
+      if (productList.length > 0) {
+        this.store.setProductList(productList);
         this.$router.push({path: '/delivery-option-step-1'});
+      } else {
+        this.noOfferFound = true
+      }
+
+
     }
   }
 

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

@@ -1,13 +1,28 @@
 <template>
-  <div class="step_title">Date de livraison des médicaments :</div>
+  <div v-if="store.needPrescriptionDateCollect">
+  <div class="step_title">Date de collecte de l'ordonnance :</div>
     <div class="input-group has-validation">
-    <Datepicker v-model="dateDelivery" autoApply @update:modelValue="isError = false" model-type="timestamp"
+      <Datepicker v-model="dateCollect" autoApply @update:modelValue="isErrorCollect = false" model-type="timestamp"
                   select-text="Choisir" cancel-text="Annuler"
-                monthNameFormat="long" format="dd MMMM yyyy" :minDate="tomorrow" :enableTimePicker="false"
+                  monthNameFormat="long" format="dd MMMM yyyy" :minDate="store.minDateForDelivery" :enableTimePicker="false"
                   :disabledWeekDays="[6, 0]" :format-locale="fr" locale="fr-FR"/>
       <button class="btn btn-primary" @click="gotToNextStep"><i class="fa-regular fa-circle-check fa-fw"></i> Valider
       </button>
-    <div v-if="isError" class="invalid-feedback d-block text-start">
+      <div v-if="isErrorCollect" class="invalid-feedback d-block text-start">
+        Merci de renseigner la date
+      </div>
+  </div>
+  </div>
+
+  <div class="step_title">Date de livraison des médicaments :</div>
+  <div class="input-group has-validation">
+    <Datepicker v-model="dateDelivery" autoApply @update:modelValue="isErrorDelivery = false" model-type="timestamp"
+                select-text="Choisir" cancel-text="Annuler"
+                monthNameFormat="long" format="dd MMMM yyyy" :minDate="store.minDateForDelivery" :enableTimePicker="false"
+                :disabledWeekDays="[6, 0]" :format-locale="fr" locale="fr-FR"/>
+    <button class="btn btn-primary" @click="gotToNextStep"><i class="fa-regular fa-circle-check fa-fw"></i> Valider
+    </button>
+    <div v-if="isErrorDelivery" class="invalid-feedback d-block text-start">
       Merci de renseigner la date
     </div>
   </div>
@@ -23,33 +38,17 @@ import {fr} from 'date-fns/locale';
 export default {
   setup() {
     const store = useMMCMStore()
-    const isError = ref(false);
+    const isErrorCollect = ref(false);
+    const isErrorDelivery = ref(false);
 
-    const {dateDelivery} = storeToRefs(store)
-
-    const tomorrow =
-        add(new Date(), {
-          days: 1
-        })
-
-    const afterTomorrow =
-        add(new Date(), {
-          days: 2
-        })
-
-
-    const presetRanges = ref([
-      {label: 'Demain', range: [tomorrow, tomorrow]},
-      {label: 'Après demain', range: [afterTomorrow, afterTomorrow]},
-      {label: 'Semaine prochaine', range: [startOfMonth(new Date()), endOfMonth(new Date())]},
-    ]);
+    const {dateDelivery, dateCollect} = storeToRefs(store)
 
     return {
       fr,
-      isError,
-      tomorrow,
+      isErrorCollect,
+      isErrorDelivery,
       dateDelivery,
-      presetRanges,
+      dateCollect,
       store
     }
   },

src/views/delivery-option-summary.vue

@@ -44,7 +44,7 @@ export default {
       ;
 
       if(import.meta.env.DEV){
-        urlApi += '&ID_SESSION=4pzbjfYS'
+        urlApi += '&ID_SESSION=xcn6c41b'
         console.log(urlApi)
       }