From: <mako@atdot.cc>
Date: Fri, 31 Aug 2007 01:00:22 +0000 (-0400)
Subject: refactored the results page
X-Git-Url: https://projects.mako.cc/source/selectricity/commitdiff_plain/18f4d0bd0025dd963b5fab238964de6d20e0d354

refactored the results page
---

diff --git a/app/views/quickvote/_result_approval.rhtml b/app/views/quickvote/_methodinfo_approval.rhtml
similarity index 77%
rename from app/views/quickvote/_result_approval.rhtml
rename to app/views/quickvote/_methodinfo_approval.rhtml
index a7e11ce..979c876 100644
--- a/app/views/quickvote/_result_approval.rhtml
+++ b/app/views/quickvote/_methodinfo_approval.rhtml
@@ -1,8 +1,5 @@
-<h3>Approval Result</h3>
 <p><font size="-1">(This algorithm assumes that top two choices are "approved.")</font></p>
 
-<%= render :partial => 'result', :object => @election.approval_result %>
-
 <div class="rbmoreinfo">
 <h4>About Approval Voting</h4>
 
@@ -14,5 +11,3 @@ range that voters are allowed to express is extremely constrained:
 accept or not.</p>
 
 </div>
-
-<%= render :partial => 'approval_table' %>
\ No newline at end of file
diff --git a/app/views/quickvote/_result_borda.rhtml b/app/views/quickvote/_methodinfo_borda.rhtml
similarity index 84%
rename from app/views/quickvote/_result_borda.rhtml
rename to app/views/quickvote/_methodinfo_borda.rhtml
index f81cbdb..cc3167c 100644
--- a/app/views/quickvote/_result_borda.rhtml
+++ b/app/views/quickvote/_methodinfo_borda.rhtml
@@ -1,7 +1,3 @@
-<h3>Borda Count Results</h3>
-
-<%= render :partial => 'result', :object => @election.borda_result %>
-
 <div class="rbmoreinfo">
 <h4>About Borda Count</h4>
 
diff --git a/app/views/quickvote/_result_condorcet.rhtml b/app/views/quickvote/_methodinfo_condorcet.rhtml
similarity index 82%
rename from app/views/quickvote/_result_condorcet.rhtml
rename to app/views/quickvote/_methodinfo_condorcet.rhtml
index 77ce658..a02c1d7 100644
--- a/app/views/quickvote/_result_condorcet.rhtml
+++ b/app/views/quickvote/_methodinfo_condorcet.rhtml
@@ -1,7 +1,3 @@
-<h3>Simple Condorcet Results</h3>
-
-<%= render :partial => 'result', :object => @election.condorcet_result %>
-
 <div class="rbmoreinfo">
 <h4>About Simple Cordorcet Voting</h4>
 
diff --git a/app/views/quickvote/_result_plurality.rhtml b/app/views/quickvote/_methodinfo_plurality.rhtml
similarity index 83%
rename from app/views/quickvote/_result_plurality.rhtml
rename to app/views/quickvote/_methodinfo_plurality.rhtml
index 86a9469..9411611 100644
--- a/app/views/quickvote/_result_plurality.rhtml
+++ b/app/views/quickvote/_methodinfo_plurality.rhtml
@@ -1,7 +1,3 @@
-<h3>Plurality Results</h3>
-
-<%= render :partial => 'result', :object => @election.plurality_result %>
-
 <div class="rbmoreinfo">
 <h4>About Plurality Voting</h4>
 
@@ -15,4 +11,5 @@ post," "winner-take-all," "majoritarian" or "simple majority"
 voting.</p>
 
 </div>
+
 <%= image_tag(graph_url( :action => 'plurality_pie', :id => @election ) )%>
diff --git a/app/views/quickvote/_result_runoff.rhtml b/app/views/quickvote/_methodinfo_runoff.rhtml
similarity index 90%
rename from app/views/quickvote/_result_runoff.rhtml
rename to app/views/quickvote/_methodinfo_runoff.rhtml
index f242290..eaba2b1 100644
--- a/app/views/quickvote/_result_runoff.rhtml
+++ b/app/views/quickvote/_methodinfo_runoff.rhtml
@@ -1,6 +1,3 @@
-<div class="resultbox">
-<h3>Instant Runoff (IRV) Results</h3>
-
 <div class="rbmoreinfo">
 <h4>About Instant Runoff Voting</h4>
 
