telegram_bots/static/js/examples/examples.modals.js

118 lines
1.8 KiB
JavaScript
Raw Normal View History

2019-01-11 19:16:01 +00:00
/*
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]);