WIP MMCM

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

@@ -3,11 +3,10 @@
   <div class="row">
     <div class="col-lg-6" v-for="(product, i) in store.productList">
       <div class="card">
-        <div class="card-header fw-bold">{{ product.name }}</div>
+        <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">
-          <p>{{ text[i].short }}</p>
-          <p>{{ text[i].long }}</p>
-          <button class="btn btn-primary" @click="goNexStep(product.id)">{{ formatPrice(product.price) }} TTC</button>
+          <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>
       </div>
     </div>
@@ -19,30 +18,11 @@ import {useMMCMStore} from '../stores/mmcm.js'
 
 export default {
   setup() {
-
-    const text = [{
-      short: 'Dès aujourd’hui en moins de 2 h.',
-      long: '\n' +
-          'En express\n' +
-          'dès aujourd’hui en moins de 2 h.\n' +
-          'La collecte de l’ordonnance originale et des documents de santé dans une enveloppe fermée et la livraison des médicaments sont réalisées en moins de 2 heures, du lundi au samedi.'
-
-    },
-      {
-        short: 'Dès aujourd’hui en moins de 2 h.',
-        long: '\n' +
-            'En express\n' +
-            'dès aujourd’hui en moins de 2 h.\n' +
-            'La collecte de l’ordonnance originale et des documents de santé dans une enveloppe fermée et la livraison des médicaments sont réalisées en moins de 2 heures, du lundi au samedi.'
-
-      }
-    ]
-
-
     const store = useMMCMStore()
+
+    console.log(store.productList)
     return {
-      store,
-      text
+      store
     }
   },
   name: "delivery-option-step-2",