From 8b90bbdb175bfbe5d99fb2d9dee642c195c79584 Mon Sep 17 00:00:00 2001
From: Chuck Callebs <chuck@callebs.io>
Date: Tue, 29 Mar 2016 20:46:02 -0400
Subject: [PATCH] Implement filtering dashboard by active/complete experiments.

---
 .../dashboard/public/dashboard-filtering.js   | 24 +++++++++++++++++++
 lib/split/dashboard/views/_experiment.erb     |  2 +-
 lib/split/dashboard/views/index.erb           |  4 +++-
 3 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/lib/split/dashboard/public/dashboard-filtering.js b/lib/split/dashboard/public/dashboard-filtering.js
index 98436824..f58fe623 100644
--- a/lib/split/dashboard/public/dashboard-filtering.js
+++ b/lib/split/dashboard/public/dashboard-filtering.js
@@ -15,5 +15,29 @@ $(function() {
   $('#clear-filter').on('click', function() {
     $('#filter').val('');
     $('div.experiment').show();
+    $('#toggle-active').val('Hide active');
+    $('#toggle-completed').val('Hide completed');
+  });
+
+  $('#toggle-active').on('click', function() {
+    $button = $(this);
+    if ($button.val() == 'Hide active') {
+      $button.val('Show active');
+    } else {
+      $button.val('Hide active');
+    }
+
+    $('div.experiment[data-complete="false"]').toggle();
+  });
+
+  $('#toggle-completed').on('click', function() {
+    $button = $(this);
+    if ($button.val() == 'Hide completed') {
+      $button.val('Show completed');
+    } else {
+      $button.val('Hide completed');
+    }
+
+    $('div.experiment[data-complete="true"]').toggle();
   });
 });
diff --git a/lib/split/dashboard/views/_experiment.erb b/lib/split/dashboard/views/_experiment.erb
index 8646cb1c..fc77d326 100644
--- a/lib/split/dashboard/views/_experiment.erb
+++ b/lib/split/dashboard/views/_experiment.erb
@@ -6,7 +6,7 @@
 
 <% experiment.calc_winning_alternatives %>
 
-<div class="<%= experiment_class %>" data-name="<%= experiment.name %>">
+<div class="<%= experiment_class %>" data-name="<%= experiment.name %>" data-complete="<%= experiment.has_winner? %>">
   <div class="experiment-header">
     <h2>
       Experiment: <%= experiment.name %>
diff --git a/lib/split/dashboard/views/index.erb b/lib/split/dashboard/views/index.erb
index fa0025d7..73be58d6 100644
--- a/lib/split/dashboard/views/index.erb
+++ b/lib/split/dashboard/views/index.erb
@@ -2,7 +2,9 @@
   <p class="intro">The list below contains all the registered experiments along with the number of test participants, completed and conversion rate currently in the system.</p>
 
   <input type="text" placeholder="Begin typing to filter" id="filter" />
-  <input type="button" id="clear-filter" value="Clear filter" />
+  <input type="button" id="toggle-completed" value="Hide completed" />
+  <input type="button" id="toggle-active" value="Hide active" />
+  <input type="button" id="clear-filter" value="Clear filters" />
 
   <% @experiments.each do |experiment| %>
     <% if experiment.goals.empty? %>