From 5149eaab2a5a7115abbba7a96d4c2209d1a9fd2f Mon Sep 17 00:00:00 2001
From: Matthias Mees <mm@yellowled.de>
Date: Sat, 20 Jul 2013 19:49:32 +0200
Subject: [PATCH] Add active state indicators for show/hide buttons.

References #25
---
 templates/2k11/admin/serendipity_editor.js.tpl | 12 +++++++++++-
 templates/2k11/admin/style.css                 |  1 +
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/templates/2k11/admin/serendipity_editor.js.tpl b/templates/2k11/admin/serendipity_editor.js.tpl
index 3d2a994b..a7c5f6c3 100644
--- a/templates/2k11/admin/serendipity_editor.js.tpl
+++ b/templates/2k11/admin/serendipity_editor.js.tpl
@@ -374,6 +374,7 @@ window.log = function f(){ log.history = log.history || []; log.history.push(arg
             $('textarea[name="serendipity[extended]"]').parent().prepend('<a id="toggle_extended" class="button_link" href="#serendipity[extended]"><span class="icon-plus"></span><span class="visuallyhidden"> {$CONST.TOGGLE_ALL}</span></a>');
             $(toggleButton).click(function(e) {
                 e.preventDefault();
+                $(this).toggleClass('active');
                 serendipity.toggle_extended(true);
             });
         }
@@ -402,6 +403,7 @@ window.log = function f(){ log.history = log.history || []; log.history.push(arg
 
             $(toggleButton).click(function(e) {
                 e.preventDefault();
+                $(this).toggleClass('active');
                 serendipity.toggle_category_selector(id);
             });
             
@@ -764,6 +766,7 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
                 $toggleIcon.removeClass('icon-minus').addClass('icon-plus');
                 optsCollapsed = true;
             }
+            $(this).toggleClass('active');
             e.preventDefault();
         });
     }
@@ -879,7 +882,14 @@ var AccessifyHTML5 = function (defaults, more_fixes) {
     }
 
     // Show media file info, template info, label info or filters
-    $('.media_show_info, .template_show_info, .filters_toolbar li > a, .toggle_info').click(function(e) {
+    $('.media_show_info, .template_show_info, .filters_toolbar li > a').click(function(e) {
+        var $el = $(this);
+        $($el.attr('href')).toggleClass('additional_info');
+        $el.toggleClass('active');
+        e.preventDefault();
+    });
+
+    $('.toggle_info').click(function(e) {
         $($(this).attr('href')).toggleClass('additional_info');
         e.preventDefault();
     });
diff --git a/templates/2k11/admin/style.css b/templates/2k11/admin/style.css
index 2e0b48fd..c67a8fd9 100644
--- a/templates/2k11/admin/style.css
+++ b/templates/2k11/admin/style.css
@@ -622,6 +622,7 @@ input[type="submit"].state_cancel:focus {
     background-image: linear-gradient(#cc7a79, #c26260 1px, #a2403e);
 }
 
+.active,
 .button_link:active,
 button:active,
 input[type="button"]:active {