NCGEARS/cheesy-arena-lite
1
0
Fork 0
mirror of https://github.com/Team254/cheesy-arena-lite.git synced 2026-03-09 21:56:50 -04:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Added basic structure of match control interface.

Browse Source
This commit is contained in:
Patrick Fairbank
2014-06-29 14:20:47 -07:00
parent 84af09c095
commit d5e0ae2bbf
5 changed files with 162 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
templates/match_play.html
View File

@@ -33,6 +33,9 @@
<a href="/match_play/{{$match.Id}}/generate_fake_result">
<b class="btn btn-info btn-xs">Generate Fake Result</b>
</a>
<a href="/match_play/{{$match.Id}}/queue">
<b class="btn btn-info btn-xs">Queue</b>
</a>
</td>
</tr>
{{end}}
@@ -42,13 +45,65 @@
{{end}}
</div>
</div>
<div class="col-lg-8">
<div class="jumbotron">
<h2>Placeholder for the match play interface.</h2>
<p>For now, use the "Generate Fake Result" buttons to simulate matches being played and scored.</p>
<div class="col-lg-8 text-center">
<div class="row">
<div class="col-lg-6 well well-darkblue">
<div class="row form-group">
<div class="col-lg-4">Blue Teams</div>
<div class="col-lg-2" data-toggle="tooltip" title="Driver Station">DS</div>
<div class="col-lg-2" data-toggle="tooltip" title="Robot">R</div>
<div class="col-lg-2" data-toggle="tooltip" title="Battery">B</div>
<div class="col-lg-2" data-toggle="tooltip" title="Bypass/Disable">Byp</div>
</div>
<div class="row form-group">
<div class="col-lg-1">1 </div>
{{template "matchPlayTeam" .Match.Blue1}}
</div>
<div class="row form-group">
<div class="col-lg-1">2 </div>
{{template "matchPlayTeam" .Match.Blue2}}
</div>
<div class="row form-group">
<div class="col-lg-1">3 </div>
{{template "matchPlayTeam" .Match.Blue3}}
</div>
</div>
<div class="col-lg-6 well well-darkred">
<div class="row form-group">
<div class="col-lg-4">Red Teams</div>
<div class="col-lg-2" data-toggle="tooltip" title="Driver Station">DS</div>
<div class="col-lg-2" data-toggle="tooltip" title="Robot">R</div>
<div class="col-lg-2" data-toggle="tooltip" title="Battery">B</div>
<div class="col-lg-2" data-toggle="tooltip" title="Bypass/Disable">Byp</div>
</div>
<div class="row form-group">
<div class="col-lg-1">3 </div>
{{template "matchPlayTeam" .Match.Red3}}
</div>
<div class="row form-group">
<div class="col-lg-1">2 </div>
{{template "matchPlayTeam" .Match.Red2}}
</div>
<div class="row form-group">
<div class="col-lg-1">1 </div>
{{template "matchPlayTeam" .Match.Red1}}
</div>
</div>
</div>
</div>
</div>
{{end}}
{{define "script"}}
<script>
$("[data-toggle=tooltip]").tooltip({"placement": "top"});
</script>
{{end}}
{{define "matchPlayTeam"}}
<div class="col-lg-3">
<input type="text" class="form-control input-sm" value="{{.}}">
</div>
<div class="col-lg-2 col-no-padding"><div class="ds-status" id="team{{.}}Ds"></div></div>
<div class="col-lg-2 col-no-padding"><div class="robot-status" id="team{{.}}Robot"></div></div>
<div class="col-lg-2 col-no-padding"><div class="battery-status" id="team{{.}}Battery"></div></div>
<div class="col-lg-2 col-no-padding"><div class="bypass-button" id="team{{.}}Bypass"></div></div>
{{end}}