<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>volkszaehler.org - web frontend</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link rel="shortcut icon" type="image/x-icon" href="../favicon.ico"> <link rel="apple-touch-icon" href="../favicon.ico"> <!-- jQuery --> <script type="text/javascript" src="javascripts/jquery/jquery-1.5.1.js"></script> <script type="text/javascript" src="javascripts/jquery/jquery-ui-1.8.10.min.js"></script> <script type="text/javascript" src="javascripts/jquery/jquery-treeTable.js"></script> <script type="text/javascript" src="javascripts/jquery/jquery-extensions.js"></script> <!--[if IE]><script language="javascript" type="text/javascript" src="javascripts/flot/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.crosshair.js"></script> <script type="text/javascript" src="javascripts/flot/jquery.flot.selection.js"></script> <script type="text/javascript" src="javascripts/helper.js"></script> <script type="text/javascript" src="javascripts/init.js"></script> <script type="text/javascript" src="javascripts/options.js"></script> <script type="text/javascript" src="javascripts/functions.js"></script> <script type="text/javascript" src="javascripts/entities.js"></script> <script type="text/javascript" src="javascripts/wui.js"></script> <script type="text/javascript" src="javascripts/entity.js"></script> <link rel="stylesheet" type="text/css" href="stylesheets/ui-lightness/jquery-ui-1.8.10.css" /> <link rel="stylesheet" type="text/css" href="stylesheets/jquery.treeTable.css"> <link rel="stylesheet" type="text/css" href="stylesheets/jquery.ui.custom.css"> <link rel="stylesheet" type="text/css" href="stylesheets/style.css"> </head> <body> <div id="header"></div> <div id="content"> <div id="headline"> <h2 id="title"></h2> <div id="links"> <button id="snapshot"><img src="images/image.png" alt="snaptshot" /> Snapshot</button> <button id="permalink"><img src="images/link.png" alt="permalink" /> Permalink</button> </div> <br style="clear: both" /> </div> <div id="plot"> <div id="flot"></div> <div id="overlay"></div> </div> <div id="accordion"> <div id="controls"> <button value="move-back" title="scroll backward"><img src="images/control_rewind_blue.png"/></button> <button value="move-forward" title="scroll forward"><img src="images/control_fastforward_blue.png"/></button> <button value="move-last" title="scroll to presence">Jetzt <img src="images/control_end_blue.png"/></button> <button value="zoom-in" title="zoom in"><img src="images/zoom_in.png"/></button> <button value="zoom-out" title="zoom out"><img src="images/zoom_out.png"/></button> <button value="zoom-hour">Stunde</button> <button value="zoom-day">Tag</button> <button value="zoom-week">Woche</button> <button value="zoom-month">Monat</button> <button value="zoom-year">Jahr</button> </div> <h3><img src="images/table.png" alt="" /> Kanäle</h3> <div id="entity-list"> <table> <thead> <tr> <th><img src="images/eye.png" alt="Anzeige" title="Anzeige" /></th> <th></th> <th>Titel</th> <th>Typ</th> <th>Min.</th> <th>Max.</th> <th>∅</th> <th>aktuell</th> <th>Verbrauch</th> <th>Kosten</th> <th>Aktion</th> </tr> </thead> <tbody></tbody> </table> <div><button name="entity-add"><img src="images/add.png" alt="add" /> Kanal hinzufügen</button></div> </div> <h3><img src="images/wrench.png" alt="" /> Optionen</h3> <div id="options"> <table> <thead> <tr> <th>Option</th> <th>Wert</th> </tr> </thead> <tbody> <tr> <td><label for="refresh"><img src="images/arrow_refresh.png" alt="" /> Automatisch aktualisieren</label></td> <td><input type="checkbox" id="refresh" /> <span id="refresh-time"><span></td> </tr> <tr> <td><img src="images/eye.png" alt="" /> Darstellung</td> <td> <label for="render-points"><input type="radio" id="render-points" name="render" value="points" /> Punkte</label> <label for="render-lines"><input type="radio" id="render-lines" name="render" value="lines" /> Linien</label> </td> </tr> </tbody> </table> <div><button name="options-save"><img src="images/save.png" alt="save" /> Einstellungen speichern</button></div> </div> </div> </div> <div id="footer"> © 2011 - <a href="http://volkszaehler.org/">volkszaehler.org</a> - the open smartmeter platform </div> <!-- dialogs --> <div id="entity-move" class="dialog"> <p> <span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span> Sie sind im Begriff einen Kanal oder eine Gruppe zu Verschieben! </p> </div> <div id="entity-add" class="dialog"> <div class="tabs"> <ul> <li><a href="#entity-subscribe">Kanal abonnieren</a></li> <li><a href="#entity-public">öffentliche Kanäle</a></li> <li><a href="#entity-create">Kanal erstellen</a></li> </ul> <div id="entity-subscribe"> <p>Hier können Sie einen existierenden Kanal über seine UUID hinzufügen</p> <table> <tr><td><label for="entity-subscribe-middleware">Middleware:</label></td><td><input id="entity-subscribe-middleware" type="text" size="36" /></td></tr> <tr><td><label for="entity-subscribe-uuid">UUID:</label></td><td><input id="entity-subscribe-uuid" type="text" size="36" maxlength="36" /></td></tr> </table> <p><input type="button" value="Abonnieren" /> <label for="entity-subscribe-cookie">Cookie:</label> <input id="entity-subscribe-cookie" type="checkbox" /></p> </div> <div id="entity-public"> <p>Hier können Sie öffentliche Kanäle abonnieren.</p> <table> <tr><td><label for="entity-public-middleware">Middleware:</label></td><td><select id="entity-public-middleware"></select></td></tr> <tr><td><label for="entity-public-entity">Kanal:</label></td><td><select id="entity-public-entity" size="1"></select></td></tr> </table> <p><input type="button" value="Abonnieren" /> <label for="entity-public-cookie">Cookie:</label> <input id="entity-public-cookie" type="checkbox" /></p> </div> <div id="entity-create"> <form method="get" target="_blank"> <table> <tr class="property"><th>Eigenschaft</th><th>Wert</th></tr> <tr class="property"><td>Middleware:></td><td><input type="text" id="entity-create-middleware" /></td></tr> <tr class="property"><td>Typ:</td><td><select id="enti"name="type" size="1"></select></td></tr> <tr class="property"><td>Öffentlich:</td><td><input type="radio" name="public" value="1"> ja <input type="radio" name="public" value="0"> nein</td></tr> <tr class="property"><td>Titel:</td><td><input type="text" name="title" value="Kühlschrank" /></td></tr> <tr class="property"><td>Auflösung:</td><td><input type="text" name="resolution" value="1000" /></td></tr> <tr class="property"><td>Kosten:<br /><p style="font-size: small">pro Wh</p></td><td><input type="text" name="cost" value="0.00025" /> €</td></tr> <tr class="property"><td>Beschreibung:</td><td><input type="text" name="description" value="Swissnox 1-phasig" /></td></tr> </table> <input type="hidden" name="operation" value="add" /> <p><input type="submit" value="Erstellen" /></p> <p>Es wird ein neuer Kanal erstellt. Die Antwort der Middleware enthält dann die UUID.<br /> Diese muss dann im Controller angegeben werden (z.B. AVR Net-IO).</p> </form> </div> </div> </div> </body> </html>