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>
--
GitLab