aboutsummaryrefslogtreecommitdiffstats
path: root/admin/themes
diff options
context:
space:
mode:
authorplegall <plg@piwigo.org>2013-11-11 11:49:27 +0000
committerplegall <plg@piwigo.org>2013-11-11 11:49:27 +0000
commit9159bdfd067b829a4445bec781fdefc506fab3b1 (patch)
treeefc60f546400df3af4a65bcb94122906b6cba9c5 /admin/themes
parente48388d49e19c5cd8ddcbc53ca88281fd58f35ed (diff)
feature 2890: small changes to the new design of group manager. Tab (with
icon), javascript open for "add group" form, use a "link style" for "Permissions" on each album, add icon for "Permissions" link, use same colors for "selected" items as for photos batch manager or comments manager, replace "-" by "&middot;" and make it less visible (softer color) for user separator. git-svn-id: http://piwigo.org/svn/trunk@25449 68402e56-0260-453c-a942-63ccdbb3a9ee
Diffstat (limited to '')
-rw-r--r--admin/themes/clear/theme.css8
-rw-r--r--admin/themes/default/template/group_list.tpl41
-rw-r--r--admin/themes/roma/theme.css10
3 files changed, 46 insertions, 13 deletions
diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css
index 722404d3d..1a74c6caf 100644
--- a/admin/themes/clear/theme.css
+++ b/admin/themes/clear/theme.css
@@ -329,6 +329,10 @@ p.albumTitle img {margin-bottom:-3px;}
background-color:#ccc;
}
label>p.group_select {
- color: #666;
- background-color:#F9F9F9;
+ color: #000;
+ background-color:#C2F5C2;
+}
+
+.userSeparator {
+ color:#999;
} \ No newline at end of file
diff --git a/admin/themes/default/template/group_list.tpl b/admin/themes/default/template/group_list.tpl
index 1c1d20c9e..726cb2c33 100644
--- a/admin/themes/default/template/group_list.tpl
+++ b/admin/themes/default/template/group_list.tpl
@@ -1,6 +1,20 @@
{footer_script}
{literal}
$(document).ready(function() {
+ /**
+ * Add group
+ */
+ jQuery("#addGroup").click(function() {
+ jQuery("#addGroupForm").toggle();
+ jQuery("input[name=groupname]").focus();
+ return false;
+ });
+
+ jQuery("#addGroupClose").click(function() {
+ jQuery("#addGroupForm").hide();
+ return false;
+ });
+
$('.groups input').change(function () { $(this).parent('p').toggleClass('group_select'); });
$(".grp_action").hide();
$("input.group_selection").click(function() {
@@ -51,18 +65,29 @@ $(document).ready(function() {
<h2>{'Group management'|@translate}</h2>
</div>
-<form method="post" name="add_user" action="{$F_ADD_ACTION}" class="properties">
+<p class="showCreateAlbum" id="showAddGroup">
+ <a class="icon-plus-circled" href="#" id="addGroup">{'Add group'|translate}</a>
+</p>
+
+<form method="post" style="display:none" id="addGroupForm" name="add_user" action="{$F_ADD_ACTION}" class="properties">
<fieldset>
<legend>{'Add group'|@translate}</legend>
- <span class="property">
- <label for="groupname">{'Group name'|@translate}</label>
- </span>
- <input type="text" id="groupname" name="groupname" maxlength="50" size="20">
- <input type="submit" name="submit_add" value="{'Add'|@translate}">
- <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
+
+ <p>
+ <strong>{'Group name'|translate}</strong><br>
+ <input type="text" name="groupname" maxlength="50" size="20">
+ </p>
+
+ <p class="actionButtons">
+ <input class="submit" name="submit_add" type="submit" value="{'Add'|translate}">
+ <a href="#" id="addGroupClose">{'Cancel'|@translate}</a>
+ </p>
+
+ <input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
</fieldset>
</form>
+
<form method="post" name="add_user" action="{$F_ADD_ACTION}" class="properties">
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">
@@ -72,7 +97,7 @@ $(document).ready(function() {
<li>
<label><p>{$group.NAME}<i><small>{$group.IS_DEFAULT}</small></i><input class="group_selection" name="group_selection[]" type="checkbox" value="{$group.ID}"></p></label>
<p class="list_user">{if $group.MEMBERS>0}<a href="{$group.U_MEMBERS}" title="{'Manage the members'|@translate}">{$group.MEMBERS}</a><br>{$group.L_MEMBERS}{else}{$group.MEMBERS}{/if}</p>
- <a class="buttonLike group_perm" href="{$group.U_PERM}" title="{'Permissions'|@translate}">{'Manage Permissions'|@translate}</a>
+ <a class="icon-lock group_perm" href="{$group.U_PERM}" title="{'Permissions'|@translate}">{'Permissions'|translate}</a>
</li>
{/foreach}
{/if}
diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css
index 4eff90e81..eb1d3685d 100644
--- a/admin/themes/roma/theme.css
+++ b/admin/themes/roma/theme.css
@@ -303,10 +303,14 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
background-color:#111;
}
label>p.group_select {
- color: #111;
- background-color:#ccc;
+ color: #fff;
+ background-color:#555;
+}
+
+.userSeparator {
+ color:#666;
}
#configContent fieldset:not(.no-border) {
border-top-color:#444;
-} \ No newline at end of file
+}