[plack-app-gruntmaster.git] / js / 10-modal.js

let modal, backdrop, hiding;

function show_modal () {
	modal.classList.remove('hidden');
	backdrop.classList.remove('hidden');
	setTimeout(function (){
		document.body.classList.add('modal-open');
	}, 20);
}

function hide_modal () {
	document.body.classList.remove('modal-open');
}

$(function() {
	if(document.documentElement.clientWidth)
		return;
	modal = $('.modal')[0];
	backdrop = $('.backdrop')[0];
	$(modal).on('transitionend', el => {
		if(!document.body.classList.contains('modal-open'))
			modal.classList.add('hidden');
	});
	$('.backdrop,.modal').each(el => document.body.appendChild(el) );
	$('#solution').on('click', e => {
		show_modal();
		e.preventDefault();
	});
	$('.backdrop').on('click', hide_modal);
	window.onkeyup = event => {
		if (event.keyCode === 27)
			hide_modal();
	}
});
Commit	Line	Data
	1	let modal, backdrop, hiding;
	2
	3	function show_modal () {
	4	modal.classList.remove('hidden');
	5	backdrop.classList.remove('hidden');
	6	setTimeout(function (){
	7	document.body.classList.add('modal-open');
	8	}, 20);
	9	}
	10
	11	function hide_modal () {
	12	document.body.classList.remove('modal-open');
	13	}
	14
	15	$(function() {
	16	if(document.documentElement.clientWidth)
	17	return;
	18	modal = $('.modal')[0];
	19	backdrop = $('.backdrop')[0];
	20	$(modal).on('transitionend', el => {
	21	if(!document.body.classList.contains('modal-open'))
	22	modal.classList.add('hidden');
	23	});
	24	$('.backdrop,.modal').each(el => document.body.appendChild(el) );
	25	$('#solution').on('click', e => {
	26	show_modal();
	27	e.preventDefault();
	28	});
	29	$('.backdrop').on('click', hide_modal);
	30	window.onkeyup = event => {
	31	if (event.keyCode === 27)
	32	hide_modal();
	33	}
	34	});