@@ -16,5 +13,3 @@ preferences (and so on), until one candidate achieves a majority.</p>
 by several other names.</p>
 
 </div>
-
-</div>
\ No newline at end of file
diff --git a/app/views/quickvote/_result_ssd.rhtml b/app/views/quickvote/_methodinfo_ssd.rhtml
similarity index 83%
rename from app/views/quickvote/_result_ssd.rhtml
rename to app/views/quickvote/_methodinfo_ssd.rhtml
index e181184..e3ff831 100644
--- a/app/views/quickvote/_result_ssd.rhtml
+++ b/app/views/quickvote/_methodinfo_ssd.rhtml
@@ -1,7 +1,3 @@
-<h3>Schulze Method Results</h3>
-
-<%= render :partial => 'result', :object => @election.ssd_result %>
-
 <div class="rbmoreinfo">
 <h4>About the Schulze Method</h4>
 
diff --git a/app/views/quickvote/_result.rhtml b/app/views/quickvote/_result.rhtml
index b643224..e0ead6d 100644
--- a/app/views/quickvote/_result.rhtml
+++ b/app/views/quickvote/_result.rhtml
@@ -1,9 +1,10 @@
-<% %>
+<div class="winner">
 <% if result.winner? and result.winners.length == 1%>
-  <p><em>The winner is:
-     <strong><%=h @candidates[result.winner].name.capitalize %></strong></em></p>
+  <p>The winner is:
+     <strong><%=h @candidates[result.winner].name.capitalize %></strong></p>
 <% elsif result.winner? and result.winners.length > 1 %>
-  <p><em>There was a tie. The winners are: <strong><%=h( result.winners.collect {|w| @candidates[w].to_s.capitalize}.join(", ") )%></strong></em></p>
+  <p>There was a tie. The winners are: <strong><%=h( result.winners.collect {|w| @candidates[w].to_s.capitalize}.join(", ") )%></strong></p>
 <% else %>
-  <p><em>There is no winner using this method. </em></strong></p>
+  <p>There is no winner using this method. </strong></p>
 <% end %>
+</div>
diff --git a/app/views/quickvote/_result_box.rhtml b/app/views/quickvote/_result_box.rhtml
new file mode 100644
index 0000000..41d9d17
--- /dev/null
+++ b/app/views/quickvote/_result_box.rhtml
@@ -0,0 +1,16 @@
+<div id="<%= method %>_result" class="resultbox"<%= ' style="display: none;"' unless @election.election_method == method %>>
+<div class="normal-header">
+  <span class="header"><%= ELECTION_TYPES[method]%> </span>
+  <span class="subheader">
+  <% if @election.election_method == method %>
+    Selected Method
+  <% else %>
+    Alternative Method 
+  <% end %></span>
+</div>
+
+<%= render :partial => 'methodinfo_' + method,
+           :object => @results[@election.election_method] %>
+
+</div>
+
diff --git a/app/views/quickvote/_results_sidebar.rhtml b/app/views/quickvote/_results_sidebar.rhtml
index 704c052..c60ed3d 100644
--- a/app/views/quickvote/_results_sidebar.rhtml
+++ b/app/views/quickvote/_results_sidebar.rhtml
@@ -1,2 +1,37 @@
+<h2>Winner</h2>
+<%= render :partial => 'result', :object => @results[@election.election_method] %>
+
+<p>This election was run using:
+<strong><%= ELECTION_TYPES[@election.election_method] %></strong></p>
+
+<p>View results with other methods:<br />
+<% type_hash = {}; ELECTION_TYPES.each {|k,v| type_hash[v] = k} %>
+<%= select_tag 'election_type_select', options_for_select(type_hash, @election.election_method) %></p>
+
+<script>
+var election_methods = new Array(<%= ELECTION_TYPES.keys.collect {|k| "'#{k}'"}.join(', ') %>);
+var method_select = $('election_type_select'); 
+
+function show_results_for() {
+  var test = $('test');
+
+  method_select.value;
+  var result_boxes = document.getElementsByClassName('resultbox');
+  for (i = 0; i < result_boxes.length; i++) {
+    result_box = result_boxes[i];
+    if (result_box.id == (method_select.value + "_result")) {
+      Element.show(result_box);
+    } else {
+      Element.hide(result_box);
+    }
+  }
+
+  //alert(method_select.value);
+}
+
+Event.observe(method_select, 'change', show_results_for);
+</script>
+
+<h2>Statistics</h2>
 <%= image_tag( graph_url( :action => 'votes_per_interval', :id => @election ))%>
 
