Skip to content
Snippets Groups Projects
Commit 1f7f7f80 authored by leo's avatar leo
Browse files

+Versus-Screen

parent e48de685
No related branches found
No related tags found
No related merge requests found
...@@ -21,6 +21,14 @@ ...@@ -21,6 +21,14 @@
document.getElementById("logo_left").src="../"+ data["current_team_logos"][0]; document.getElementById("logo_left").src="../"+ data["current_team_logos"][0];
document.getElementById("logo_right").src="../"+ data["current_team_logos"][1]; document.getElementById("logo_right").src="../"+ data["current_team_logos"][1];
document.getElementById("oponent-img-left").src="../"+ data["current_team_logos"][0];
document.getElementById("oponent-img-right").src="../"+ data["current_team_logos"][1];
document.getElementById("oponent-name-left").innerHTML=data["current_teams"][0];
document.getElementById("oponent-name-right").innerHTML=data["current_teams"][1];
answers_inner_html = "" answers_inner_html = ""
for(answer in data["answers"]){ for(answer in data["answers"]){
answer = data["answers"][answer]; answer = data["answers"][answer];
...@@ -50,16 +58,25 @@ ...@@ -50,16 +58,25 @@
document.getElementById("intro").style.display = "block"; document.getElementById("intro").style.display = "block";
document.getElementById("player_select").style.display = "none"; document.getElementById("player_select").style.display = "none";
document.getElementById("final_screen").style.display = "none"; document.getElementById("final_screen").style.display = "none";
document.getElementById("oponents").style.display = "none"
} }
if(state == "player_select"){ if(state == "player_select"){
document.getElementById("intro").style.display = "none"; document.getElementById("intro").style.display = "none";
document.getElementById("final_screen").style.display = "none"; document.getElementById("final_screen").style.display = "none";
document.getElementById("player_select").style.display = "block"; document.getElementById("player_select").style.display = "block";
document.getElementById("oponents").style.display = "none"
} }
if(state == "final_screen"){ if(state == "final_screen"){
document.getElementById("intro").style.display = "none"; document.getElementById("intro").style.display = "none";
document.getElementById("player_select").style.display = "none"; document.getElementById("player_select").style.display = "none";
document.getElementById("final_screen").style.display = "block" document.getElementById("final_screen").style.display = "block"
document.getElementById("oponents").style.display = "none"
}
if(state == "oponents"){
document.getElementById("intro").style.display = "none";
document.getElementById("player_select").style.display = "none";
document.getElementById("final_screen").style.display = "none";
document.getElementById("oponents").style.display = "block"
} }
...@@ -80,7 +97,11 @@ ...@@ -80,7 +97,11 @@
} }
#final_screen{ #final_screen{
display:none; display: none;
}
#oponents{
display: none;
} }
h1, h2, h3, h4, h5 .h1, .h2, .h3, .h4, .h5{ h1, h2, h3, h4, h5 .h1, .h2, .h3, .h4, .h5{
...@@ -112,6 +133,10 @@ ...@@ -112,6 +133,10 @@
margin-bottom: 7px; margin-bottom: 7px;
} }
.largest{
font-size: 150px;
}
.xxl{ .xxl{
font-size: 50px; font-size: 50px;
} }
...@@ -258,6 +283,23 @@ ...@@ -258,6 +283,23 @@
</div> </div>
</div> </div>
<div class="container-fluid" id="oponents">
<div class="row">
<div class="col-5 text-center">
<img id="oponent-img-left" width="500">
<h2 id="oponent-name-left"></h2>
</div>
<div class="col-2 text-center">
<h1 class="ccc-green largest">vs</h1>
</div>
<div class="col-5 text-center">
<img id="oponent-img-right" width="500">
<h2 id="oponent-name-right"></h2>
</div>
</div>
</div>
</body> </body>
......
...@@ -27,6 +27,7 @@ ...@@ -27,6 +27,7 @@
<form method="POST" class="my-0"> <form method="POST" class="my-0">
<div class="btn-group"> <div class="btn-group">
<button class="btn btn-light" type="submit" formaction="/fe_intro">Intro</button> <button class="btn btn-light" type="submit" formaction="/fe_intro">Intro</button>
<button class="btn btn-light" type="submit" formaction="/fe_oponents">Gegner</button>
<button class="btn btn-light" type="submit" formaction="/fe_running">Aktuelle Runde</button> <button class="btn btn-light" type="submit" formaction="/fe_running">Aktuelle Runde</button>
<button class="btn btn-light" type="submit" formaction="/fe_final">Ende</button> <button class="btn btn-light" type="submit" formaction="/fe_final">Ende</button>
</div> </div>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment