|
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 ?> |