From 2ae6bcc5dd9d626c229bd4443a404d979d58b46f Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Thu, 24 Apr 2014 17:30:40 +0200
Subject: [PATCH] Add reset button for category filter; add some styling.

References #123
---
 templates/2k11/admin/entries.tpl               |  7 ++++---
 templates/2k11/admin/serendipity_editor.js.tpl | 13 ++++++++++---
 templates/2k11/admin/style.css                 |  5 +++++
 3 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/templates/2k11/admin/entries.tpl b/templates/2k11/admin/entries.tpl
index 614eda55..5f57f901 100644
--- a/templates/2k11/admin/entries.tpl
+++ b/templates/2k11/admin/entries.tpl
@@ -108,9 +108,10 @@
                 <fieldset>
                     <span class="wrap_legend"><legend>{$CONST.CATEGORY}</legend></span>
 
-                    <div class="category_filter">
-                        <label for="categoryfilter">{$CONST.FILTERS}</label>
-                        <input type="text" id="categoryfilter">
+                    <div id="category_filter" class="form_field">
+                        <label for="categoryfilter" class="visuallyhidden">{$CONST.FILTERS}</label>
+                        <input id="categoryfilter" type="text" placeholder="{$CONST.FILTERS}: {$CONST.CATEGORIES}">
+                        <button id="reset_categoryfilter" class="icon_link" type="button" title="Reset filters"><span class="icon-cancel"></span><span class="visuallyhidden">Reset filters</span></button> {* i18n *}
                     </div>
 
                 {foreach from=$entry_vars.category_options item="entry_cat"}
diff --git a/templates/2k11/admin/serendipity_editor.js.tpl b/templates/2k11/admin/serendipity_editor.js.tpl
index 5a46ef6d..23eacbc3 100644
--- a/templates/2k11/admin/serendipity_editor.js.tpl
+++ b/templates/2k11/admin/serendipity_editor.js.tpl
@@ -983,6 +983,7 @@ $(function() {
         }
     {/if}
 
+    // Category filter
     $('#categoryfilter').keyup(function() {
         var current_categoryfilter = $(this).val().toLowerCase();
 
@@ -990,15 +991,21 @@ $(function() {
             $('#edit_entry_category .form_check').toggle(true);
         } else {
             $('#edit_entry_category .form_check').each(function() {
-                if ($(this).find('label').html().toLowerCase().indexOf(current_categoryfilter) > -1) {
-                    $(this).toggle(true);
+                var $el = $(this);
+                if ($el.find('label').html().toLowerCase().indexOf(current_categoryfilter) > -1) {
+                    $el.toggle(true);
                 } else {
-                    $(this).toggle(false);
+                    $el.toggle(false);
                 }
             });
         }
     });
 
+    // Reset button for category filter
+    $('#reset_categoryfilter').click(function() {
+        $('#categoryfilter').val("").keyup();
+    });
+
     // Advanced options
     if($('#advanced_options').length > 0) {
         $('#toggle_advanced').click(function() {
diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index e60df107..f55e4d19 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -1259,6 +1259,10 @@ summary {
     padding: .4em 0;
 }
 
+#categoryfilter {
+    min-width: 20em;
+}
+
 .user_level {
     display: block;
 }
@@ -2146,6 +2150,7 @@ label .perm_name,
 .no-js .comment_summary,
 .no-js .show_config_option .icon-right-dir,
 .no-js #keyword_list,
+.no-js #category_filter,
 .js .additional_info,
 .js .installer .icon-info-circled,
 .hidden,