diff options
-rw-r--r-- | admin/themes/clear/theme.css | 14 | ||||
-rw-r--r-- | admin/themes/default/fix-ie7.css | 3 | ||||
-rw-r--r-- | admin/themes/default/template/group_list.tpl | 38 | ||||
-rw-r--r-- | admin/themes/default/theme.css | 37 | ||||
-rw-r--r-- | admin/themes/roma/theme.css | 12 |
5 files changed, 70 insertions, 34 deletions
diff --git a/admin/themes/clear/theme.css b/admin/themes/clear/theme.css index 3607da5ff..405139c1e 100644 --- a/admin/themes/clear/theme.css +++ b/admin/themes/clear/theme.css @@ -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;} @@ -321,4 +321,14 @@ UL.thumbnails li.rank-of-image {background-color: #ddd;} text-decoration: none; } -p.albumTitle img {margin-bottom:-3px;}
\ No newline at end of file +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; +}
\ No newline at end of file diff --git a/admin/themes/default/fix-ie7.css b/admin/themes/default/fix-ie7.css index a9e5a21a2..d61e0294a 100644 --- a/admin/themes/default/fix-ie7.css +++ b/admin/themes/default/fix-ie7.css @@ -5,4 +5,7 @@ UL.thumbnails li.rank-of-image { text-align:left; +} +.groups li { + display: inline; }
\ 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 278f8a7dc..1c1d20c9e 100644 --- a/admin/themes/default/template/group_list.tpl +++ b/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() { @@ -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 { @@ -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} @@ -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} @@ -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)} diff --git a/admin/themes/default/theme.css b/admin/themes/default/theme.css index 76fac7a15..a3b27e309 100644 --- a/admin/themes/default/theme.css +++ b/admin/themes/default/theme.css @@ -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; }
\ No newline at end of file diff --git a/admin/themes/roma/theme.css b/admin/themes/roma/theme.css index 4b9b0639a..39167787b 100644 --- a/admin/themes/roma/theme.css +++ b/admin/themes/roma/theme.css @@ -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;} @@ -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; +}
\ No newline at end of file |