diff --git a/app/views/quickvote/results.rhtml b/app/views/quickvote/results.rhtml
index a51ca1d..f4f6f2d 100644
--- a/app/views/quickvote/results.rhtml
+++ b/app/views/quickvote/results.rhtml
@@ -28,33 +28,25 @@
      <%= @election.voters.reject {|v| not v.voted? }.length %> (see below for details) 
    </blockquote>
 
-<div class="normal-header">
-  <span class="header">Winner</span>
-  <span class="subheader">Computed with
-  <%= ELECTION_TYPES[@election.election_method] %></span>
-</div>
+<%= render :partial => 'result_box',
+           :locals => { :method => @election.election_method } %>
 
-<div class="mainresultbox">
-<%= render :partial => 'result_' + @election.election_method,
-           :object => @results[@election.election_method] %>
-</div>
+<% for result_type in @election.other_methods %>
 
-<div class="normal-header">
-  <span class="header">Other Voting Methods</span>
-  <span class="subheader"></span>
-</div>
+<%= render :partial => 'result_box',
+           :locals => { :method => result_type } %>
 
-<% for result_type in @election.other_methods %>
-<div class="resultbox">
-<%= render :partial => 'result_' + result_type, 
-           :object => @results[result_type] %>
-</div>
 <% end %>
 
 
 <div class="clear-div"></div>
 
-<h2>Voters <%= link_to "[Stalk Voters]", :controller => "quickvote", :action => "mapvoters", :id => @election.id %></h2>
+<div class="normal-header">
+  <span class="header">Voter Report</span>
+  <span class="subheader"></span>
+</div>
+
+<p><%= link_to "[Stalk Voters]", :controller => "quickvote", :action => "mapvoters", :id => @election.id %></p>
 <table class="voterbox">
 <tr>
 <th>IP/Host</th>
diff --git a/config/environment.rb b/config/environment.rb
index 82c7466..ccd9ad0 100644
--- a/config/environment.rb
+++ b/config/environment.rb
@@ -66,10 +66,10 @@ require 'randarray'
 require 'gruff-0.2.8/lib/gruff'
 require 'sparklines'
 require 'rubyvote'
-ELECTION_TYPES = {'ssd' => "Schulze Sequential Dropping",
-                  'plurality' => "Plurality/First Past the Post",
-                  'approval' => "Approval (Top Two)",
-                  'condorcet' => "Simple Condorcet",
+ELECTION_TYPES = {'ssd' => "Schulze Method",
+                  'plurality' => "Plurality",
+                  'approval' => "Approval",
+                  'condorcet' => "Condorcet",
                   'borda' => "Borda Count"}
 
 class String
diff --git a/public/stylesheets/common.css b/public/stylesheets/common.css
index 01cd7c0..42390e3 100644
--- a/public/stylesheets/common.css
+++ b/public/stylesheets/common.css
@@ -29,7 +29,7 @@ table, caption, tbody, tfoot, thead, tr, th, td {
 }
 
 body {
-	font-size: 11px;
+	font-size: 0.9em;
 	font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif;
 }
 
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index 3608063..13626a1 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -160,7 +160,7 @@ h5 {
 }
 
 .normal-header {
-    margin: 0 -20px 1em -20px;
+    margin: 1.3em -20px 1.3em -20px;
     height: 32px;
 	background-color: #e5e5e5;
 }