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

templates/2k11/admin/entries.inc.tpl

@@ -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">
+        <ul class="filters_toolbar plainList">
-            <legend><span>{$CONST.FILTERS}</span></legend>
+            <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">
+        <fieldset id="sort_entries" class="additional_info">
-            <legend><span>{$CONST.SORT_ORDER}</span></legend>
+            <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">
+            <div class="form_buttons">
-            <input name="go" type="submit" value="{$CONST.GO}">
+                <input name="go" type="submit" value="{$CONST.GO}">
-        </div>
+            </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}

templates/2k11/admin/serendipity_editor.js.tpl

@@ -719,13 +719,16 @@ function highlightComment(id, checkvalue) {
         addUploadField();
     });
 
-    // Show media file info
+    // Show media file info, template info or filters
-    $('.media_show_info, .template_show_info').click(function(e) {
+    $('.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');

templates/2k11/admin/style.css

@@ -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; }