Files
cheesy-arena-lite/templates/field_monitor_display.html

68 lines
3.0 KiB
HTML

{{/*
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>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=no" />
<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"}}
<div id="eventStatusRow">
<div id="cycleTimeMessage"></div>
<div id="earlyLateMessage"></div>
</div>
</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">
<div id="{{.side}}Team{{.position}}Id" class="team-id center fta-dependent"></div>
<div id="{{.side}}Team{{.position}}Notes" class="team-notes fta-dependent" title="FTA Notes">
<i class="glyphicon glyphicon-comment"></i>
<div onclick="editFtaNotes(this);"></div>
</div>
<div class="team-box-row">
<div id="{{.side}}Team{{.position}}Ethernet" class="team-box center"
title="Driver Station Ethernet Connected&#10;Trip Time (ms)">ETH</div>
<div id="{{.side}}Team{{.position}}Ds" class="team-box center"
title="Driver Station Software Running&#10;Missed Packets">DS</div>
<div id="{{.side}}Team{{.position}}Radio" class="team-box center" title="Field Access Point Configured Team">
<i class="glyphicon glyphicon-signal"></i>
<span></span>
</div>
<div id="{{.side}}Team{{.position}}Robot" class="team-box center"
title="Battery Voltage&#10;Seconds Since Last Connected"></div>
<div id="{{.side}}Team{{.position}}Bypass" class="team-box center" title="Emergency-Stopped or Bypassed"></div>
</div>
</div>
{{end}}