replaced coollightbox src by watermarked img

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

@@ -3,11 +3,11 @@
     <header
       @click="openModalCard"
     >
-      <h1>{{ item.title }}</h1>
+      <h1 v-if="isloggedin">{{ item.title }}</h1>
       <h4>{{ item.short_description }}</h4>
-      <span class="ref">{{ item.reference }}</span>
+      <span v-if="isloggedin" class="ref">{{ item.reference }}</span>
     </header>
-    <nav class="tools">
+    <nav class="tools" v-if="isloggedin">
       <section class="tool flags">
         <span class="btn mdi mdi-folder-outline"/>
         <div class="tool-content">
@@ -21,7 +21,7 @@
                 :collid="coll.id"
                 @click.prevent="onFlagActionCard"
               >
-                {{ coll.name }}
+              {{ coll.name }}
               </span>
             </li>
           </ul>
@@ -36,7 +36,7 @@
         <img
           class="lazy"
           v-lazy="index"
-          :data-src="img.style_cardmedium.url"
+          :data-src="img.style_cardmedium_url"
           :title="img.title"
         />
         <img
@@ -47,9 +47,10 @@
       </figure>
     </section>
     <CoolLightBox
+      v-if="isloggedin"
       :items="item.images"
       :index="lightbox_index"
-      srcName="url"
+      srcName="style_hd_url"
       :loop="true"
       @close="lightbox_index = null">
     </CoolLightBox>
@@ -77,7 +78,8 @@ export default {
   },
   computed: {
     ...mapState({
-      flagcolls: state => state.User.flagcolls
+      flagcolls: state => state.User.flagcolls,
+      isloggedin: state => state.User.isloggedin
     })
   },
   methods: {
@@ -116,15 +118,17 @@ export default {
       }
     },
     openModalCard (e) {
-      this.$modal.show(
-        ModalCard,
-        { item: this.item },
-        {
-          draggable: true,
-          width: '850px',
-          height: '610px'
-        }
-      )
+      if(this.isLoggedin){
+        this.$modal.show(
+          ModalCard,
+          { item: this.item },
+          {
+            draggable: true,
+            width: '850px',
+            height: '610px'
+          }
+        )
+      }
     }
   }
 }