www-thermferm/liveview.php

changeset 121
03306c3bfd60
parent 118
7c8f35a43cec
child 122
e57043423e72
equal deleted inserted replaced
120:466c5cee0463 121:03306c3bfd60
66 66
67 if (startsWith($arr[0], "213")) { 67 if (startsWith($arr[0], "213")) {
68 68
69 $outstr .= ' <script type="text/javascript">'.PHP_EOL; 69 $outstr .= ' <script type="text/javascript">'.PHP_EOL;
70 $outstr .= ' $(document).ready(function () {'.PHP_EOL; 70 $outstr .= ' $(document).ready(function () {'.PHP_EOL;
71
72 $outstr .= ' var sampleData'.$unr.' = ['.PHP_EOL;
73 $outstr .= ' { Date:\'2014-07-15 20:44\',Mode:\'NONE\',Air:20.625,Beer:\'23.687\' },'.PHP_EOL;
74 $outstr .= ' { Date:\'2014-07-15 21:00\',Mode:\'NONE\',Air:20.250,Beer:\'23.437\' },'.PHP_EOL;
75 $outstr .= ' { Date:\'2014-07-15 22:00\',Mode:\'NONE\',Air:20.375,Beer:\'22.812\' },'.PHP_EOL;
76 $outstr .= ' { Date:\'2014-07-15 23:00\',Mode:\'NONE\',Air:20.500,Beer:\'22.437\' },'.PHP_EOL;
77 $outstr .= ' { Date:\'2014-07-16 00:00\',Mode:\'NONE\',Air:20.437,Beer:\'22.250\' },'.PHP_EOL;
78 $outstr .= ' { Date:\'2014-07-16 01:00\',Mode:\'NONE\',Air:20.375,Beer:\'22.000\' },'.PHP_EOL;
79 $outstr .= ' { Date:\'2014-07-16 02:00\',Mode:\'NONE\',Air:20.312,Beer:\'21.750\' },'.PHP_EOL;
80 $outstr .= ' { Date:\'2014-07-16 03:00\',Mode:\'NONE\',Air:20.375,Beer:\'21.687\' },'.PHP_EOL;
81 $outstr .= ' { Date:\'2014-07-16 04:00\',Mode:\'NONE\',Air:20.312,Beer:\'21.562\' },'.PHP_EOL;
82 $outstr .= ' { Date:\'2014-07-16 05:00\',Mode:\'NONE\',Air:20.187,Beer:\'21.500\' },'.PHP_EOL;
83 $outstr .= ' { Date:\'2014-07-16 06:00\',Mode:\'NONE\',Air:20.125,Beer:\'21.500\' }'.PHP_EOL;
84 $outstr .= ' ];'.PHP_EOL;
85
86 $outstr .= ' var settings'.$unr.' = {'.PHP_EOL;
87 $outstr .= ' title: "Fermentation temperature '.$unr.'",'.PHP_EOL;
88 $outstr .= ' description: "",'.PHP_EOL;
89 $outstr .= ' padding: { left: 5, top: 5, right: 5, bottom: 5 },'.PHP_EOL;
90 $outstr .= ' titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },'.PHP_EOL;
91 $outstr .= ' enabled: true,'.PHP_EOL;
92 $outstr .= ' source: sampleData'.$unr.','.PHP_EOL;
93 $outstr .= ' categoryAxis:'.PHP_EOL;
94 $outstr .= ' {'.PHP_EOL;
95 $outstr .= ' dataField: \'Date\','.PHP_EOL;
96 $outstr .= ' textRotationAngle: 45,'.PHP_EOL;
97 $outstr .= ' showGridLines: false'.PHP_EOL;
98 $outstr .= ' },'.PHP_EOL;
99 $outstr .= ' colorScheme: \'scheme01\','.PHP_EOL;
100 $outstr .= ' seriesGroups:'.PHP_EOL;
101 $outstr .= ' [{'.PHP_EOL;
102 $outstr .= ' type: \'line\','.PHP_EOL;
103 $outstr .= ' columnsGapPercent: 30,'.PHP_EOL;
104 $outstr .= ' seriesGapPercent: 0,'.PHP_EOL;
105 $outstr .= ' valueAxis:'.PHP_EOL;
106 $outstr .= ' {'.PHP_EOL;
107 // $outstr .= ' minValue: 0,'.PHP_EOL;
108 // $outstr .= ' maxValue: 35,'.PHP_EOL;
109 // $outstr .= ' unitInterval: 5,'.PHP_EOL;
110 $outstr .= ' description: \'Degrees C\''.PHP_EOL;
111 $outstr .= ' },'.PHP_EOL;
112 $outstr .= ' series: ['.PHP_EOL;
113 $outstr .= ' { dataField: \'Air\', displayText: \'Air\' },'.PHP_EOL;
114 $outstr .= ' { dataField: \'Beer\', displayText: \'Beer\' }'.PHP_EOL;
115 $outstr .= ' ]'.PHP_EOL;
116 $outstr .= ' }]'.PHP_EOL;
117 $outstr .= ' };'.PHP_EOL;
118 $outstr .= ' $("#fermentor_chart_'.$unr.'").jqxChart(settings'.$unr.');'.PHP_EOL;
119
120 $outstr .= ' var initChart'.$unr.' = function() {'.PHP_EOL;
121 $outstr .= ' $("#fermentor_chart_'.$unr.'").jqxChart(\'refresh\');'.PHP_EOL;
122 $outstr .= ' }'.PHP_EOL;
123
71 $outstr .= ' $("#fermentor_setup_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL; 124 $outstr .= ' $("#fermentor_setup_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL;
72 $outstr .= ' $("#fermentor_history_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL;
73 $outstr .= ' });'.PHP_EOL; 125 $outstr .= ' });'.PHP_EOL;
74 $outstr .= ' </script>'.PHP_EOL; 126 $outstr .= ' </script>'.PHP_EOL;
75 $outstr .= ' <div id="fermentor">'.PHP_EOL; 127 $outstr .= ' <div id="fermentor">'.PHP_EOL;
76 $outstr .= ' <div id="fermentor_pict">'.PHP_EOL; 128 $outstr .= ' <div id="fermentor_chart_'.$unr.'" style="width:600px; height:377px; float:left"></div>'.PHP_EOL;
77 $outstr .= ' <img src="images/Fermenter_60l.gif">'.PHP_EOL;
78 $outstr .= ' </div>'.PHP_EOL;
79 129
80 $set_temperature = "N/A"; 130 $set_temperature = "N/A";
81 $air_temperature = "N/A"; 131 $air_temperature = "N/A";
82 $beer_temperature = "N/A"; 132 $beer_temperature = "N/A";
83 133
159 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="OFF"'.$se.$ch.'>Off<br>'.PHP_EOL; 209 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="OFF"'.$se.$ch.'>Off<br>'.PHP_EOL;
160 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL; 210 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL;
161 $outstr .= ' Fan'.PHP_EOL; 211 $outstr .= ' Fan'.PHP_EOL;
162 $outstr .= ' </form>'.PHP_EOL; 212 $outstr .= ' </form>'.PHP_EOL;
163 $outstr .= ' </div>'.PHP_EOL; 213 $outstr .= ' </div>'.PHP_EOL;
164 $outstr .= ' </div>'.PHP_EOL; 214 $outstr .= ' <div id="fermentor_control">'.PHP_EOL;
165 $outstr .= ' <div id="fermentor_control">'.PHP_EOL; 215 $outstr .= ' <button id="fermentor_setup_'.$unr.'">Edit fermentor</button>'.PHP_EOL;
166 $outstr .= ' </div>'.PHP_EOL; 216 $outstr .= ' </div>'.PHP_EOL;
167 $outstr .= ' <div id="fermentor_edit">'.PHP_EOL; 217 $outstr .= ' </div> <!-- fermentor_panel -->'.PHP_EOL;
168 $outstr .= ' <button id="fermentor_setup_'.$unr.'">Edit fermentor</button>'.PHP_EOL;
169 $outstr .= ' <button id="fermentor_history_'.$unr.'">History</button>'.PHP_EOL;
170 $outstr .= ' </div>'.PHP_EOL;
171 $outstr .= ' </div> <!-- fermentor -->'.PHP_EOL; 218 $outstr .= ' </div> <!-- fermentor -->'.PHP_EOL;
172 } 219 }
173 220
174 return $outstr; 221 return $outstr;
175 } 222 }

mercurial