Replace Zepto with ki.js, rewrite all JS

[plack-app-gruntmaster.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();
	}
});