fixed linked card image lazy load, fixed linked material openModal

web/themes/custom/materiotheme/vuejs/components/Content/LinkedMaterialCard.vue

@@ -14,10 +14,10 @@
       <figure
         v-for="(img, index) in item.images"
         :key="img.url"
+        class="lazy"
+        v-lazy="index"
       >
         <img
-          class="lazy"
-          v-lazy="index"
           :data-src="img.style_linkedmaterialcard.url"
           :title="img.title"
         />
@@ -63,16 +63,46 @@ export default {
       if (this.isloggedin) {
         this.$modal.show(
           ModalCard,
-          { item: this.item },
+          {
+            item: this.item,
+            // not really an event
+            // more a callback function passed as prop to the component
+            addNoteId:(id) => {
+              // no needs to refresh the entire item via searchresults
+              // plus if we are in article, there is not searchresults
+              // this.refreshItem({id: this.item.id})
+              // instead create the note id directly
+              this.item.note = {id: id}
+            }
+          },
           {
             name: `modal-${this.item.id}`,
             draggable: false,
-            maxWidth: 850,
-            maxHeight: 610,
+            classes: "vm--modale-card",
+            // this does not work
+            // adaptative: true,
+            // maxWidth: 850,
+            // maxHeight: 610,
             width: '95%',
             height: '95%'
           }
         )
+      } else {
+        this.$modal.show(
+          MemberWarning,
+          {},
+          {
+            // name: `modal-${this.item.id}`,
+            draggable: false,
+            // classes: "vm--modale-card",
+            // this does not work
+            // adaptative: true,
+            // maxWidth: 850,
+            // maxHeight: 610,
+            width: '400px',
+            height: '250px'
+          }
+        )
       }
     }
   }