fixed coollightbox

web/themes/custom/materiotheme/assets/scripts/main.js

@@ -17,8 +17,9 @@ Vue.use(InfiniteLoading, {
 // Vue.use(vueVimeoPlayer)
 // import VueYouTubeEmbed from 'vue-youtube-embed'
 // Vue.use(VueYouTubeEmbed)
-import CoolLightBox from 'vue-cool-lightbox'
-Vue.use(CoolLightBox)
+// LOADED IN COMPONENT
+// import CoolLightBox from 'vue-cool-lightbox'
+// Vue.use(CoolLightBox)
 
 import VModal from 'vue-js-modal'
 Vue.use(VModal, { dialog: true })
@@ -49,10 +50,11 @@ import VMainContent from 'vuejs/components/Content/MainContent'
 import VSearchBlock from 'vuejs/components/Block/SearchBlock'
 import VLeftContent from 'vuejs/components/Content/LeftContent'
 import VHeaderMenu from 'vuejs/components/Content/HeaderMenu'
+import GlobCoolLightBox from 'vuejs/components/Content/GlobCoolLightBox'
 
 import { mapState } from 'vuex'
 
-import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
+// import 'vue-cool-lightbox/dist/vue-cool-lightbox.min.css'
 import 'slim-select/slimselect.min.css'
 
 import 'theme/assets/styles/main.scss'
@@ -62,7 +64,8 @@ import MA from 'vuejs/api/ma-axios'
 
 export let _v_sitebranding_block, _v_user_block, _v_header_menu,
   _v_pagetitle_block, _v_search_block,
-  _v_main_content, _v_left_content
+  _v_main_content, _v_left_content,
+  _v_glob_coollightbox
 
 (function (Drupal, drupalSettings, drupalDecoupled) {
   const MaterioTheme = function () {
@@ -121,6 +124,7 @@ export let _v_sitebranding_block, _v_user_block, _v_header_menu,
         initVStore()
         initVi18n()
         initVLeftContent()
+        initCoolLightBox()
       }
       initVUserBlock()
     }
@@ -390,6 +394,20 @@ export let _v_sitebranding_block, _v_user_block, _v_header_menu,
         render: h => h(VLeftContent, { props: { id: id } })
       }).$mount('#' + id)
     }
+    function initCoolLightBox () {
+      const id = 'glog-coollightbox'
+      const $clb_elmt = document.createElement('div')
+      $clb_elmt.setAttribute('id', id)
+      const $body = document.querySelector('body')
+      $body.appendChild($clb_elmt)
+
+      _v_glob_coollightbox = new Vue({
+        store,
+        i18n,
+        render: h => h(GlobCoolLightBox, { props: { } })
+      }).$mount('#' + id)
+      console.log('_v_glob_coollightbox', _v_glob_coollightbox)
+    }
     init()
   } // end MaterioTheme()