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

Optimize field monitor display for mobile and distant viewing.

Browse Source
This commit is contained in:
Patrick Fairbank
2018-09-23 18:39:24 -07:00
parent ca99653de7
commit 8e726abc4e
13 changed files with 203 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
templates/field_monitor_display.html Normal file
View File

@@ -0,0 +1,41 @@
{{/*
Copyright 2018 Team 254. All Rights Reserved.
Author: pat@patfairbank.com (Patrick Fairbank)
Display showing robot connection status.
*/}}
<!DOCTYPE html>
<html>
<head>
<title>Field Monitor - {{.EventSettings.Name}} - Cheesy Arena</title>
<link rel="shortcut icon" href="/static/img/favicon.ico">
<link rel="stylesheet" href="/static/css/lib/bootstrap.min.css" />
<link rel="stylesheet" href="/static/css/cheesy-arena.css" />
<link rel="stylesheet" href="/static/css/field_monitor_display.css" />
</head>
<body>
{{template "row" dict "leftPosition" "1" "rightPosition" "3"}}
{{template "row" dict "leftPosition" "2" "rightPosition" "2"}}
{{template "row" dict "leftPosition" "3" "rightPosition" "1"}}
</body>
<script src="/static/js/lib/jquery.min.js"></script>
<script src="/static/js/lib/jquery.json-2.4.min.js"></script>
<script src="/static/js/lib/jquery.websocket-0.0.1.js"></script>
<script src="/static/js/lib/jquery.transit.min.js"></script>
<script src="/static/js/lib/bootstrap.min.js"></script>
<script src="/static/js/cheesy-websocket.js"></script>
<script src="/static/js/field_monitor_display.js"></script>
</html>
{{define "row"}}
<div class="position-row center">
<div class="left-position center reversible-left">{{.leftPosition}}</div>
{{template "team" dict "side" "left" "position" .leftPosition}}
{{template "team" dict "side" "right" "position" .rightPosition}}
<div class="right-position center reversible-right">{{.rightPosition}}</div>
</div>
{{end}}
{{define "team"}}
<div id="{{.side}}Team{{.position}}" class="team center"></div>
{{end}}