| Index: appengine_apps/trooper_o_matic/appengine_module/trooper_o_matic/templates/tree_status.html
|
| diff --git a/appengine_apps/trooper_o_matic/appengine_module/trooper_o_matic/templates/tree_status.html b/appengine_apps/trooper_o_matic/appengine_module/trooper_o_matic/templates/tree_status.html
|
| deleted file mode 100644
|
| index 8a1282b9b184e85b5445ac82e1455701f8004172..0000000000000000000000000000000000000000
|
| --- a/appengine_apps/trooper_o_matic/appengine_module/trooper_o_matic/templates/tree_status.html
|
| +++ /dev/null
|
| @@ -1,73 +0,0 @@
|
| -<!-- Copyright (c) 2014 The Chromium Authors. All rights reserved.
|
| - Use of this source code is governed by a BSD-style license that can be
|
| - found in the LICENSE file. -->
|
| -<!doctype html>
|
| -<html>
|
| - <head>
|
| - <title>Tree Open Status</title>
|
| - <link href='//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
|
| - <script type='text/javascript' src='//www.google.com/jsapi'></script>
|
| - <script>
|
| - var DAYS_1_DATA = {{ days_1|safe }};
|
| - var DAYS_7_DATA = {{ days_7|safe }};
|
| - var GAUGE_DATA = {{ data_gauge|safe }};
|
| - </script>
|
| - <style type="text/css">
|
| - body {
|
| - font-family: 'RobotoDraft';
|
| - }
|
| - .chart {
|
| - margin: 20px;
|
| - }
|
| - </style>
|
| - </head>
|
| - <body>
|
| - <h1>Tree Open Stats</h1>
|
| -
|
| - <h2>Current Open Times (%)</h2>
|
| - <div class="chart" id="gauge-chart"></div>
|
| -
|
| - <h2>Tree Open Times (24hr Rolling Average)</h2>
|
| - <div class="chart" id="days1-chart" style="height: 300px"></div>
|
| -
|
| - <h2>Tree Open Times (7 Days Rolling Average)</h2>
|
| - <div class="chart" id="days7-chart" style="height: 300px"></div>
|
| -
|
| - <script>
|
| - google.load('visualization', '1.1', {'packages':['annotationchart', 'gauge']});
|
| - google.setOnLoadCallback(drawCharts);
|
| - function drawCharts() {
|
| - drawChart(DAYS_1_DATA, 'days1-chart');
|
| - drawChart(DAYS_7_DATA, 'days7-chart');
|
| - drawGauge(GAUGE_DATA, 'gauge-chart');
|
| - }
|
| - function drawChart(data, id) {
|
| - var dataTable = new google.visualization.DataTable(data);
|
| - var chart = new google.visualization.AnnotationChart(
|
| - document.getElementById(id));
|
| - var options = {
|
| - displayAnnotations: true,
|
| - min: 0,
|
| - max: 100,
|
| - fill: 20,
|
| - };
|
| -
|
| - chart.draw(dataTable, options);
|
| - }
|
| - function drawGauge(data, id) {
|
| - var dataTable = new google.visualization.arrayToDataTable(data);
|
| - var chart = new google.visualization.Gauge(
|
| - document.getElementById(id));
|
| - var options = {
|
| - height: 200,
|
| - greenFrom: 85, greenTo: 100,
|
| - yellowFrom: 80, yellowTo: 85,
|
| - redFrom: 0, redTo: 80,
|
| - minorTicks: 5
|
| - };
|
| -
|
| - chart.draw(dataTable, options);
|
| - }
|
| - </script>
|
| - </body>
|
| -</html>
|
|
|