initial commit

2019-01-11 22:16:01 +03:00
commit 24c5f2fcf6
312 changed files with 186972 additions and 0 deletions
@@ -0,0 +1,118 @@
+/*
+Name: 			UI Elements / Modals - Examples
+Written by: 	Okler Themes - (http://www.okler.net)
+Theme Version: 	2.1.1
+*/
+
+(function($) {
+
+	'use strict';
+
+	/*
+	Basic
+	*/
+	$('.modal-basic').magnificPopup({
+		type: 'inline',
+		preloader: false,
+		modal: true
+	});
+
+	/*
+	Sizes
+	*/
+	$('.modal-sizes').magnificPopup({
+		type: 'inline',
+		preloader: false,
+		modal: true
+	});
+
+	/*
+	Modal with CSS animation
+	*/
+	$('.modal-with-zoom-anim').magnificPopup({
+		type: 'inline',
+
+		fixedContentPos: false,
+		fixedBgPos: true,
+
+		overflowY: 'auto',
+
+		closeBtnInside: true,
+		preloader: false,
+		
+		midClick: true,
+		removalDelay: 300,
+		mainClass: 'my-mfp-zoom-in',
+		modal: true
+	});
+
+	$('.modal-with-move-anim').magnificPopup({
+		type: 'inline',
+
+		fixedContentPos: false,
+		fixedBgPos: true,
+
+		overflowY: 'auto',
+
+		closeBtnInside: true,
+		preloader: false,
+		
+		midClick: true,
+		removalDelay: 300,
+		mainClass: 'my-mfp-slide-bottom',
+		modal: true
+	});
+
+	/*
+	Modal Dismiss
+	*/
+	$(document).on('click', '.modal-dismiss', function (e) {
+		e.preventDefault();
+		$.magnificPopup.close();
+	});
+
+	/*
+	Modal Confirm
+	*/
+	$(document).on('click', '.modal-confirm', function (e) {
+		e.preventDefault();
+		$.magnificPopup.close();
+
+		new PNotify({
+			title: 'Success!',
+			text: 'Modal Confirm Message.',
+			type: 'success'
+		});
+	});
+
+	/*
+	Form
+	*/
+	$('.modal-with-form').magnificPopup({
+		type: 'inline',
+		preloader: false,
+		focus: '#name',
+		modal: true,
+
+		// When elemened is focused, some mobile browsers in some cases zoom in
+		// It looks not nice, so we disable it:
+		callbacks: {
+			beforeOpen: function() {
+				if($(window).width() < 700) {
+					this.st.focus = false;
+				} else {
+					this.st.focus = '#name';
+				}
+			}
+		}
+	});
+
+	/*
+	Ajax
+	*/
+	$('.simple-ajax-modal').magnificPopup({
+		type: 'ajax',
+		modal: true
+	});
+
+}).apply(this, [jQuery]);