forked from BrewPi/brewpi-www
-
Notifications
You must be signed in to change notification settings - Fork 0
/
previous_beers.php
115 lines (112 loc) · 4.69 KB
/
previous_beers.php
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<?php
/* Copyright 2012 BrewPi/Elco Jacobs.
* This file is part of BrewPi.
* BrewPi is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
* BrewPi is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
* You should have received a copy of the GNU General Public License
* along with BrewPi. If not, see <http://www.gnu.org/licenses/>.
*/
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>BrewPi: previous beers</title>
</head>
<body>
<div id="beer-selector">
<span>Select the beer you would like to view:</span>
<select id="prev-beer-name">
<?php
foreach(glob('data/*', GLOB_ONLYDIR) as $dir)
{
$dir = basename($dir);
if($dir !== "profiles"){
echo '<option value="', $dir, '">', urldecode($dir), '</option>';
}
}
?>
</select>
<button id="prev-beer-show">Show</button>
<button id="download-csv">Download CSV</button>
</div>
<div class="chart-container">
<div id="prev-beer-chart-label" class="beer-chart-label"></div>
<div id="prev-beer-chart" class="beer-chart" style="width:770px; height:500px"></div>
<div id="prev-beer-chart-controls" class="beer-chart-controls" style="display: none">
<div id="curr-beer-chart-buttons" class="beer-chart-buttons">
<div class="beer-chart-legend-row">
<button class="chart-help" title="Help"></button>
<div class="beer-chart-legend-label">Help</div>
<br class="crystal" />
</div>
</div>
<div id="curr-beer-chart-legend" class="beer-chart-legend">
<div class="beer-chart-legend-row time">
<div class="beer-chart-legend-time">Date/Time</div>
</div>
<div class="beer-chart-legend-row beerTemp">
<div class="toggle beerTemp" onClick="toggleLine(this)"></div>
<div class="beer-chart-legend-label" onClick="toggleLine(this)">Beer Temp</div>
<div class="beer-chart-legend-value">--</div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row beerSet">
<div class="toggle beerSet" onClick="toggleLine(this)"></div>
<div class="beer-chart-legend-label" onClick="toggleLine(this)">Beer Setting</div>
<div class="beer-chart-legend-value">--</div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row fridgeTemp">
<div class="toggle fridgeTemp" onClick="toggleLine(this)"></div>
<div class="beer-chart-legend-label" onClick="toggleLine(this)">Fridge Temp</div>
<div class="beer-chart-legend-value">--</div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row fridgeSet">
<div class="toggle fridgeSet" onClick="toggleLine(this)"></div>
<div class="beer-chart-legend-label" onClick="toggleLine(this)">Fridge Setting</div>
<div class="beer-chart-legend-value">--</div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row roomTemp">
<div class="toggle roomTemp" onClick="toggleLine(this)"></div>
<div class="beer-chart-legend-label" onClick="toggleLine(this)">Room Temp</div>
<div class="beer-chart-legend-value">--</div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row state">
<div class="state-indicator"></div>
<div class="beer-chart-legend-label"></div>
<br class="crystal" />
</div>
<div class="beer-chart-legend-row annotation last">
<div class="toggleAnnotations dygraphDefaultAnnotation" onClick="toggleAnnotations(this)">A</div>
<div class="beer-chart-legend-label" onClick="toggleAnnotations(this)">Annotations</div>
<br class="crystal" />
</div>
</div>
</div>
</div>
<script>
$(document).ready(function(){
$("button#prev-beer-show").button({ icons: {primary: "ui-icon-circle-triangle-e"} }).click(function(){
drawBeerChart(String($("select#prev-beer-name").val()), "prev-beer-chart" );
});
$("button#download-csv").button({ icons: {primary: "ui-icon-arrowthickstop-1-s"} }).click(function(){
var url = "data/" + String($("select#prev-beer-name").val()) + "/" + String($("select#prev-beer-name").val()) + ".csv";
window.open(encodeURI(url), 'Download CSV' );
});
$("#prev-beer-chart-controls button.chart-help").button({ icons: {primary: "ui-icon-help" }, text: false }).click(function(){
$("#chart-help-popup").dialog("open");
});
});
</script>
</body>
</html>