fixed coollightbox

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

@@ -271,23 +271,27 @@
         <img
           class="blank"
           :src="blanksrc"
-          @click="lightbox_index = index"
+          @click="setcoolLightBoxIndex(index)"
         >
       </figure>
     </section>
-    <CoolLightBox
+    <!-- <CoolLightBox
       :items="material.images"
       :index="lightbox_index"
       srcName="url"
       :loop="true"
+      :fullScreen="true"
       @close="lightbox_index = null">
-    </CoolLightBox>
+    </CoolLightBox> -->
   </article>
 </template>
 
 <script>
 import { mapState, mapActions } from 'vuex'
 
+// import CoolLightBox from 'vue-cool-lightbox'
+// import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
+
 import {
   VsaList,
   VsaItem,
@@ -317,6 +321,7 @@ export default {
   mixins: [cardMixins],
   components: {
     LinkedMaterialCard,
+    // CoolLightBox,
     VsaList,
     VsaItem,
     VsaHeading,
@@ -365,7 +370,9 @@ export default {
     ...mapState({
       csrf_token: state => state.User.csrf_token,
       flagcolls: state => state.User.flagcolls,
-      showrooms: state => state.Showrooms.showrooms_by_tid
+      showrooms: state => state.Showrooms.showrooms_by_tid,
+      coolLightBoxItems: state => state.Common.coolLightBoxItems,
+      coolLightBoxIndex: state => state.Common.coolLightBoxIndex
     }),
     collsLength() {
       return Object.keys(this.flagcolls).length
@@ -397,7 +404,9 @@ export default {
     ...mapActions({
       // refreshItem: 'Search/refreshItem',
       createFlagColl: 'User/createFlagColl',
-      flagUnflag: 'User/flagUnflag'
+      flagUnflag: 'User/flagUnflag',
+      setcoolLightBoxItems: 'Common/setcoolLightBoxItems',
+      setcoolLightBoxIndex: 'Common/setcoolLightBoxIndex'
     }),
     loadMaterial(){
       console.log('loadMaterial', this.item.id)
@@ -424,6 +433,7 @@ export default {
           // setTimeout(function () {
           //   this.activateLazyLoad()
           // }.bind(this), 5)
+          this.setcoolLightBoxItems(this.material.images)
         })
         .catch(error => {
           console.warn('Issue with loadMaterial', error)