first commit

public/js/modules/modal.js

@@ -0,0 +1,128 @@
+CNVS.Modal = function() {
+	var __core = SEMICOLON.Core;
+
+	return {
+		init: function(selector) {
+			if( __core.getSelector(selector, false, false).length < 1 ){
+				return true;
+			}
+
+			__core.loadJS({ file: 'plugins.lightbox.js', id: 'canvas-lightbox-js', jsFolder: true });
+
+			__core.isFuncTrue( function() {
+				return typeof jQuery !== 'undefined' && jQuery().magnificPopup;
+			}).then( function(cond) {
+				if( !cond ) {
+					return false;
+				}
+
+				__core.initFunction({ class: 'has-plugin-modal', event: 'pluginModalReady' });
+
+				selector = __core.getSelector( selector );
+				if( selector.length < 1 ){
+					return true;
+				}
+
+				var closeButtonIcon = '<i class="bi-x-lg"></i>';
+
+				selector.each( function(){
+					var element = jQuery(this),
+						elTarget = element.attr('data-target'),
+						elTargetValue = '__cnvs_' + elTarget.split('#')[1],
+						elDelay = element.attr('data-delay') || 500,
+						elTimeout = element.attr('data-timeout'),
+						elAnimateIn = element.attr('data-animate-in'),
+						elAnimateOut = element.attr('data-animate-out'),
+						elBgClick = element.attr('data-bg-click'),
+						elCloseBtn = element.attr('data-close-btn'),
+						elCookies = element.attr('data-cookies'),
+						elCookiePath = element.attr('data-cookie-path'),
+						elCookieExp = element.attr('data-cookie-expire');
+
+					if( elCookies == "false" ) {
+						__core.cookie.remove( elTargetValue );
+					}
+
+					if( elCookies == 'true' ) {
+						var elementCookie = __core.cookie.get( elTargetValue );
+
+						if( typeof elementCookie !== 'undefined' && elementCookie == '0' ) {
+							return true;
+						}
+					}
+
+					if( elBgClick == 'false' ) {
+						elBgClick = false;
+					} else {
+						elBgClick = true;
+					}
+
+					if( elCloseBtn == 'false' ) {
+						elCloseBtn = false;
+					} else {
+						elCloseBtn = true;
+					}
+
+					elDelay = Number(elDelay) + 500;
+
+					setTimeout(function() {
+						jQuery.magnificPopup.open({
+							items: { src: elTarget },
+							type: 'inline',
+							mainClass: 'mfp-no-margins mfp-fade',
+							closeBtnInside: false,
+							fixedContentPos: true,
+							closeOnBgClick: elBgClick,
+							showCloseBtn: elCloseBtn,
+							removalDelay: 500,
+							closeIcon: closeButtonIcon,
+							callbacks: {
+								open: function(){
+									if( elAnimateIn != '' ) {
+										jQuery(elTarget).addClass( elAnimateIn + ' animated' );
+									}
+								},
+								beforeClose: function(){
+									if( elAnimateOut != '' ) {
+										jQuery(elTarget).removeClass( elAnimateIn ).addClass( elAnimateOut );
+									}
+								},
+								afterClose: function() {
+									if( elAnimateIn != '' || elAnimateOut != '' ) {
+										jQuery(elTarget).removeClass( elAnimateIn + ' ' + elAnimateOut + ' animated' );
+									}
+								}
+							}
+						}, 0);
+					}, elDelay );
+
+					if( document.querySelector('.modal-cookies-close') ) {
+						document.querySelector('.modal-cookies-close').onclick = function() {
+							jQuery.magnificPopup.close();
+
+							if( elCookies == 'true' ) {
+								var cookieOps = {};
+
+								if( elCookieExp ) {
+									cookieOps.expires = Number( elCookieExp );
+								}
+
+								if( elCookiePath ) {
+									cookieOps.path = elCookiePath;
+								}
+
+								__core.cookie.set( elTargetValue, '0', cookieOps );
+							}
+						};
+					}
+
+					if( elTimeout != '' ) {
+						setTimeout(function() {
+							jQuery.magnificPopup.close();
+						}, elDelay + Number(elTimeout) );
+					}
+				});
+			});
+		}
+	};
+}();