Enhancement: Implements Grouplist Toggle, Courtesy Calendar App Settings.

1 files changed, 21 insertions, 11 deletions

diff --git a/settings/js/users/groups.js b/settings/js/users/groups.js
index 13090b99162..b666ad5e74b 100644
--- a/settings/js/users/groups.js
+++ b/settings/js/users/groups.js
@@ -220,16 +220,26 @@ $(document).ready( function () {
 	});
 
 	// Implements Quota Settings Toggle.
-	$('#app-navigation').find('.settings-button').on('click', function (e) {
-		$('.settings-button').addClass('opened');
-		var settings = $('#app-settings');
-		e.stopPropagation();
-		settings.animate({height: "100px"});
-		$('#app-settings-content').css('display', 'block');
-		$(document).click(function (e) {
-			if (!settings.is(e.target) && settings.has(e.target).length === 0) {
-				settings.animate({height: "45px"});
+	$('#app-settings-header').on('click keydown',function(event) {
+		if(wrongKey(event)) {
+			return;
+		}
+		var bodyListener = function(e) {
+			if($('#app-settings').find($(e.target)).length === 0) {
+				$('#app-settings').switchClass('open', '');
 			}
-		});
+		};
+		if($('#app-settings').hasClass('open')) {
+			$('#app-settings').switchClass('open', '');
+			$('body').unbind('click', bodyListener);
+		} else {
+			$('#app-settings').switchClass('', 'open');
+			$('body').bind('click', bodyListener);
+		}
 	});
-});
\ No newline at end of file
+});
+
+var wrongKey = function(event) {
+	return ((event.type === 'keydown' || event.type === 'keypress') 
+		&& (event.keyCode !== 32 && event.keyCode !== 13));
+};
\ No newline at end of file