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.highlighter.min.js"></script>
|
2010-10-02 18:12:55 +02:00
|
|
|
<script type="text/javascript" src="javascripts/jqplot/plugins/jqplot.trendline.min.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-10-03 21:51:02 +02:00
|
|
|
<script type="text/javascript" src="javascripts/json.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/uuid.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/helper.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/backend.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/frontend.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/init.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-10-02 18:12:55 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/ui-lightness/jquery-ui-1.8.5.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>
|
2010-10-02 18:12:55 +02:00
|
|
|
<input type="image" src="images/control_rewind_blue.png" value="move_back" />
|
|
|
|
|
<input type="image" onclick="plot" src="images/zoom_in.png" value="zoom_in" />
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<input type="image" src="images/control_end_blue.png" value="move_last" />
|
|
|
|
|
<input type="image" src="images/arrow_refresh.png" value="refresh" />
|
|
|
|
|
<input type="image" src="images/zoom.png" value="zoom_reset" />
|
|
|
|
|
</td>
|
|
|
|
|
<td>
|
|
|
|
|
<input type="image" src="images/zoom_out.png" value="zoom_out" />
|
|
|
|
|
<input type="image" src="images/control_fastforward_blue.png" value="move_forward" />
|
2010-10-01 11:23:31 +02:00
|
|
|
</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-03 20:13:05 +02:00
|
|
|
<th title="Anzeige">A</th>
|
|
|
|
|
<th></th>
|
2010-10-01 11:23:31 +02:00
|
|
|
<th>Titel</th>
|
2010-09-29 21:59:49 +02:00
|
|
|
<th>Typ</th>
|
2010-10-02 18:12:55 +02:00
|
|
|
<th>Min.</th>
|
|
|
|
|
<th>Max.</th>
|
|
|
|
|
<th>Avg.</th>
|
2010-10-03 20:13:05 +02:00
|
|
|
<th></th>
|
2010-09-29 21:59:49 +02:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody></tbody>
|
|
|
|
|
</table>
|
2010-10-03 20:13:05 +02:00
|
|
|
<div><button name="addUUID"><img src="images/add.png" alt="add" /> UUID hinzufügen</button> <button name="newEntity"><img src="images/star.png" alt="new" /> Entity erstellen</button></div>
|
2010-10-01 11:23:31 +02:00
|
|
|
</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-03 20:13:05 +02:00
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th>Option</th>
|
|
|
|
|
<th colspan="2">Wert</th>
|
|
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody>
|
|
|
|
|
<tr id="refresh">
|
|
|
|
|
<td><label for="refresh"><img src="images/arrow_refresh.png" alt="refresh" /> Automatisch aktualisieren (ms)</label></td>
|
|
|
|
|
<td><input type="checkbox" name="refresh" /></td>
|
|
|
|
|
<td><div class="slider"></div></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="trendline">
|
|
|
|
|
<td><label for="trendline"><img src="images/chart_line.png" alt="trendline" /> Trendline anzeigen</label></td>
|
|
|
|
|
<td><input type="checkbox" name="trendline" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="backendUrl">
|
|
|
|
|
<td><label for="backendUrl"><img src="images/server.png" alt="backendUrl" /> Backend-Adresse</label></td>
|
|
|
|
|
<td><input type="text" name="backendUrl" /></td>
|
|
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
|
|
|
|
<tr id="tuples">
|
|
|
|
|
<td><label for="tuples"><img src="images/shading.png" alt="tuples" /> Tuples (Auflösung)</label></td>
|
|
|
|
|
<td><input type="text" name="tuples" size="5" /></td>
|
|
|
|
|
<td><div class="slider"></div></td>
|
|
|
|
|
</tr>
|
|
|
|
|
</tbody>
|
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-10-03 20:13:05 +02:00
|
|
|
© 2010 - <a href="http://volkszaehler.org/">volkszaehler.org</a> - the open smartmeter platform
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- dialogs -->
|
|
|
|
|
<div id="addUUID" class="dialog">
|
|
|
|
|
<p>Hier können Sie einen existierenden Kanal über seine UUID hinzufügen</p>
|
|
|
|
|
<label>UUID</label><input name="uuid" type="text" size="36" maxlength="36" />
|
|
|
|
|
<input type="button" value="hinzufügen" />
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="newEntity" class="dialog">
|
|
|
|
|
<p>Hier können sie einen neuen Kanal hinzufügen:</p>
|
|
|
|
|
<fieldset><legend>Allgemeine Eigenschaften</legend>
|
|
|
|
|
<table>
|
|
|
|
|
<tr><td><label for="type">Typ:</label></td><td><select name="type"></select></td></tr>
|
|
|
|
|
<tr><td><label for="port">Port:</label></td><td><input type="text" name="port" /></td></tr>
|
|
|
|
|
</table>
|
|
|
|
|
</fieldset>
|
|
|
|
|
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Spezifische Eigenschaften</legend>
|
|
|
|
|
<table id="properties"></table>
|
|
|
|
|
<p>(*) required</p>
|
|
|
|
|
</fieldset>
|
|
|
|
|
<input type="button" value="hinzufügen" />
|
2010-10-01 11:23:31 +02:00
|
|
|
</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
|
|
|
|
