mirror of
https://github.com/jcwimer/wrestlingApp
synced 2026-04-04 22:03:49 +00:00
Updated bracket views for all pool bracket types
This commit is contained in:
@@ -36,6 +36,7 @@ class StaticPagesController < ApplicationController
|
|||||||
|
|
||||||
if params[:weight]
|
if params[:weight]
|
||||||
@weight = Weight.find(params[:weight])
|
@weight = Weight.find(params[:weight])
|
||||||
|
@bracketType = @weight.pool_bracket_type
|
||||||
@tournament = Tournament.find(@weight.tournament_id)
|
@tournament = Tournament.find(@weight.tournament_id)
|
||||||
@matches = @tournament.upcomingMatches.select{|m| m.weight_id == @weight.id}
|
@matches = @tournament.upcomingMatches.select{|m| m.weight_id == @weight.id}
|
||||||
@wrestlers = Wrestler.where(weight_id: @weight.id)
|
@wrestlers = Wrestler.where(weight_id: @weight.id)
|
||||||
|
|||||||
@@ -92,4 +92,9 @@
|
|||||||
|
|
||||||
</br>
|
</br>
|
||||||
</br>
|
</br>
|
||||||
<%= render 'fourPoolBracket' %>
|
<% if @bracketType == "fourPoolsToQuarter" %>
|
||||||
|
<%= render 'fourPoolQuarterBracket' %>
|
||||||
|
<% end %>
|
||||||
|
<% if @bracketType == "fourPoolsToSemi" %>
|
||||||
|
<%= render 'fourPoolSemiBracket' %>
|
||||||
|
<% end %>
|
||||||
201
app/views/static_pages/_fourPoolQuarterBracket.html.erb
Normal file
201
app/views/static_pages/_fourPoolQuarterBracket.html.erb
Normal file
@@ -0,0 +1,201 @@
|
|||||||
|
<style>
|
||||||
|
/*
|
||||||
|
* Flex Layout Specifics
|
||||||
|
*/
|
||||||
|
main{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
.round{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:column;
|
||||||
|
justify-content:center;
|
||||||
|
width:200px;
|
||||||
|
list-style:none;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.round .spacer{ flex-grow:1; }
|
||||||
|
.round .spacer:first-child,
|
||||||
|
.round .spacer:last-child{ flex-grow:.5; }
|
||||||
|
|
||||||
|
.round .game-spacer{
|
||||||
|
flex-grow:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* General Styles
|
||||||
|
*/
|
||||||
|
body{
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-size:small;
|
||||||
|
padding:10px;
|
||||||
|
line-height:1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game{
|
||||||
|
padding-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game.winner{
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
li.game span{
|
||||||
|
float:right;
|
||||||
|
margin-right:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-top{ border-bottom:1px solid #aaa; }
|
||||||
|
|
||||||
|
li.game-spacer{
|
||||||
|
border-right:1px solid #aaa;
|
||||||
|
min-height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-bottom{
|
||||||
|
border-top:1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<h5>Championship Bracket After Pool</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Quarter"}.sort_by{|m| m.bracket_position_number}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Semis"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-3">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-4">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
1st
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
<h5>3rd/4th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
3rd
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
<h5>Consolation Bracket After Pool</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Conso Semis"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "5/6"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-3">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
5th
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<br>
|
||||||
|
<h5>7th/8th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "7/8"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
7th
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
192
app/views/static_pages/_fourPoolSemiBracket.html.erb
Normal file
192
app/views/static_pages/_fourPoolSemiBracket.html.erb
Normal file
@@ -0,0 +1,192 @@
|
|||||||
|
<style>
|
||||||
|
/*
|
||||||
|
* Flex Layout Specifics
|
||||||
|
*/
|
||||||
|
main{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
.round{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:column;
|
||||||
|
justify-content:center;
|
||||||
|
width:200px;
|
||||||
|
list-style:none;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.round .spacer{ flex-grow:1; }
|
||||||
|
.round .spacer:first-child,
|
||||||
|
.round .spacer:last-child{ flex-grow:.5; }
|
||||||
|
|
||||||
|
.round .game-spacer{
|
||||||
|
flex-grow:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* General Styles
|
||||||
|
*/
|
||||||
|
body{
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-size:small;
|
||||||
|
padding:10px;
|
||||||
|
line-height:1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game{
|
||||||
|
padding-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game.winner{
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
li.game span{
|
||||||
|
float:right;
|
||||||
|
margin-right:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-top{ border-bottom:1px solid #aaa; }
|
||||||
|
|
||||||
|
li.game-spacer{
|
||||||
|
border-right:1px solid #aaa;
|
||||||
|
min-height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-bottom{
|
||||||
|
border-top:1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
<h5>Championship Bracket After Pool</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Semis"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-3">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
1st
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
|
||||||
|
<h5>3rd/4th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
3rd
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
|
||||||
|
|
||||||
|
<h5>Consolation Bracket After Pool</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Conso Semis"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "5/6"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-3">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
5th
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
<br>
|
||||||
|
<h5>7th/8th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "7/8"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
7th
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -50,4 +50,9 @@
|
|||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
|
||||||
<%= render 'twoPoolBracket' %>
|
<% if @bracketType == "twoPoolsToFinal" %>
|
||||||
|
<%= render 'twoPoolFinalBracket' %>
|
||||||
|
<% end %>
|
||||||
|
<% if @bracketType == "twoPoolsToSemi" %>
|
||||||
|
<%= render 'twoPoolSemiBracket' %>
|
||||||
|
<% end %>
|
||||||
|
|||||||
109
app/views/static_pages/_twoPoolFinalBracket.html.erb
Normal file
109
app/views/static_pages/_twoPoolFinalBracket.html.erb
Normal file
@@ -0,0 +1,109 @@
|
|||||||
|
<style>
|
||||||
|
/*
|
||||||
|
* Flex Layout Specifics
|
||||||
|
*/
|
||||||
|
main{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
.round{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:column;
|
||||||
|
justify-content:center;
|
||||||
|
width:200px;
|
||||||
|
list-style:none;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.round .spacer{ flex-grow:1; }
|
||||||
|
.round .spacer:first-child,
|
||||||
|
.round .spacer:last-child{ flex-grow:.5; }
|
||||||
|
|
||||||
|
.round .game-spacer{
|
||||||
|
flex-grow:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* General Styles
|
||||||
|
*/
|
||||||
|
body{
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-size:small;
|
||||||
|
padding:10px;
|
||||||
|
line-height:1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game{
|
||||||
|
padding-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game.winner{
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
li.game span{
|
||||||
|
float:right;
|
||||||
|
margin-right:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-top{ border-bottom:1px solid #aaa; }
|
||||||
|
|
||||||
|
li.game-spacer{
|
||||||
|
border-right:1px solid #aaa;
|
||||||
|
min-height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-bottom{
|
||||||
|
border-top:1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</br>
|
||||||
|
<h5>Championship Match</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
1st
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<h5>3rd/4th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
3rd
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
|
||||||
123
app/views/static_pages/_twoPoolSemiBracket.html.erb
Normal file
123
app/views/static_pages/_twoPoolSemiBracket.html.erb
Normal file
@@ -0,0 +1,123 @@
|
|||||||
|
<style>
|
||||||
|
/*
|
||||||
|
* Flex Layout Specifics
|
||||||
|
*/
|
||||||
|
main{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:row;
|
||||||
|
}
|
||||||
|
.round{
|
||||||
|
display:flex;
|
||||||
|
flex-direction:column;
|
||||||
|
justify-content:center;
|
||||||
|
width:200px;
|
||||||
|
list-style:none;
|
||||||
|
padding:0;
|
||||||
|
}
|
||||||
|
.round .spacer{ flex-grow:1; }
|
||||||
|
.round .spacer:first-child,
|
||||||
|
.round .spacer:last-child{ flex-grow:.5; }
|
||||||
|
|
||||||
|
.round .game-spacer{
|
||||||
|
flex-grow:1;
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
* General Styles
|
||||||
|
*/
|
||||||
|
body{
|
||||||
|
font-family:sans-serif;
|
||||||
|
font-size:small;
|
||||||
|
padding:10px;
|
||||||
|
line-height:1.4em;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game{
|
||||||
|
padding-left:20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game.winner{
|
||||||
|
font-weight:bold;
|
||||||
|
}
|
||||||
|
li.game span{
|
||||||
|
float:right;
|
||||||
|
margin-right:5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-top{ border-bottom:1px solid #aaa; }
|
||||||
|
|
||||||
|
li.game-spacer{
|
||||||
|
border-right:1px solid #aaa;
|
||||||
|
min-height:40px;
|
||||||
|
}
|
||||||
|
|
||||||
|
li.game-bottom{
|
||||||
|
border-top:1px solid #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
</style>
|
||||||
|
|
||||||
|
</br>
|
||||||
|
<h5>Championship Bracket After Pool</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "Semis"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "1/2"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-3">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
1st
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
|
</br>
|
||||||
|
|
||||||
|
<h5>3rd/4th</h5>
|
||||||
|
<main id="bracket">
|
||||||
|
<ul class="round round-1">
|
||||||
|
<% @matches.select{|m|m.bracket_position == "3/4"}.each do |match| %>
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "><%= match.w1_name %> <span>Score</span></li>
|
||||||
|
<li class="game game-spacer"><%= match.boutNumber %> </li>
|
||||||
|
<li class="game game-bottom "><%= match.w2_name %><span>Score</span></li>
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<% end %>
|
||||||
|
</ul>
|
||||||
|
<ul class="round round-2">
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
<li class="game game-top "> <span></span></li>
|
||||||
|
3rd
|
||||||
|
|
||||||
|
<li class="spacer"> </li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</main>
|
||||||
Reference in New Issue
Block a user