Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/index.php
www-thermferm/index.php
- changeset 127
- f2f45c44942f
- parent 124
- 350401bac16e
- child 128
- 81b9167c1e93
equal
deleted
inserted
replaced
| 126:480bbe88ce0e | 127:f2f45c44942f |
|---|---|
| 25 * Look for the style names in the jqwidgets/styles directory. | 25 * Look for the style names in the jqwidgets/styles directory. |
| 26 */ | 26 */ |
| 27 $my_style = 'ui-redmond'; | 27 $my_style = 'ui-redmond'; |
| 28 | 28 |
| 29 require_once('liveview.php'); | 29 require_once('liveview.php'); |
| 30 require_once('maintenance_panel.php'); | |
| 30 | 31 |
| 31 | 32 |
| 32 $outstr = '<!DOCTYPE html>'.PHP_EOL; | 33 $outstr = '<!DOCTYPE html>'.PHP_EOL; |
| 33 $outstr .= '<html>'.PHP_EOL; | 34 $outstr .= '<html>'.PHP_EOL; |
| 34 $outstr .= ' <head>'.PHP_EOL; | 35 $outstr .= ' <head>'.PHP_EOL; |
| 45 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL; | 46 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL; |
| 46 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>'.PHP_EOL; | 47 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>'.PHP_EOL; |
| 47 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxchart.core.js"></script>'.PHP_EOL; | 48 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxchart.core.js"></script>'.PHP_EOL; |
| 48 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxdraw.js"></script>'.PHP_EOL; | 49 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxdraw.js"></script>'.PHP_EOL; |
| 49 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxdata.js"></script>'.PHP_EOL; | 50 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxdata.js"></script>'.PHP_EOL; |
| 50 $outstr .= ' <script type="text/javascript">'.PHP_EOL; | 51 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>'.PHP_EOL; |
| 52 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>'.PHP_EOL; | |
| 53 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script>'.PHP_EOL; | |
| 54 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxgrid.columnsresize.js"></script>'.PHP_EOL; | |
| 55 $outstr .= ' </head>'.PHP_EOL; | |
| 51 | 56 |
| 52 $outstr .= ' function addEventListeners() {'.PHP_EOL; | |
| 53 $outstr .= ' $("#maintenance").mousedown(function () {'.PHP_EOL; | |
| 54 $outstr .= ' $("#maintenance_window").jqxWindow(\'open\');'.PHP_EOL; | |
| 55 $outstr .= ' });'.PHP_EOL; | |
| 56 $outstr .= ' }'.PHP_EOL; | |
| 57 | |
| 58 $outstr .= ' function createMaintenance() {'.PHP_EOL; | |
| 59 $outstr .= ' $("#maintenance_window").jqxWindow({'.PHP_EOL; | |
| 60 $outstr .= ' height: 400, width: 800, autoOpen: false, theme: \''.$my_style.'\', '.PHP_EOL; | |
| 61 $outstr .= ' position: { x:100, y:50 }, '.PHP_EOL; | |
| 62 $outstr .= ' resizable: false, isModal: true, modalOpacity: 0.5, '.PHP_EOL; | |
| 63 $outstr .= ' okButton: $("#maintenance_ok"), '.PHP_EOL; | |
| 64 $outstr .= ' initContent: function () {'.PHP_EOL; | |
| 65 $outstr .= ' $("#maintenance_ok").jqxButton({ width: 70, height: 25, theme: \''.$my_style.'\' });'.PHP_EOL; | |
| 66 $outstr .= ' }'.PHP_EOL; | |
| 67 $outstr .= ' });'.PHP_EOL; | |
| 68 $outstr .= ' $("#maintenance").jqxButton({ width: 150, height: 25, theme: \''.$my_style.'\'});'.PHP_EOL; | |
| 69 $outstr .= ' }'.PHP_EOL; | |
| 70 $outstr .= ' </script>'.PHP_EOL; | |
| 71 $outstr .= ' </head>'.PHP_EOL; | |
| 72 $outstr .= ' <body class="default">'.PHP_EOL; | 57 $outstr .= ' <body class="default">'.PHP_EOL; |
| 73 $outstr .= ' <div id="jqxWidget">'.PHP_EOL; | 58 $outstr .= ' <div id="jqxWidget">'.PHP_EOL; |
| 74 $outstr .= ' <div id="header">'.PHP_EOL; | 59 $outstr .= ' <div id="header">'.PHP_EOL; |
| 75 $outstr .= ' <button class="script-status ui-state-error">Status</button>'.PHP_EOL; | 60 $outstr .= ' <button class="script-status ui-state-error">Status</button>'.PHP_EOL; |
| 76 $outstr .= ' <input type="button" id="maintenance" value="Maintenance panel" />'.PHP_EOL; | 61 $outstr .= ' <input type="button" id="maintenance" value="Maintenance panel" />'.PHP_EOL; |
| 77 $outstr .= ' </div> <!-- header -->'.PHP_EOL; | 62 $outstr .= ' </div> <!-- header -->'.PHP_EOL; |
| 78 $outstr .= liveview(); | 63 $outstr .= liveview(); |
| 79 | 64 $outstr .= maintenance_panel(); |
| 80 /* The maintenance popup window */ | |
| 81 $outstr .= ' <div id="maintenance_window">'.PHP_EOL; | |
| 82 $outstr .= ' <div id="maintenance_header">'.PHP_EOL; | |
| 83 $outstr .= ' Maintenance panel'.PHP_EOL; | |
| 84 $outstr .= ' </div>'.PHP_EOL; | |
| 85 $outstr .= ' <div id="maintenance_content">'.PHP_EOL; | |
| 86 $outstr .= ' <div id="jqxTabs_maint">'.PHP_EOL; | |
| 87 $outstr .= ' <ul>'.PHP_EOL; | |
| 88 $outstr .= ' <li style="margin-left: 20px;">General</li>'.PHP_EOL; | |
| 89 $outstr .= ' <li style="margin-left: 20px;">1-Wire Bus</li>'.PHP_EOL; | |
| 90 $outstr .= ' <li style="margin-left: 20px;">Profiles</li>'.PHP_EOL; | |
| 91 $outstr .= ' <li style="margin-left: 20px;">Units</li>'.PHP_EOL; | |
| 92 $outstr .= ' </ul>'.PHP_EOL; | |
| 93 $outstr .= ' <div>'.PHP_EOL; | |
| 94 $outstr .= ' General'.PHP_EOL; | |
| 95 $outstr .= ' </div>'.PHP_EOL; | |
| 96 $outstr .= ' <div>'.PHP_EOL; | |
| 97 $outstr .= ' 1-Wire Bus'.PHP_EOL; | |
| 98 $outstr .= ' </div>'.PHP_EOL; | |
| 99 $outstr .= ' <div>'.PHP_EOL; | |
| 100 $outstr .= ' Profiles'.PHP_EOL; | |
| 101 $outstr .= ' </div>'.PHP_EOL; | |
| 102 $outstr .= ' <div>'.PHP_EOL; | |
| 103 $outstr .= ' Units'.PHP_EOL; | |
| 104 $outstr .= ' </div>'.PHP_EOL; | |
| 105 $outstr .= ' </div>'.PHP_EOL; | |
| 106 $outstr .= ' <input type="button" id="maintenance_ok" value="Dismiss" style="margin-top: 5px; margin-left: 365px" />'.PHP_EOL; | |
| 107 $outstr .= ' </div>'.PHP_EOL; | |
| 108 $outstr .= ' <script type="text/javascript">'.PHP_EOL; | |
| 109 $outstr .= ' $(document).ready(function () {'.PHP_EOL; | |
| 110 $outstr .= ' $("#jqxTabs_maint").jqxTabs({ width: 790, height: 330, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL; | |
| 111 $outstr .= ' });'.PHP_EOL; | |
| 112 $outstr .= ' </script>'.PHP_EOL; | |
| 113 $outstr .= ' </div> <!-- maintenance_window -->'.PHP_EOL; | |
| 114 | 65 |
| 115 /* Create the tabs */ | 66 /* Create the tabs */ |
| 116 $outstr .= ' <script type="text/javascript">'.PHP_EOL; | 67 $outstr .= ' <script type="text/javascript" src="js/main.js"></script>'.PHP_EOL; |
| 117 $outstr .= ' $(document).ready(function () {'.PHP_EOL; | |
| 118 $outstr .= ' // Create jqxTabs.'.PHP_EOL; | |
| 119 $outstr .= ' $("#jqxTabs").jqxTabs({ width: 978, height: 428, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL; | |
| 120 $outstr .= ' addEventListeners();'.PHP_EOL; | |
| 121 $outstr .= ' createMaintenance();'.PHP_EOL; | |
| 122 $outstr .= ' });'.PHP_EOL; | |
| 123 $outstr .= ' </script>'.PHP_EOL; | |
| 124 | |
| 125 $outstr .= ' </div> <!-- jqxWidget -->'.PHP_EOL; | 68 $outstr .= ' </div> <!-- jqxWidget -->'.PHP_EOL; |
| 126 $outstr .= ' </body>'.PHP_EOL; | 69 $outstr .= ' </body>'.PHP_EOL; |
| 127 $outstr .= '</html>'.PHP_EOL; | 70 $outstr .= '</html>'.PHP_EOL; |
| 128 | 71 |
| 129 echo $outstr; | 72 echo $outstr; |
