Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/liveview.php
www-thermferm/liveview.php
- changeset 122
- e57043423e72
- parent 121
- 03306c3bfd60
- child 123
- 597688feda2f
equal
deleted
inserted
replaced
| 121:03306c3bfd60 | 122:e57043423e72 |
|---|---|
| 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 | 71 |
| 72 $outstr .= ' var sampleData'.$unr.' = ['.PHP_EOL; | 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; | 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; | 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; | 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; | 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; | 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; | 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; | 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; | 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; | 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; | 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; | 83 $outstr .= ' { Date:\'2014-07-16 06:00\',Mode:\'NONE\',Air:20.125,Beer:21.500}'.PHP_EOL; |
| 84 $outstr .= ' ];'.PHP_EOL; | 84 $outstr .= ' ];'.PHP_EOL; |
| 85 | 85 |
| 86 $outstr .= ' var settings'.$unr.' = {'.PHP_EOL; | 86 $outstr .= ' var settings'.$unr.' = {'.PHP_EOL; |
| 87 $outstr .= ' title: "Fermentation temperature '.$unr.'",'.PHP_EOL; | 87 $outstr .= ' title: "Fermentation temperature '.$unr.'",'.PHP_EOL; |
| 88 $outstr .= ' description: "",'.PHP_EOL; | 88 $outstr .= ' description: "",'.PHP_EOL; |
| 89 $outstr .= ' padding: { left: 5, top: 5, right: 5, bottom: 5 },'.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; | 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; | 91 $outstr .= ' source: sampleData'.$unr.','.PHP_EOL; |
| 93 $outstr .= ' categoryAxis:'.PHP_EOL; | 92 $outstr .= ' categoryAxis:'.PHP_EOL; |
| 94 $outstr .= ' {'.PHP_EOL; | 93 $outstr .= ' {'.PHP_EOL; |
| 95 $outstr .= ' dataField: \'Date\','.PHP_EOL; | 94 $outstr .= ' dataField: \'Date\','.PHP_EOL; |
| 96 $outstr .= ' textRotationAngle: 45,'.PHP_EOL; | 95 $outstr .= ' textRotationAngle: 45,'.PHP_EOL; |
| 102 $outstr .= ' type: \'line\','.PHP_EOL; | 101 $outstr .= ' type: \'line\','.PHP_EOL; |
| 103 $outstr .= ' columnsGapPercent: 30,'.PHP_EOL; | 102 $outstr .= ' columnsGapPercent: 30,'.PHP_EOL; |
| 104 $outstr .= ' seriesGapPercent: 0,'.PHP_EOL; | 103 $outstr .= ' seriesGapPercent: 0,'.PHP_EOL; |
| 105 $outstr .= ' valueAxis:'.PHP_EOL; | 104 $outstr .= ' valueAxis:'.PHP_EOL; |
| 106 $outstr .= ' {'.PHP_EOL; | 105 $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; | 106 $outstr .= ' description: \'Degrees C\''.PHP_EOL; |
| 111 $outstr .= ' },'.PHP_EOL; | 107 $outstr .= ' },'.PHP_EOL; |
| 112 $outstr .= ' series: ['.PHP_EOL; | 108 $outstr .= ' series: ['.PHP_EOL; |
| 113 $outstr .= ' { dataField: \'Air\', displayText: \'Air\' },'.PHP_EOL; | 109 $outstr .= ' { dataField: \'Air\', displayText: \'Air\' },'.PHP_EOL; |
| 114 $outstr .= ' { dataField: \'Beer\', displayText: \'Beer\' }'.PHP_EOL; | 110 $outstr .= ' { dataField: \'Beer\', displayText: \'Beer\' }'.PHP_EOL; |
| 115 $outstr .= ' ]'.PHP_EOL; | 111 $outstr .= ' ]'.PHP_EOL; |
| 116 $outstr .= ' }]'.PHP_EOL; | 112 $outstr .= ' }]'.PHP_EOL; |
| 117 $outstr .= ' };'.PHP_EOL; | 113 $outstr .= ' };'.PHP_EOL; |
| 118 $outstr .= ' $("#fermentor_chart_'.$unr.'").jqxChart(settings'.$unr.');'.PHP_EOL; | 114 $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 | |
| 124 $outstr .= ' $("#fermentor_setup_'.$unr.'").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL; | |
| 125 $outstr .= ' });'.PHP_EOL; | 115 $outstr .= ' });'.PHP_EOL; |
| 126 $outstr .= ' </script>'.PHP_EOL; | 116 $outstr .= ' </script>'.PHP_EOL; |
| 127 $outstr .= ' <div id="fermentor">'.PHP_EOL; | 117 $outstr .= ' <div id="fermentor">'.PHP_EOL; |
| 128 $outstr .= ' <div id="fermentor_chart_'.$unr.'" style="width:600px; height:377px; float:left"></div>'.PHP_EOL; | 118 $outstr .= ' <div id="fermentor_chart_'.$unr.'" style="width:720px; height:377px; float:left"></div>'.PHP_EOL; |
| 129 | 119 |
| 130 $set_temperature = "N/A"; | 120 $set_temperature = "N/A"; |
| 131 $air_temperature = "N/A"; | 121 $air_temperature = "N/A"; |
| 132 $beer_temperature = "N/A"; | 122 $beer_temperature = "N/A"; |
| 133 | 123 |
| 210 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL; | 200 $outstr .= ' <input type="radio" name="fan'.$unr.'" value="ON"'.$se.'>On<br>'.PHP_EOL; |
| 211 $outstr .= ' Fan'.PHP_EOL; | 201 $outstr .= ' Fan'.PHP_EOL; |
| 212 $outstr .= ' </form>'.PHP_EOL; | 202 $outstr .= ' </form>'.PHP_EOL; |
| 213 $outstr .= ' </div>'.PHP_EOL; | 203 $outstr .= ' </div>'.PHP_EOL; |
| 214 $outstr .= ' <div id="fermentor_control">'.PHP_EOL; | 204 $outstr .= ' <div id="fermentor_control">'.PHP_EOL; |
| 215 $outstr .= ' <button id="fermentor_setup_'.$unr.'">Edit fermentor</button>'.PHP_EOL; | 205 $outstr .= ' <input type="button" id="fermentor_setup_'.$unr.'" value="Edit fermentor" />'.PHP_EOL; |
| 216 $outstr .= ' </div>'.PHP_EOL; | 206 $outstr .= ' </div>'.PHP_EOL; |
| 217 $outstr .= ' </div> <!-- fermentor_panel -->'.PHP_EOL; | 207 $outstr .= ' </div> <!-- fermentor_panel -->'.PHP_EOL; |
| 218 $outstr .= ' </div> <!-- fermentor -->'.PHP_EOL; | 208 |
| 209 /* Fermentor maintenance window */ | |
| 210 $outstr .= ' <script type="text/javascript">'.PHP_EOL; | |
| 211 $outstr .= ' function addEventListeners'.$unr.'() {'.PHP_EOL; | |
| 212 $outstr .= ' $("#fermentor_setup_'.$unr.'").mousedown(function () {'.PHP_EOL; | |
| 213 $outstr .= ' $("#fermmaint_window'.$unr.'").jqxWindow(\'open\');'.PHP_EOL; | |
| 214 $outstr .= ' });'.PHP_EOL; | |
| 215 $outstr .= ' }'.PHP_EOL; | |
| 216 $outstr .= ' function createMaintenance'.$unr.'() {'.PHP_EOL; | |
| 217 $outstr .= ' $("#fermmaint_window'.$unr.'").jqxWindow({'.PHP_EOL; | |
| 218 $outstr .= ' height: 400, width: 800, autoOpen: false, theme: \''.$my_style.'\', '.PHP_EOL; | |
| 219 $outstr .= ' position: { x:100, y:50 }, '.PHP_EOL; | |
| 220 $outstr .= ' resizable: false, isModal: true, modalOpacity: 0.5, '.PHP_EOL; | |
| 221 $outstr .= ' okButton: $("#fermmaint_ok'.$unr.'"), cancelButton: $("#fermmaint_cancel'.$unr.'"),'.PHP_EOL; | |
| 222 $outstr .= ' initContent: function () {'.PHP_EOL; | |
| 223 $outstr .= ' $("#fermmaint_ok'.$unr.'").jqxButton({ width: 65, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL; | |
| 224 $outstr .= ' $("#fermmaint_cancel'.$unr.'").jqxButton({ width: 65, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL; | |
| 225 $outstr .= ' }'.PHP_EOL; | |
| 226 $outstr .= ' });'.PHP_EOL; | |
| 227 $outstr .= ' $("#fermentor_setup_'.$unr.'").jqxButton({ width: 150, height: 25, theme: \''.$my_style.'\'});'.PHP_EOL; | |
| 228 $outstr .= ' }'.PHP_EOL; | |
| 229 $outstr .= ' $(document).ready(function () {'.PHP_EOL; | |
| 230 $outstr .= ' addEventListeners'.$unr.'();'.PHP_EOL; | |
| 231 $outstr .= ' createMaintenance'.$unr.'();'.PHP_EOL; | |
| 232 $outstr .= ' });'.PHP_EOL; | |
| 233 $outstr .= ' </script>'.PHP_EOL; | |
| 234 $outstr .= ' <div id="fermmaint_window'.$unr.'">'.PHP_EOL; | |
| 235 $outstr .= ' <div id="fermmaint_header'.$unr.'">'.PHP_EOL; | |
| 236 $outstr .= ' Fermentor Unit '.$unr.' Maintenance'.PHP_EOL; | |
| 237 $outstr .= ' </div>'.PHP_EOL; | |
| 238 $outstr .= ' <div id="fermmaint_content'.$unr.'">'.PHP_EOL; | |
| 239 $outstr .= ' Content'.PHP_EOL; | |
| 240 $outstr .= ' <input type="button" id="fermmaint_ok'.$unr.'" value="OK" style="margin-right: 10px" />'.PHP_EOL; | |
| 241 $outstr .= ' <input type="button" id="fermmaint_cancel'.$unr.'" value="Cancel" />'.PHP_EOL; | |
| 242 $outstr .= ' </div>'.PHP_EOL; | |
| 243 $outstr .= ' </div> <!-- fermmaint_window -->'.PHP_EOL; | |
| 244 | |
| 245 $outstr .= ' </div> <!-- fermentor -->'.PHP_EOL; | |
| 219 } | 246 } |
| 220 | 247 |
| 221 return $outstr; | 248 return $outstr; |
| 222 } | 249 } |
| 223 | 250 |
