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'
+          }
+        )
+      }
     }
   }
 }

web/themes/custom/materiotheme/vuejs/components/Pages/Article.vue

@@ -287,7 +287,7 @@ export default {
         });
       }
 
-      console.log('this.content.lightbox_items', this.lightbox_items);
+      // console.log('this.content.lightbox_items', this.lightbox_items);
 
       // update main page title
       this.$store.commit('Common/setPagetitle', article.title)
@@ -296,32 +296,12 @@ export default {
     },
     onPrevNext(a){
       // console.log('clicked on next', this.prevnext.next);
-      // let alias = this.prevnext.next.view_node.replace(/^.?\/blabla\//g, '')
       let alias = a.replace(/^.?\/blabla\//g, '')
       this.$router.push({
         name:`article`,
         params: { alias:alias }
-        // query: { uuid: this.prevnext.next.uuid }
       })
     },
-    // onNext(){
-    //   // console.log('clicked on next', this.prevnext.next);
-    //   let alias = this.prevnext.next.view_node.replace(/^.?\/blabla\//g, '')
-    //   this.$router.push({
-    //     name:`article`,
-    //     params: { alias:alias }
-    //     // query: { uuid: this.prevnext.next.uuid }
-    //   })
-    // },
-    // onPrev(){
-    //   // console.log('clicked on prev', this.prevnext.next);
-    //   let alias = this.prevnext.prev.view_node.replace(/^.?\/blabla\//g, '')
-    //   this.$router.push({
-    //     name:`article`,
-    //     params: { alias:alias }
-    //     // query: { uuid: this.prevnext.prev.uuid }
-    //   })
-    // },
     setLightboxIndex(index) {
       this.lightbox_index = index
     }