[gruntmaster-page.git] / js / 10-modal.js

var modal, hiding;

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

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

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