Tue, 07 Aug 2018 16:42:49 +0200
Initial web server
2 | 1 | <?php |
2 | ||
3 | ||
4 | /* | |
5 | * Look for the style names in the jqwidgets/styles directory. | |
6 | */ | |
7 | $my_style = 'ui-redmond'; | |
8 | //$my_style = 'ui-darkness'; | |
9 | //$my_style = 'metrodark'; | |
10 | //$my_style = 'android'; | |
11 | ||
12 | require_once('version.php'); | |
13 | ||
14 | ||
15 | $outstr = '<!DOCTYPE html>'.PHP_EOL; | |
16 | $outstr .= '<html lang="en">'.PHP_EOL; | |
17 | $outstr .= ' <head>'.PHP_EOL; | |
18 | $outstr .= ' <meta http-equiv="content-type" content="text/html; charset=utf-8" />'.PHP_EOL; | |
19 | $outstr .= ' <title id="Description">Brewery Managment System v'.$my_version.'</title>'.PHP_EOL; | |
20 | $outstr .= ' <link type="text/css" href="css/style.css" rel="stylesheet" media="all" />'.PHP_EOL; | |
21 | $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.base.css" rel="stylesheet" />'.PHP_EOL; | |
22 | $outstr .= ' <link type="text/css" href="jqwidgets/styles/jqx.'.$my_style.'.css" rel="stylesheet" />'.PHP_EOL; | |
23 | $outstr .= ' <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" />'.PHP_EOL; | |
24 | $outstr .= ' <script src="js/jquery-1.11.1.min.js"></script>'.PHP_EOL; | |
25 | $outstr .= ' <script src="jqwidgets/jqxcore.js"></script>'.PHP_EOL; | |
26 | $outstr .= ' <script src="jqwidgets/jqxbuttons.js"></script>'.PHP_EOL; | |
27 | $outstr .= ' <script src="jqwidgets/jqxscrollbar.js"></script>'.PHP_EOL; | |
28 | $outstr .= ' <script src="jqwidgets/jqxpanel.js"></script>'.PHP_EOL; | |
29 | $outstr .= ' <script src="jqwidgets/jqxtree.js"></script>'.PHP_EOL; | |
30 | $outstr .= ' <script src="jqwidgets/jqxexpander.js"></script>'.PHP_EOL; | |
31 | $outstr .= ' <script src="jqwidgets/jqxsplitter.js"></script>'.PHP_EOL; | |
32 | $outstr .= ' <script>'.PHP_EOL; | |
33 | $outstr .= ' $(document).ready(function () {'.PHP_EOL; | |
34 | $outstr .= ' // Create jqxTree'.PHP_EOL; | |
35 | $outstr .= ' $("#splitter").jqxSplitter({ theme: "'.$my_style.'", width: 1278, height: 618, panels: [{ size: 250}] });'.PHP_EOL; | |
36 | $outstr .= ' $("#jqxTree").jqxTree({ theme: "'.$my_style.'", height: "100%", width: "100%" });'.PHP_EOL; | |
37 | /* | |
38 | * Build the nodes subtree | |
39 | */ | |
40 | $outstr .= ' var nodeByID = $("#jqxTree").find("#Nodes")[0];'.PHP_EOL; | |
41 | $outstr .= ' $.getJSON("getnodes.php", function(data) {'.PHP_EOL; | |
42 | $outstr .= ' for( i = 0; i < data.length; i++ ) {'.PHP_EOL; | |
43 | $outstr .= ' console.log( "JSON Data: " + data[i].uuid + " " + data[ i ].node );'.PHP_EOL; | |
44 | $outstr .= ' $("#jqxTree").jqxTree("addTo", { id: data[i].uuid, label: data[i].node, icon: \'images/folder.png\' }, nodeByID);'.PHP_EOL; | |
45 | $outstr .= ' }'.PHP_EOL; | |
46 | $outstr .= ' });'.PHP_EOL; | |
47 | /* | |
48 | * Build the fermenters subtree | |
49 | */ | |
50 | $outstr .= ' var fermenterByID = $("#jqxTree").find("#Fermenters")[0];'.PHP_EOL; | |
51 | $outstr .= ' $.getJSON("getfermenters.php", function(data) {'.PHP_EOL; | |
52 | $outstr .= ' for( i = 0; i < data.length; i++ ) {'.PHP_EOL; | |
53 | $outstr .= ' console.log( "JSON Data: " + data[i].uuid + " " + data[i].node );'.PHP_EOL; | |
54 | $outstr .= ' $("#jqxTree").jqxTree("addTo", { id: data[i].uuid, label: data[i].node + "/" + data[i].alias, icon: \'images/folder.png\' }, fermenterByID);'.PHP_EOL; | |
55 | $outstr .= ' }'.PHP_EOL; | |
56 | $outstr .= ' });'.PHP_EOL; | |
57 | ||
58 | $outstr .= ' $("#jqxTree").css("visibility", "visible");'.PHP_EOL; | |
59 | //$outstr .= ' $("#jqxTree").jqxTree("render");'.PHP_EOL; | |
60 | $outstr .= ' $("#jqxTree").on("select", function (event) {'.PHP_EOL; | |
61 | $outstr .= ' $("#ContentPanel").html("<div style=\'margin: 10px;\'>" + event.args.element.id + "</div>");'.PHP_EOL; | |
62 | $outstr .= ' });'.PHP_EOL; | |
63 | $outstr .= ' });'.PHP_EOL; | |
64 | $outstr .= ' </script>'.PHP_EOL; | |
65 | $outstr .= ' </head>'.PHP_EOL; | |
66 | $outstr .= ' <body class="default">'.PHP_EOL; | |
67 | $outstr .= ' <div id="jqxWidget">'.PHP_EOL; | |
68 | $outstr .= ' <div id="header">'.PHP_EOL; | |
69 | $outstr .= ' <div id="title">BMS '.$my_version.'</div>'.PHP_EOL; | |
70 | $outstr .= ' </div> <!-- header -->'.PHP_EOL; | |
71 | $outstr .= ' <div id="splitter">'.PHP_EOL; | |
72 | $outstr .= ' <div> <!-- tree panel -->'.PHP_EOL; | |
73 | $outstr .= ' <div style="visibility: hidden; border: none;" id=\'jqxTree\'>'.PHP_EOL; | |
74 | $outstr .= ' <ul>'.PHP_EOL; | |
75 | $outstr .= ' <li id="Root" item-expanded=\'true\'>'.PHP_EOL; | |
76 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/earth.png\' />'.PHP_EOL; | |
77 | $outstr .= ' <span item-title="true">Root</span>'.PHP_EOL; | |
78 | $outstr .= ' <ul>'.PHP_EOL; | |
79 | $outstr .= ' <li id="Nodes">'.PHP_EOL; | |
80 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/folder.png\' />'.PHP_EOL; | |
81 | $outstr .= ' <span item-title="true">Systemen</span>'.PHP_EOL; | |
82 | // Subtree nodes | |
83 | $outstr .= ' </li>'.PHP_EOL; | |
84 | $outstr .= ' <li id="Fermenters">'.PHP_EOL; | |
85 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/folder.png\' />'.PHP_EOL; | |
86 | $outstr .= ' <span item-title="true">Klimatkasten</span>'.PHP_EOL; | |
87 | // Subtree fermenters | |
88 | $outstr .= ' </li>'.PHP_EOL; | |
89 | $outstr .= ' <li id="Brewboards">'.PHP_EOL; | |
90 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/settings.png\' />'.PHP_EOL; | |
91 | $outstr .= ' <span item-title="true">Brouw apparatuur</span>'.PHP_EOL; | |
92 | $outstr .= ' </li>'.PHP_EOL; | |
93 | // TODO: Subtree brewboards | |
94 | $outstr .= ' <li id="Prducing">'.PHP_EOL; | |
95 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/settings.png\' />'.PHP_EOL; | |
96 | $outstr .= ' <span item-title="true">In productie</span>'.PHP_EOL; | |
97 | $outstr .= ' </li>'.PHP_EOL; | |
98 | // TODO: Subtree production | |
99 | $outstr .= ' <li id="Recipes">'.PHP_EOL; | |
100 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/settings.png\' />'.PHP_EOL; | |
101 | $outstr .= ' <span item-title="true">Recepten</span>'.PHP_EOL; | |
102 | $outstr .= ' </li>'.PHP_EOL; | |
103 | // TODO: Subtree recipes. Verdelem in A B C D O ? | |
104 | $outstr .= ' <li id="Settings">'.PHP_EOL; | |
105 | $outstr .= ' <img style=\'float: left; margin-right: 5px;\' src=\'images/settings.png\' />'.PHP_EOL; | |
106 | $outstr .= ' <span item-title="true">Instellingen</span>'.PHP_EOL; | |
107 | $outstr .= ' </li>'.PHP_EOL; | |
108 | $outstr .= ' </ul>'.PHP_EOL; | |
109 | $outstr .= ' </li>'.PHP_EOL; | |
110 | $outstr .= ' </ul>'.PHP_EOL; | |
111 | $outstr .= ' </div> <!-- jqxTree -->'.PHP_EOL; | |
112 | $outstr .= ' </div> <!-- tree panel -->'.PHP_EOL; | |
113 | $outstr .= ' <div id="ContentPanel">'.PHP_EOL; | |
114 | $outstr .= ' </div>'.PHP_EOL; | |
115 | $outstr .= ' </div> <!--- splitter -->'.PHP_EOL; | |
116 | $outstr .= ' </div> <!-- jqxWidget -->'.PHP_EOL; | |
117 | $outstr .= ' </body>'.PHP_EOL; | |
118 | $outstr .= '</html>'.PHP_EOL; | |
119 | ||
120 | echo $outstr; | |
121 | ?> |