Merge pull request #26 from il-s/fix-modal

Fix modal windows

Author: cssninja

src/js/libs/utils/utils.js

@@ -37,3 +37,24 @@ export function insertBgImages() {
     }
   }
 }
+
+export function initModals() {
+  let targets = document.querySelectorAll(".modal-trigger");
+  if (typeof targets != "undefined" && targets != null) {
+    for (var i = 0, len = targets.length; i < len; i++) {
+      targets[i].addEventListener('click',  function (event) {
+        var modalID = this.getAttribute('data-modal');
+        document.querySelector('#' + modalID).classList.add('is-active');
+      })
+    }
+  }
+
+  targets = document.querySelectorAll(".modal-close");
+  if (typeof targets != "undefined" && targets != null) {
+    for (var i = 0, len = targets.length; i < len; i++) {
+      targets[i].addEventListener('click',  function (event) {
+        this.closest('.modal').classList.remove('is-active');
+      })
+    }
+  }
+}

src/js/main.js

@@ -4,7 +4,7 @@ import './store/store';
 import 'alpinejs';
 import { env } from './libs/utils/constants';
 import { initPageLoader } from './libs/components/pageloader';
-import { switchDemoImages, insertBgImages } from './libs/utils/utils';
+import { switchDemoImages, insertBgImages, initModals } from './libs/utils/utils';
 import { initNavbar } from './libs/components/navbar';
 import { initSidebar } from './libs/components/sidebar';
 import { initBackToTop } from './libs/components/backtotop';
@@ -28,6 +28,8 @@ document.onreadystatechange = function () {
         //Feather Icons
         const featherIcons = feather.replace();
 
+        // Add modal windows
+        const modals = initModals();
     }
 }