-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (85 loc) · 3.88 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html manifest="manifest.appcache">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Regata</title>
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32" />
<link rel="stylesheet" href="lib/bootstrap.3.3.4-min.css" />
<link rel="stylesheet" href="style/home-min.css" />
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?v=3.exp&key=AIzaSyD9atwS1bRUIX5NNR6NLuBBzSa4VNoOYNw&signed_in=true&libraries=geometry">
</script>
<script src="lib/jquery-2.1.4.min.js"></script>
<script src="lib/angular.1.3.11.min.js"></script>
</head>
<body data-ng-app="regata">
<div id="map-canvas"></div>
<div class="bottom-row" data-ng-controller="HomeController">
<div class="left">
<ul id="statistics" class="list-group">
<li class="list-group-item active" style="padding-bottom: 5px;">
<h4 class="list-group-item-heading">
Statistics
</h4>
</li>
<li class="list-group-item">
<div data-ng-show="lastUpdate != null" data-ng-cloak>
<strong>Perimeter:</strong>
{{ statistics.perimeterKm }} Km ({{ statistics.perimeterM }} m)
</div>
</li>
<li class="colored list-group-item" data-ng-repeat="(key, value) in statistics.distances" data-ng-model="gpsData[value.start].present" data-ng-init="gpsData[value.start].present=false;" data-ng-click="drawPath($event, gpsData[value.start], value.start, value.end)">
<strong>
{{ value.start }} - {{ value.end }}:
</strong>
{{ value.lenKm }} Km ({{ value.lenM }} m)
</li>
</ul>
</div>
<div class="right">
<div class="banner">
<div class="alert alert-info" data-ng-show="serviceStatus === null && lastUpdate === null" role="alert" data-ng-click="resync()" data-ng-cloak>
<strong>Connecting with Base Control... [Click to force resync]</strong>
</div>
<div class="alert alert-success" data-ng-show="serviceStatus === 'OK'" role="alert" data-ng-click="resync()" data-ng-cloak>
<strong>Last Update:</strong>
{{ lastUpdate | date:'yyyy-MM-dd@HH:mm:ss' }}
<strong> [Click to force resync]</strong>
</div>
<div class="alert alert-warning" data-ng-show="serviceStatus != 'OK' && lastUpdate != null" role="alert" data-ng-click="resync()" data-ng-cloak>
<strong>Sync is currently experiencing problems. Last Update:</strong>
{{ lastUpdate | date:'yyyy-MM-dd@HH:mm:ss' }}
<strong> [Click to force resync]</strong>
</div>
<div class="alert alert-danger" data-ng-show="serviceStatus === 'KO' && lastUpdate === null" role="alert" data-ng-click="resync()" data-ng-cloak>
<strong>Unable to contact Base Control, keep trying...[Click to force resync]</strong>
</div>
</div>
<div class="interval-control">
<button type="button" class="btn btn-default btn-lg interval-arrow" data-ng-click="updateProm('up')">
<span class="glyphicon glyphicon-chevron-up"></span>
</button>
<div class="interval-bar">
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="{{ intervalValue }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ intervalValue }}%;">
{{ intervalValue }} sec
</div>
</div>
</div>
<button type="button" class="btn btn-default btn-lg interval-arrow-right" data-ng-click="updateProm('down')">
<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>
</button>
</div>
<!--<div class="interval-control">-->
<!--<div class="alert alert-info" role="alert">-->
<!--<strong>Disable sync</strong>-->
<!--</div>-->
<!--</div>-->
</div>
</div>
<script src="lib/bootstrap.3.3.4.min.js"></script>
<script src="js/math-min.js"></script>
<script src="js/maps-min.js"></script>
<script src="js/controllers/controller-min.js"></script>
</body>
</html>