2010-06-06 16:05:46 +02:00
|
|
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2010-09-27 00:26:35 +02:00
|
|
|
<title>volkszaehler.org - web frontend</title>
|
2010-06-06 16:05:46 +02:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
2010-09-29 21:59:49 +02:00
|
|
|
<script type="text/javascript" src="javascripts/jquery-1.4.2.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jquery-ui-1.8.5.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jquery-treeTable.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jquery-extensions.js"></script>
|
2010-09-28 16:25:09 +02:00
|
|
|
|
2010-09-29 21:59:49 +02:00
|
|
|
<script type="text/javascript" src="javascripts/jqplot/jquery.jqplot.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.canvasAxisLabelRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.cursor.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.categoryAxisRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.barRenderer.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.highlighter.min.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-10-01 11:23:31 +02:00
|
|
|
<script type="text/javascript" src="javascripts/json2.js"></script>
|
2010-09-29 21:59:49 +02:00
|
|
|
<script type="text/javascript" src="javascripts/functions.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/script.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-09-29 21:59:49 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/jquery.jqplot.min.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/jquery.treeTable.css">
|
2010-09-28 16:25:09 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/ui-lightness/jquery-ui-1.8.4.css" rel="Stylesheet" />
|
2010-09-28 15:44:28 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/style.css">
|
2010-06-06 16:05:46 +02:00
|
|
|
</head>
|
|
|
|
|
|
2010-09-28 15:44:28 +02:00
|
|
|
<body>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-10-01 11:23:31 +02:00
|
|
|
<div id="content">
|
2010-09-28 15:44:28 +02:00
|
|
|
<div id="plot"></div>
|
2010-09-27 01:33:49 +02:00
|
|
|
|
|
|
|
|
<table id="move">
|
|
|
|
|
<tr>
|
2010-10-01 11:23:31 +02:00
|
|
|
<td><input type="image" src="images/control_rewind_blue.png" onclick="moveWindow('back')" value="«" /></td>
|
|
|
|
|
<td>
|
|
|
|
|
<input type="image" src="images/control_end_blue.png" onclick="moveWindow('last')" value="»»" />
|
|
|
|
|
<input type="image" src="images/arrow_refresh.png" onclick="loadData()" alt="refresh" />
|
|
|
|
|
</td>
|
|
|
|
|
<td><input type="image" src="images/control_fastforward_blue.png" onclick="moveWindow('forward')" value="»" /></td>
|
2010-09-27 01:33:49 +02:00
|
|
|
</tr>
|
|
|
|
|
</table>
|
2010-09-28 16:25:09 +02:00
|
|
|
|
|
|
|
|
<div id="accordion">
|
|
|
|
|
<h3>Kanäle</h3>
|
2010-10-01 11:23:31 +02:00
|
|
|
<div id="entities">
|
|
|
|
|
<table>
|
2010-09-29 21:59:49 +02:00
|
|
|
<thead>
|
|
|
|
|
<tr>
|
2010-10-01 11:23:31 +02:00
|
|
|
<th>Titel</th>
|
2010-09-29 21:59:49 +02:00
|
|
|
<th>Typ</th>
|
|
|
|
|
<th>Operationen</th>
|
2010-10-01 11:23:31 +02:00
|
|
|
<th>Anzeige</th>
|
2010-09-29 21:59:49 +02:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
</table>
|
2010-10-01 11:23:31 +02:00
|
|
|
<div id="addEntity"><input type="text" size="36" maxlength="36" name="uuid" value="UUID" /> <button><img src="images/add.png" alt="add" />Kanal hinzufügen</button></div>
|
|
|
|
|
</div>
|
2010-09-28 16:25:09 +02:00
|
|
|
<h3>Optionen</h3>
|
2010-09-28 18:17:45 +02:00
|
|
|
<div id="options">
|
2010-09-28 16:25:09 +02:00
|
|
|
<table>
|
2010-10-01 11:23:31 +02:00
|
|
|
<tr><td><label for="refresh"><img src="images/arrow_refresh.png" alt="refresh" /> Automatisch aktualisieren</label></td><td><input type="checkbox" name="refresh" /></td></tr>
|
|
|
|
|
<tr><td><label for="trendline"><img src="images/chart_line.png" alt="trendline" /> Trendline anzeigen</label></td><td><input type="checkbox" name="trendline" /></td></tr>
|
|
|
|
|
<tr><td><label for="backend"><img src="images/server.png" alt="backendUrl" /> Backend-Adresse</label></td><td><input type="text" name="backendUrl" /></td></tr>
|
|
|
|
|
<tr><td><label for="tuples"><img src="images/shading.png" alt="tuples" /> Tuples (Auflösung)</label></td><td><input type="text" name="tuples" /></td></tr>
|
2010-09-28 16:25:09 +02:00
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2010-06-06 16:05:46 +02:00
|
|
|
</div>
|
2010-10-01 11:23:31 +02:00
|
|
|
<div id="footer">
|
|
|
|
|
© 2010 - <a href="http://volkszaehler.org/">volkszaehler.org</a> - the open smartmeter platform
|
|
|
|
|
</div>
|
2010-06-06 16:05:46 +02:00
|
|
|
</body>
|
2010-09-11 05:09:00 +02:00
|
|
|
</html>
|
2010-09-11 07:37:28 +02:00
|
|
|
|
