1
0

Hide/show entry list filters, sorting etc. Needs more styling.

This commit is contained in:
Matthias Mees
2013-06-03 17:01:59 +02:00
parent 0e07a54085
commit 14aad65c0c
3 changed files with 34 additions and 22 deletions

View File

@ -1,4 +1,5 @@
{if $drawList}
<div class="has_toolbar">
<h2>{$CONST.FIND_ENTRIES}</h2>
<form action="?" method="get">
@ -6,8 +7,20 @@
<input name="serendipity[adminModule]" type="hidden" value="entries">
<input name="serendipity[adminAction]" type="hidden" value="editSelect">
<fieldset id="filter_entries">
<legend><span>{$CONST.FILTERS}</span></legend>
<ul class="filters_toolbar plainList">
<li><a class="button_link" href="#entry_skip" title="{$CONST.EDIT_ENTRY} #"><span class="icon-edit"></span><span class="visuallyhidden"> {$CONST.EDIT_ENTRY} #</span></a></li>
<li><a class="button_link" href="#filter_entries" title="Show filters"><span class="icon-filter"></span><span class="visuallyhidden"> Show filters</span></a></li> {* i18n *}
<li><a class="button_link" href="#sort_entries" title="{$CONST.SORT_ORDER}"><span class="icon-sort"></span><span class="visuallyhidden"> {$CONST.SORT_ORDER}</span></a></li>
</ul>
<div id="entry_skip" class="form_field additional_info">
<label for="skipto_entry">{$CONST.EDIT_ENTRY} #</label>
<input id="skipto_entry" name="serendipity[id]" type="text" size="3">
<input name="serendipity[editSubmit]" type="submit" value="{$CONST.GO}">
</div>
<fieldset id="filter_entries" class="additional_info">
<legend class="visuallyhidden">{$CONST.FILTERS}</legend>
<div class="clearfix">
<div class="form_select">
@ -49,8 +62,8 @@
</div>
</fieldset>
<fieldset id="sort_entries">
<legend><span>{$CONST.SORT_ORDER}</span></legend>
<fieldset id="sort_entries" class="additional_info">
<legend class="visuallyhidden">{$CONST.SORT_ORDER}</legend>
<div class="clearfix">
<div class="form_select">
@ -79,12 +92,13 @@
</select>
</div>
</div>
</fieldset>
<div class="form_buttons">
<input name="go" type="submit" value="{$CONST.GO}">
</div>
<div class="form_buttons">
<input name="go" type="submit" value="{$CONST.GO}">
</div>
</fieldset>
</form>
</div>
{if $is_entries}
<form id="formMultiDelete" action="?" method="post" name="formMultiDelete">
{$formtoken}
@ -157,15 +171,6 @@
<input name="serendipity[action]" type="hidden" value="admin">
<input name="serendipity[adminModule]" type="hidden" value="entries">
<input name="serendipity[adminAction]" type="hidden" value="editSelect">
<div id="entry_skip" class="form_field">
<label for="skipto_entry">{$CONST.EDIT_ENTRY} #</label>
<input id="skipto_entry" name="serendipity[id]" type="text" size="3">
</div>
<div class="form_buttons">
<input name="serendipity[editSubmit]" type="submit" value="{$CONST.GO}">
</div>
</form>
{/if}
{if $no_entries}

View File

@ -719,13 +719,16 @@ function highlightComment(id, checkvalue) {
addUploadField();
});
// Show media file info
$('.media_show_info, .template_show_info').click(function(e) {
// Show media file info, template info or filters
$('.media_show_info, .template_show_info, .filters_toolbar li > a').click(function(e) {
$($(this).attr('href')).toggleClass('additional_info');
e.preventDefault();
});
// Clone media library
// Clone form submit buttons
$('#sort_entries > .form_buttons').clone().appendTo('#filter_entries');
// Clone pagination
$('.media_pane .pagination').clone().prependTo('.media_pane');
$('.comments_pane .pagination').clone().insertAfter('.comments_pane > h3');
$('.entries_pane .pagination').clone().prependTo('.entries_pane');

View File

@ -455,7 +455,8 @@ form > a,
#mediaPropertyForm footer b,
#entries_list .entry_info span,
.folder_name,
#serendipityScaleForm .form_field label {
#serendipityScaleForm .form_field label,
.filters_toolbar li {
display: inline-block;
}
@ -845,7 +846,9 @@ input[type=checkbox] { margin-right: .4em; }
.form_check,
.form_radio,
.form_select,
.form_multiselect {
.form_multiselect,
#filter_entries,
#sort_entries {
margin-top: .75em;
margin-bottom: .75em;
}
@ -1157,6 +1160,7 @@ main {
.plugin_info { margin: 0 0 1em;}
.filters_toolbar,
fieldset p,
.media_file_meta > ul,
.image_resize_hint p { margin: 0; }