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-10-28 01:29:56 +02:00
|
|
|
|
|
|
|
|
<!-- jQuery -->
|
2010-10-22 13:59:14 +02:00
|
|
|
<script type="text/javascript" src="javascripts/jquery/jquery-1.4.2.min.js"></script>
|
2010-11-07 19:52:30 +01:00
|
|
|
<script type="text/javascript" src="javascripts/jquery/jquery-ui-1.8.6.min.js"></script>
|
2010-10-22 13:59:14 +02:00
|
|
|
<script type="text/javascript" src="javascripts/jquery/jquery-treeTable.min.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/jquery/jquery-extensions.js"></script>
|
2010-09-28 16:25:09 +02:00
|
|
|
|
2010-10-28 01:29:56 +02:00
|
|
|
<!-- misc helpers -->
|
2010-10-04 21:10:58 +02:00
|
|
|
<script type="text/javascript" src="javascripts/json.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/helper.js"></script>
|
2010-10-28 01:29:56 +02:00
|
|
|
<!--<script type="text/javascript" src="javascripts/firebug-lite.js"></script> loaded dynamically -->
|
2010-10-04 21:10:58 +02:00
|
|
|
|
2010-10-04 02:22:32 +02:00
|
|
|
<!--[if IE]><script language="javascript" type="text/javascript" src="javascripts/excanvas.min.js"></script><![endif]-->
|
|
|
|
|
<script type="text/javascript" src="javascripts/flot/jquery.flot.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/flot/jquery.flot.selection.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/flot/jquery.flot.navigate.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/flot/jquery.flot.crosshair.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/flot/jquery.flot.symbol.js"></script>
|
2010-10-22 13:59:14 +02:00
|
|
|
|
2010-10-28 01:29:56 +02:00
|
|
|
<!-- volkszaehler.org code -->
|
2010-10-22 13:59:14 +02:00
|
|
|
<script type="text/javascript" src="javascripts/init.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/options.js"></script>
|
2010-10-03 21:51:02 +02:00
|
|
|
<script type="text/javascript" src="javascripts/uuid.js"></script>
|
|
|
|
|
<script type="text/javascript" src="javascripts/frontend.js"></script>
|
2010-10-28 01:29:56 +02:00
|
|
|
<script type="text/javascript" src="javascripts/entity.js"></script>
|
2010-06-06 16:05:46 +02:00
|
|
|
|
2010-11-07 19:52:30 +01:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/ui-lightness/jquery-ui-1.8.6.css" />
|
2010-09-29 21:59:49 +02:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/jquery.treeTable.css">
|
2010-11-07 19:52:30 +01:00
|
|
|
<link rel="stylesheet" type="text/css" href="stylesheets/jquery.ui.custom.css">
|
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-11-01 17:43:57 +01:00
|
|
|
|
|
|
|
|
<div id="accordion">
|
2010-11-01 13:10:20 +01:00
|
|
|
<div id="controls">
|
2010-11-01 17:43:57 +01:00
|
|
|
<button value="move_back"><img src="images/control_rewind_blue.png" title="move back" /></button>
|
|
|
|
|
<button value="zoom_in"><img src="images/zoom_in.png" title="zoom in" /></button>
|
|
|
|
|
<button value="zoom_out"><img src="images/zoom_out.png" title="zoom out" /></button>
|
2010-11-01 14:51:41 +01:00
|
|
|
<button value="zoom_hour">Stunde</button>
|
|
|
|
|
<button value="zoom_day">Tag</button>
|
|
|
|
|
<button value="zoom_week">Woche</button>
|
|
|
|
|
<button value="zoom_month">Monat</button>
|
2010-11-01 17:43:57 +01:00
|
|
|
<button value="zoom_year">Jahr</button>
|
|
|
|
|
<button value="move_last"><img src="images/control_end_blue.png" title="move to present" /></button>
|
|
|
|
|
<button value="move_forward"><img src="images/control_fastforward_blue.png" title="move forward" /></button>
|
2010-11-01 13:10:20 +01:00
|
|
|
</div>
|
2010-09-28 16:25:09 +02:00
|
|
|
|
2010-10-08 22:35:17 +02:00
|
|
|
<h3><img src="images/table.png" alt="" /> 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-22 13:59:14 +02:00
|
|
|
<th><img src="images/eye.png" alt="Anzeige" title="Anzeige" /></th>
|
2010-10-03 20:13:05 +02:00
|
|
|
<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-30 21:00:40 +02:00
|
|
|
<div><button name="addUUID"><img src="images/add.png" alt="add" /> UUID abonnieren</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-10-08 22:35:17 +02:00
|
|
|
<h3><img src="images/wrench.png" alt="" /> 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>
|
2010-10-08 22:35:17 +02:00
|
|
|
<tr>
|
|
|
|
|
<td><label for="refresh"><img src="images/arrow_refresh.png" alt="" /> Automatisch aktualisieren (ms)</label></td>
|
|
|
|
|
<td><input type="checkbox" id="refresh" /></td>
|
|
|
|
|
<td></td>
|
2010-10-03 20:13:05 +02:00
|
|
|
</tr>
|
2010-10-06 06:34:36 +02:00
|
|
|
<tr id="rendering">
|
2010-10-08 22:35:17 +02:00
|
|
|
<td><img src="images/eye.png" alt="" /> Darstellung</td>
|
|
|
|
|
<td><label for="rendering_points"><input type="radio" id="rendering_points" name="rendering" value="points" /> Punkte</label></td>
|
|
|
|
|
<td><label for="rendering_lines"><input type="radio" id="rendering_lines" name="rendering" value="lines" /> Linien</label></td>
|
2010-10-06 06:34:36 +02:00
|
|
|
</tr>
|
2010-10-08 22:35:17 +02:00
|
|
|
<tr>
|
|
|
|
|
<td><label for="backendUrl"><img src="images/server.png" alt="" /> Backend-Adresse</label></td>
|
|
|
|
|
<td><input type="text" id="backendUrl" /></td>
|
2010-10-03 20:13:05 +02:00
|
|
|
<td></td>
|
|
|
|
|
</tr>
|
2010-10-08 22:35:17 +02:00
|
|
|
<tr>
|
|
|
|
|
<td><label for="tuples"><img src="images/shading.png" alt="" /> Tuples (Auflösung)</label></td>
|
|
|
|
|
<td><input type="text" id="tuples" size="5" /></td>
|
2010-10-03 20:13:05 +02:00
|
|
|
<td></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>
|
2010-10-10 17:58:26 +02:00
|
|
|
<p><label for="uuid">UUID: </label><input id="uuid" type="text" size="36" maxlength="36" /></p>
|
2010-10-03 20:13:05 +02:00
|
|
|
<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
|
|
|
|
