From 19171317f4f539ff8145c2e13ff09d60e157c69f Mon Sep 17 00:00:00 2001
From: Dobrica Pavlinusic <dpavlin@rot13.org>
Date: Thu, 3 Jun 2010 23:03:28 +0200
Subject: [PATCH] javascript show/hide of different statuses

---
 public/mojo_facets.css          | 10 +++++++---
 templates/changes/edits.html.ep | 25 +++++++++++++++++++++----
 2 files changed, 28 insertions(+), 7 deletions(-)

diff --git a/public/mojo_facets.css b/public/mojo_facets.css
index 09a8fb6..765b2eb 100644
--- a/public/mojo_facets.css
+++ b/public/mojo_facets.css
@@ -180,15 +180,19 @@ div.edit pre {
 	color: #000;
 }
 
-.edit-unknown {
+tr.unknown {
 	background: #eee;
 }
 
-.edit-found {
+tr.found {
 	background: #cfc;
 }
 
-.edit-missing {
+tr.missing {
 	background: #fcc;
 }
 
+tr.hidden {
+	display: none;
+}
+
diff --git a/templates/changes/edits.html.ep b/templates/changes/edits.html.ep
index 7192346..25e688c 100644
--- a/templates/changes/edits.html.ep
+++ b/templates/changes/edits.html.ep
@@ -1,4 +1,4 @@
-% layout 'default';
+% layout 'ui';
 
 
 % my $apply_on_path = param('apply_on_path');
@@ -13,9 +13,13 @@
 </form>
 
 % if ( $apply_on_path ) {
-<ul>
+<ul id=status>
 %  foreach my $status ( keys %$stats ) {
-<li><%= $status %> <span class=count><%= $stats->{$status} %></span>
+<li><label>
+<input name=show type=checkbox value="<%= $status %>" checked>
+<%= $status %>
+<span class=count><%= $stats->{$status} %></span>
+</label>
 %  }
 </ul>
 % }
@@ -24,7 +28,7 @@
 <tr><th></th><th>old</th><th>new</th></tr>
 
 % foreach my $e ( @$edits ) {
-<tr class="edit edit-<%= $e->{_status} || 'unknown' %>">
+<tr class="edit <%= $e->{_status} || 'unknown' %>">
 <td>
 <%= $e->{time} %>
 
@@ -47,3 +51,16 @@
 <pre class=debug>
 <%= dumper( $stats ) %>
 </pre>
+
+<script type="text/javascript">
+
+$(document).ready( function(){
+	console.debug('ready');
+	$('ul#status > li input[type=checkbox]').click( function(){
+		var toggle = this.value;
+		console.debug('click',this,toggle);
+		$('tr.'+toggle).toggleClass('hidden');
+	});
+});
+
+</script>
-- 
2.20.1