keyup escape and styles

hyunsupul · Aug 13, 2014 · bb45b3e · bb45b3e
1 parent bd8dcee
commit bb45b3e
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 9 deletions.
diff --git a/admin/assets/css/aesop-admin.css b/admin/assets/css/aesop-admin.css
diff --git a/admin/assets/js/generator.js b/admin/assets/js/generator.js
@@ -4,17 +4,29 @@ jQuery(document).ready(function($) {
 	$('.aesop-add-story-component').click(function(e){
 		e.preventDefault();
 		jQuery('body').toggleClass('modal-open');
-		jQuery('#aesop-generator-wrap').toggleClass('aesop-generator-open')
+		jQuery('#aesop-generator-wrap').toggleClass('aesop-generator-open');
 	});
 
 	var settingsHeight = function(){
 		$('#aesop-generator-settings-outer').css({'height':$(window).height() - 60});
 	}
+
+	var destroyModal = function(){
+		$('#aesop-generator-wrap').removeClass('aesop-generator-open');
+		$('body').removeClass('modal-open');
+	}
 	settingsHeight();
 
 	$(window).resize(function(){
 		settingsHeight();
 	});
+	  	// close modals on escape
+	$(document).keyup(function(e) {
+
+		if (e.keyCode == 27) {
+			destroyModal();
+		}
+	});
 
 	// end new
 
@@ -46,8 +58,7 @@ jQuery(document).ready(function($) {
 		window.send_to_editor(jQuery('#aesop-generator-result').val());
 
 		// start new
-		$('#aesop-generator-wrap').removeClass('aesop-generator-open').
-		$('body').removeClass('modal-open');
+		destroyModal();
 		// end new
 
 		return false;

diff --git a/admin/assets/js/generator.js.map b/admin/assets/js/generator.js.map