From 65aa20433c796c40592e6031eb8ba323c171c108 Mon Sep 17 00:00:00 2001
From: raghunayyar <me@iraghu.com>
Date: Tue, 25 Feb 2014 15:39:01 +0530
Subject: [PATCH] Enhancement : Toggle Add Group on Click, @blizzz have a look
 here.

---
 settings/css/settings.css                   |  5 +++++
 settings/js/users/groups.js                 | 18 +++++++++++++++++-
 settings/templates/users/part.grouplist.php |  9 +++++++--
 3 files changed, 29 insertions(+), 3 deletions(-)

diff --git a/settings/css/settings.css b/settings/css/settings.css
index 2f0585f299..e6ad4fd304 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -51,6 +51,11 @@ table.nostyle label { margin-right: 2em; }
 table.nostyle td { padding: 0.2em 0; }
 
 /* USERS */
+#newgroup-init a span { margin-left: 20px; }
+#newgroup-init a span:before {
+	position: absolute;	left: 12px; top:-2px;
+	content: '+'; font-weight: bold; font-size: 150%;
+}
 .usercount { float: left; margin: 5px; }
 li.active span.utils .delete {
 	float: left; position: relative; opacity: 0.5;
diff --git a/settings/js/users/groups.js b/settings/js/users/groups.js
index 3234d6911e..3ac8d3f36e 100644
--- a/settings/js/users/groups.js
+++ b/settings/js/users/groups.js
@@ -64,7 +64,23 @@ $(document).ready( function () {
 		// Call function for handling delete/undo on Groups
 		GroupList.delete_group(gid);
 	});
-	$('#newgroup').submit(function (event) {
+
+	// Display or hide of Create Group List Element
+	$('#newgroup-form').hide();
+	$('#newgroup-init').on('click', function (e) {
+		e.stopPropagation();
+		$('#newgroup-form').show();
+		$('#newgroup-init').hide();
+		$(document).click( function (e) {
+			if (e.target.id !== 'newgroup-form') {
+				$("#newgroup-form").hide();
+				$("#newgroup-init").show();
+			}			
+		});
+	});
+
+	// Responsible for Creating Groups.
+	$('#newgroup-form form').submit(function (event) {
 		event.preventDefault();
 		var groupname = $('#newgroupname').val();
 		if ($.trim(groupname) === '') {
diff --git a/settings/templates/users/part.grouplist.php b/settings/templates/users/part.grouplist.php
index 51351733d0..620049eb29 100644
--- a/settings/templates/users/part.grouplist.php
+++ b/settings/templates/users/part.grouplist.php
@@ -1,7 +1,12 @@
 <ul>
 	<!-- Add new group -->
-	<li>
-		<form id="newgroup">
+	<li id="newgroup-init">
+		<a href="#">
+			<span><?php p($l->t('Add Group'))?></span>
+		</a>
+	</li>
+	<li id="newgroup-form">
+		<form>
 			<input type="text" id="newgroupname" placeholder="<?php p($l->t('Group')); ?>..." />
 			<input type="submit" class="button" value="<?php p($l->t('Add Group'))?>" />
 		</form>