first commit

2026-04-26 22:18:17 +03:00
commit 7b2b27a42c
1660 changed files with 123050 additions and 0 deletions
--- a/public/js/modules/lightbox.js
+++ b/public/js/modules/lightbox.js
@@ -0,0 +1,187 @@
+CNVS.Lightbox = 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-lightbox', event: 'pluginLightboxReady' });
+
+				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),
+						elType = element.attr('data-lightbox'),
+						elCloseButton = element.attr('data-close-button') || 'outside',
+						elDisableUnder = element.attr('data-disable-under') || 600,
+						elFixedContent = element.attr('data-content-position') || 'auto',
+						elZoom = element.attr('data-zoom'),
+						$body = jQuery('body');
+
+					elCloseButton = elCloseButton == 'inside' ? true : false;
+					elFixedContent = elFixedContent == 'fixed' ? true : false;
+
+					if( elType == 'image' ) {
+						var settings = {
+							type: 'image',
+							tLoading: '',
+							closeOnContentClick: true,
+							closeBtnInside: elCloseButton,
+							fixedContentPos: true,
+							mainClass: 'mfp-no-margins mfp-fade',
+							image: {
+								verticalFit: true
+							},
+							closeIcon: closeButtonIcon,
+						};
+
+						if( elZoom == 'true' ) {
+							settings.zoom = {
+								enabled: true,
+								duration: 300,
+								easing: 'ease-in-out',
+								opener: function(openerElement) {
+									return openerElement.is('img') ? openerElement : openerElement.find('img');
+								}
+							};
+						}
+
+						element.magnificPopup(settings);
+					}
+
+					if( elType == 'gallery' ) {
+						if( element.find('a[data-lightbox="gallery-item"]').parent('.clone').hasClass('clone') ) {
+							element.find('a[data-lightbox="gallery-item"]').parent('.clone').find('a[data-lightbox="gallery-item"]').attr('data-lightbox','');
+						}
+
+						if( element.find('a[data-lightbox="gallery-item"]').parents('.cloned').hasClass('cloned') ) {
+							element.find('a[data-lightbox="gallery-item"]').parents('.cloned').find('a[data-lightbox="gallery-item"]').attr('data-lightbox','');
+						}
+
+						element.magnificPopup({
+							delegate: element.hasClass('grid-container-filterable') ? 'a.grid-lightbox-filtered[data-lightbox="gallery-item"]' : 'a[data-lightbox="gallery-item"]',
+							type: 'image',
+							tLoading: '',
+							closeOnContentClick: true,
+							closeBtnInside: elCloseButton,
+							fixedContentPos: true,
+							mainClass: 'mfp-no-margins mfp-fade', // class to remove default margin from left and right side
+							image: {
+								verticalFit: true
+							},
+							gallery: {
+								enabled: true,
+								navigateByImgClick: true,
+								preload: [0,1] // Will preload 0 - before current, and 1 after the current image
+							},
+							closeIcon: closeButtonIcon,
+						});
+					}
+
+					if( elType == 'iframe' ) {
+						element.magnificPopup({
+							disableOn: Number( elDisableUnder ),
+							type: 'iframe',
+							tLoading: '',
+							removalDelay: 160,
+							preloader: false,
+							closeBtnInside: elCloseButton,
+							fixedContentPos: elFixedContent,
+							closeIcon: closeButtonIcon,
+						});
+					}
+
+					if( elType == 'inline' ) {
+						element.magnificPopup({
+							type: 'inline',
+							tLoading: '',
+							mainClass: 'mfp-no-margins mfp-fade',
+							closeBtnInside: elCloseButton,
+							fixedContentPos: true,
+							overflowY: 'scroll',
+							closeIcon: closeButtonIcon,
+						});
+					}
+
+					if( elType == 'ajax' ) {
+						element.magnificPopup({
+							type: 'ajax',
+							tLoading: '',
+							closeBtnInside: elCloseButton,
+							autoFocusLast: false,
+							closeIcon: closeButtonIcon,
+							callbacks: {
+								ajaxContentAdded: function(mfpResponse) {
+									__core.runContainerModules( document.querySelector('.mfp-content') );
+								},
+								open: function() {
+									$body.addClass('ohidden');
+								},
+								close: function() {
+									$body.removeClass('ohidden');
+								}
+							}
+						});
+					}
+
+					if( elType == 'ajax-gallery' ) {
+						element.magnificPopup({
+							delegate: 'a[data-lightbox="ajax-gallery-item"]',
+							type: 'ajax',
+							tLoading: '',
+							closeBtnInside: elCloseButton,
+							closeIcon: closeButtonIcon,
+							autoFocusLast: false,
+							gallery: {
+								enabled: true,
+								preload: 0,
+								navigateByImgClick: false
+							},
+							callbacks: {
+								ajaxContentAdded: function(mfpResponse) {
+									__core.runContainerModules( document.querySelector('.mfp-content') );
+								},
+								open: function() {
+									$body.addClass('ohidden');
+								},
+								close: function() {
+									$body.removeClass('ohidden');
+								}
+							}
+						});
+					}
+
+					element.on( 'mfpOpen', function(){
+						var lightboxItem = jQuery.magnificPopup.instance.currItem.el,
+							lightboxClass = jQuery( lightboxItem ).attr('data-lightbox-class'),
+							lightboxBgClass = jQuery( lightboxItem ).attr('data-lightbox-bg-class');
+
+						if( lightboxClass != '' ) {
+							jQuery(jQuery.magnificPopup.instance.container).addClass( lightboxClass );
+						}
+
+						if( lightboxBgClass != '' ) {
+							jQuery(jQuery.magnificPopup.instance.bgOverlay).addClass( lightboxBgClass );
+						}
+					});
+				});
+			});
+		}
+	};
+}();