From f85943114dba527a1f87abb03229553472f57c0c Mon Sep 17 00:00:00 2001
From: tkimia <tkimia@purdue.edu>
Date: Sun, 6 Apr 2014 18:45:41 -0400
Subject: started SVG generation

---
 app/views/matches/index.html.erb | 32 +++++++++++++++++++++++++++-----
 1 file changed, 27 insertions(+), 5 deletions(-)

(limited to 'app/views')

diff --git a/app/views/matches/index.html.erb b/app/views/matches/index.html.erb
index 219507d..031b2a9 100644
--- a/app/views/matches/index.html.erb
+++ b/app/views/matches/index.html.erb
@@ -26,17 +26,39 @@
 
 <br>
 
-
+<div id="match-tree">
 <SVG version="1.1"
    baseProfile="full"
-   width="<%= 300 * @matches.count / 2 + 50 %>" height="<%= 200 * @matches.count + 50 %>"
+   width="<%= @width %>" height="<%= @height = [@height, 500].max %>"
    xmlns="http://www.w3.org/2000/svg">
-
+   <line x1="300" y1="0" x2="300" y2="<%= @height %>" stroke="black" />
    <% (1..@matches.count).each do |i| %>
     <g class="svg-match">
-      <rect rx="10"
-      
+      <rect height="120px" width="213px" 
+          x="<%= @width - (i-1)*50 -  250*(Math.log2(i).floor+1) %>"
+          y="<%= (@height/(Math.log2(i).floor+2)) - 60 + 250*(i - 2**(Math.log2(i).floor)) %>"
+          fill="#ffd281"
+          rx="20px"
+          stroke-width="2"
+          <% case @matches[i-1].status %>
+          <% when 0 %>
+            <% if @matches[i-1].teams.count < @tournament.min_teams_per_match %>
+              stroke="red"
+              fill-opacity="0.6"
+            <% else %>
+              stroke="green"
+            <% end %>
+          <% when 1 %>
+          stroke="orange"
+          <% when 2 %>
+          stroke="yellow"
+          <% when 3 %>
+          stroke="grey"
+          <% end %>
+          />
     </g>
    <% end %>
 
+
 </SVG>
+</div>
\ No newline at end of file
-- 
cgit v1.2.3-2-g168b