Skip to content

Commit

Permalink
bug:2890
Browse files Browse the repository at this point in the history
new layout finished: ie7 compat, dynamic, rounded corners...
the 2 "Manage..." options has been deleted

git-svn-id: http://piwigo.org/svn/trunk@23121 68402e56-0260-453c-a942-63ccdbb3a9ee
  • Loading branch information
flop25 committed Jun 9, 2013
1 parent 84c5c2b commit 0c2e87c
Show file tree
Hide file tree
Showing 5 changed files with 70 additions and 34 deletions.
14 changes: 12 additions & 2 deletions admin/themes/clear/theme.css
Expand Up @@ -279,7 +279,7 @@ INPUT[type="text"].large { width: 317px; }
#pwgHead A:hover, #footer A:hover {color:black;}
#footer { background-image: url(images/piwigo_logo_small.png);}

.pluginBox, .pluginMiniBox {background-color:#ddd;color:#353535;border-color:#ddd;}
.pluginBox, .pluginMiniBox, .groups li {background-color:#ddd;color:#353535;border-color:#ddd;}
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#111;}
.pluginBox.incompatible, .pluginMiniBox.incompatible {border-color:#a00 !important;}
.pluginBoxes .merged, .pluginBoxes .missing {background-color:#d99;border:1px solid #a00;}
Expand Down Expand Up @@ -321,4 +321,14 @@ UL.thumbnails li.rank-of-image {background-color: #ddd;}
text-decoration: none;
}

p.albumTitle img {margin-bottom:-3px;}
p.albumTitle img {margin-bottom:-3px;}

.groups label>p {
font-size: 1.2em;
color: #111;
background-color:#ccc;
}
label>p.group_select {
color: #666;
background-color:#F9F9F9;
}
3 changes: 3 additions & 0 deletions admin/themes/default/fix-ie7.css
Expand Up @@ -5,4 +5,7 @@

UL.thumbnails li.rank-of-image {
text-align:left;
}
.groups li {
display: inline;
}
38 changes: 7 additions & 31 deletions admin/themes/default/template/group_list.tpl
@@ -1,7 +1,7 @@
{footer_script}
{literal}
$(document).ready(function() {
$('.groups input').change(function () { $(this).parent('p').toggleClass('group_select'); });
$(".grp_action").hide();
$("input.group_selection").click(function() {
Expand Down Expand Up @@ -33,7 +33,7 @@ $(document).ready(function() {
$("select[name=selectAction]").change(function () {
$("[id^=action_]").hide();
$("#action_"+$(this).prop("value")).show();
if ($(this).val() != -1 && $(this).val() !="manage_pemissions" && $(this).val() !="manage_members" ) {
if ($(this).val() != -1 ) {
$("#applyActionBlock").show();
}
else {
Expand Down Expand Up @@ -66,13 +66,13 @@ $(document).ready(function() {
<form method="post" name="add_user" action="{$F_ADD_ACTION}" class="properties">
<input type="hidden" name="pwg_token" value="{$PWG_TOKEN}">

<ul style="text-align:center;">
<ul class="groups">
{if not empty($groups)}
{foreach from=$groups item=group name=group_loop}
<li style="vertical-align: middle;position: relative;display: inline-block;text-align: left;background-color: #ccc;height: 300px; width: 250px; margin: 5px">
<p style="text-align: left;"><label>{$group.NAME}<i><small>{$group.IS_DEFAULT}</small></i><input class="group_selection" name="group_selection[]" type="checkbox" value="{$group.ID}"></label></p>
<p style="text-align: left;max-height: 200px;overflow: auto;">{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>
<p style="text-align: left;position: absolute;bottom: 0"><a class="buttonLike" href="{$group.U_PERM}" title="{'Permissions'|@translate}">{'Manage Permissions'|@translate}</a></p>
<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>
</li>
{/foreach}
{/if}
Expand All @@ -90,8 +90,6 @@ $(document).ready(function() {
<option value="delete">{'Delete'|@translate}</option>
<option value="merge">{'Merge selected groups'|@translate}</option>
<option value="duplicate">{'Duplicate'|@translate}</option>
<option value="manage_members">{'Manage the members'|@translate}</option>
<option value="manage_pemissions">{'Manage Permissions'|@translate}</option>
<option value="toggle_default">{'Toggle \'default group\' property'|@translate}</option>
{if !empty($element_set_groupe_plugins_actions)}
{foreach from=$element_set_groupe_plugins_actions item=action}
Expand Down Expand Up @@ -137,28 +135,6 @@ $(document).ready(function() {
{/if}
</div>

<!-- manage_members -->
<div id="action_manage_members" class="bulkAction">
{if not empty($groups)}
{foreach from=$groups item=group}
<p group_id="{$group.ID}" class="grp_action">
{$group.NAME} > {if $group.NB_MEMBERS!=0}<a class="buttonLike" href="{$group.U_MEMBERS}" title="{'Manage the members'|@translate}">{'Manage the members'|@translate}</a>{else}{'No members to manage'|@translate}{/if}
</p>
{/foreach}
{/if}
</div>

<!-- manage_pemissions -->
<div id="action_manage_pemissions" class="bulkAction">
{if not empty($groups)}
{foreach from=$groups item=group}
<p group_id="{$group.ID}" class="grp_action">
{$group.NAME} > <a class="buttonLike" href="{$group.U_PERM}" title="{'Permissions'|@translate}">{'Manage Permissions'|@translate}</a>
</p>
{/foreach}
{/if}
</div>

<!-- toggle_default -->
<div id="action_toggle_default" class="bulkAction">
{if not empty($groups)}
Expand Down
37 changes: 37 additions & 0 deletions admin/themes/default/theme.css
Expand Up @@ -1102,4 +1102,41 @@ input[type="text"].dError {border-color:#ff7070; background-color:#FFe5e5;}
-webkit-border-radius:10px;
-border-radius:10px;
margin-left:5px;
}

.groups {
text-align:center;
}
.groups li {
vertical-align: middle;
position: relative;
display: inline-block;
text-align: left;
height: 300px;
width: 250px;
margin: 5px;
border-radius: 5px;
}
.groups p {
text-align:left;
}
.groups label>p {
margin: 0;
border-radius: 5px 5px 0 0;
padding: 2px;
text-align: center;
}

.groups input {
float: right;
}
p.list_user {
text-align: left;
max-height: 200px;
overflow: auto;
}
a.group_perm {
position: absolute;
bottom: 5px;
right: 5px;
}
12 changes: 11 additions & 1 deletion admin/themes/roma/theme.css
Expand Up @@ -262,7 +262,7 @@ color:transparent;}
#pwgHead, #footer {background-color:#222;}
#footer {background-image: url(images/piwigo_logo_small.png);}

.pluginBox, .pluginMiniBox {background-color:#333;color:#999;border-color:#333;}
.pluginBox, .pluginMiniBox, .groups li {background-color:#333;color:#999;border-color:#333;}
.pluginBoxNameCell, .pluginMiniBoxNameCell {color:#ddd;}
.pluginBox.incompatible, .pluginMiniBox.incompatible {border-color:#800 !important;}
.pluginBoxes .merged, .pluginBoxes .missing {background-color:#422;border:1px solid #800;}
Expand All @@ -289,3 +289,13 @@ div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-co
}

.selectedComment {background-color:#555; color:#fff;}

.groups label>p {
color: #ccc;
font-size: 1.2em;
background-color:#111;
}
label>p.group_select {
color: #111;
background-color:#ccc;
}

0 comments on commit 0c2e87c

Please sign in to comment.