Mercurial > mbsePi-apps / file comparison
comparison: www-thermferm/index.php
www-thermferm/index.php
- changeset 118
- 7c8f35a43cec
- parent 117
- 7119ea8a5225
- child 121
- 03306c3bfd60
equal
deleted
inserted
replaced
| 117:7119ea8a5225 | 118:7c8f35a43cec |
|---|---|
| 22 *****************************************************************************/ | 22 *****************************************************************************/ |
| 23 | 23 |
| 24 /* | 24 /* |
| 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 = 'fresh'; | 27 $my_style = 'ui-redmond'; |
| 28 | 28 |
| 29 require_once('liveview.php'); | 29 require_once('liveview.php'); |
| 30 | 30 |
| 31 | 31 |
| 32 $outstr = '<!DOCTYPE html>'.PHP_EOL; | 32 $outstr = '<!DOCTYPE html>'.PHP_EOL; |
| 37 $outstr .= ' <link type="text/css" href="css/style.css" rel="stylesheet" media="all" />'.PHP_EOL; | 37 $outstr .= ' <link type="text/css" href="css/style.css" rel="stylesheet" media="all" />'.PHP_EOL; |
| 38 $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.base.css" rel="stylesheet" />'.PHP_EOL; | 38 $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.base.css" rel="stylesheet" />'.PHP_EOL; |
| 39 $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.'.$my_style.'.css" rel="stylesheet" />'.PHP_EOL; | 39 $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.'.$my_style.'.css" rel="stylesheet" />'.PHP_EOL; |
| 40 $outstr .= ' <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>'.PHP_EOL; | 40 $outstr .= ' <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>'.PHP_EOL; |
| 41 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>'.PHP_EOL; | 41 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>'.PHP_EOL; |
| 42 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxwindow.js"></script>'.PHP_EOL; | |
| 42 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxtabs.js"></script>'.PHP_EOL; | 43 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxtabs.js"></script>'.PHP_EOL; |
| 43 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>'.PHP_EOL; | 44 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxcheckbox.js"></script>'.PHP_EOL; |
| 44 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL; | 45 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL; |
| 45 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>'.PHP_EOL; | 46 $outstr .= ' <script type="text/javascript" src="jqwidgets/jqxradiobutton.js"></script>'.PHP_EOL; |
| 46 $outstr .= ' <script type="text/javascript">'.PHP_EOL; | 47 $outstr .= ' <script type="text/javascript">'.PHP_EOL; |
| 48 | |
| 49 $outstr .= ' function addEventListeners() {'.PHP_EOL; | |
| 50 $outstr .= ' $("#maintenance").mousedown(function () {'.PHP_EOL; | |
| 51 $outstr .= ' $("#maintenance_window").jqxWindow(\'open\');'.PHP_EOL; | |
| 52 $outstr .= ' });'.PHP_EOL; | |
| 53 | |
| 54 $outstr .= ' }'.PHP_EOL; | |
| 55 | |
| 56 $outstr .= ' function createMaintenance() {'.PHP_EOL; | |
| 57 $outstr .= ' $("#maintenance_window").jqxWindow({'.PHP_EOL; | |
| 58 $outstr .= ' height: 400, width: 800, autoOpen: false, theme: \''.$my_style.'\', '.PHP_EOL; | |
| 59 $outstr .= ' position: { x:100, y:50 }, '.PHP_EOL; | |
| 60 $outstr .= ' resizable: false, isModal: true, modalOpacity: 0.5, '.PHP_EOL; | |
| 61 $outstr .= ' okButton: $("#maintenance_ok"), cancelButton: $("#maintenance_cancel"),'.PHP_EOL; | |
| 62 $outstr .= ' initContent: function () {'.PHP_EOL; | |
| 63 $outstr .= ' $("#maintenance_ok").jqxButton({ width: \'65px\', height: \'25\', theme: \''.$my_style.'\' });'.PHP_EOL; | |
| 64 $outstr .= ' $("#maintenance_cancel").jqxButton({ width: \'65px\', height: \'25\', theme: \''.$my_style.'\' });'.PHP_EOL; | |
| 65 //$outstr .= ' $("#ok").focus();'.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 | |
| 47 $outstr .= ' $(document).ready(function () {'.PHP_EOL; | 71 $outstr .= ' $(document).ready(function () {'.PHP_EOL; |
| 48 $outstr .= ' // Create jqxTabs.'.PHP_EOL; | 72 $outstr .= ' // Create jqxTabs.'.PHP_EOL; |
| 49 $outstr .= ' $(\'#jqxTabs\').jqxTabs({ width: \'978\', height: 448, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL; | 73 $outstr .= ' $(\'#jqxTabs\').jqxTabs({ width: \'978\', height: 428, position: \'top\', theme: \''.$my_style.'\'});'.PHP_EOL; |
| 50 $outstr .= ' $("#maintenance").jqxButton({ width: \'150\', height: \'25\', theme: \''.$my_style.'\'});'.PHP_EOL; | 74 $outstr .= ' addEventListeners();'.PHP_EOL; |
| 75 $outstr .= ' createMaintenance();'.PHP_EOL; | |
| 51 $outstr .= ' });'.PHP_EOL; | 76 $outstr .= ' });'.PHP_EOL; |
| 77 | |
| 52 $outstr .= ' </script>'.PHP_EOL; | 78 $outstr .= ' </script>'.PHP_EOL; |
| 53 $outstr .= ' </head>'.PHP_EOL; | 79 $outstr .= ' </head>'.PHP_EOL; |
| 54 $outstr .= ' <body class="default">'.PHP_EOL; | 80 $outstr .= ' <body class="default">'.PHP_EOL; |
| 55 $outstr .= ' <div id="jqxWidget">'.PHP_EOL; | 81 $outstr .= ' <div id="jqxWidget">'.PHP_EOL; |
| 56 $outstr .= ' <div id="header">'.PHP_EOL; | 82 $outstr .= ' <div id="header">'.PHP_EOL; |
| 57 $outstr .= ' <button class="script-status ui-state-error">Status</button>'.PHP_EOL; | 83 $outstr .= ' <button class="script-status ui-state-error">Status</button>'.PHP_EOL; |
| 58 $outstr .= ' <button id="maintenance">Maintenance panel</button>'.PHP_EOL; | 84 $outstr .= ' <input type="button" id="maintenance" value="Maintenance panel" />'.PHP_EOL; |
| 59 $outstr .= ' </div> <!-- header -->'.PHP_EOL; | 85 $outstr .= ' </div> <!-- header -->'.PHP_EOL; |
| 60 $outstr .= liveview(); | 86 $outstr .= liveview(); |
| 87 | |
| 88 /* The maintenance popup window */ | |
| 89 $outstr .= ' <div id="maintenance_window">'.PHP_EOL; | |
| 90 $outstr .= ' <div id="maintenance_header">'.PHP_EOL; | |
| 91 $outstr .= ' Maintenance panel'.PHP_EOL; | |
| 92 $outstr .= ' </div>'.PHP_EOL; | |
| 93 $outstr .= ' <div id="maintenance_content">'.PHP_EOL; | |
| 94 $outstr .= ' Maintenancecontent'.PHP_EOL; | |
| 95 $outstr .= ' <input type="button" id="maintenance_ok" value="OK" style="margin-right: 10px" />'.PHP_EOL; | |
| 96 $outstr .= ' <input type="button" id="maintenance_cancel" value="Cancel" />'.PHP_EOL; | |
| 97 $outstr .= ' </div>'.PHP_EOL; | |
| 98 $outstr .= ' </div> <!-- maintenance_window -->'.PHP_EOL; | |
| 99 | |
| 61 $outstr .= ' </div> <!-- jqxWidget -->'.PHP_EOL; | 100 $outstr .= ' </div> <!-- jqxWidget -->'.PHP_EOL; |
| 62 $outstr .= ' <!-- Load scripts after the body, so they don\'t block rendering of the page -->'.PHP_EOL; | |
| 63 $outstr .= ' </body>'.PHP_EOL; | 101 $outstr .= ' </body>'.PHP_EOL; |
| 64 $outstr .= '</html>'.PHP_EOL; | 102 $outstr .= '</html>'.PHP_EOL; |
| 65 | 103 |
| 66 echo $outstr; | 104 echo $outstr; |
| 67 | 105 |
