vzlogger/frontend/index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<title>volkszaehler.org - web frontend</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

	<!-- jQuery -->
	<script type="text/javascript" src="javascripts/jquery/jquery-1.4.2.min.js"></script>
	<script type="text/javascript" src="javascripts/jquery/jquery-ui-1.8.6.min.js"></script>
	<script type="text/javascript" src="javascripts/jquery/jquery-treeTable.min.js"></script>
	<script type="text/javascript" src="javascripts/jquery/jquery-extensions.js"></script>
	
	<!-- misc helpers -->
	<script type="text/javascript" src="javascripts/json.js"></script>
	<script type="text/javascript" src="javascripts/helper.js"></script>
	<!--<script type="text/javascript" src="javascripts/firebug-lite.js"></script> loaded dynamically -->
	
	<!--[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>

	<!-- volkszaehler.org code -->
	<script type="text/javascript" src="javascripts/init.js"></script>	
	<script type="text/javascript" src="javascripts/options.js"></script>
	<script type="text/javascript" src="javascripts/uuid.js"></script>
	<script type="text/javascript" src="javascripts/frontend.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.6.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="content">
	<div id="plot">
		<div id="flot"></div>
		<div id="overlay"></div>
	</div>	

<div id="accordion">
	<div id="controls">
		<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>
		<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>
		<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>
	</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>Avg.</th>
					<th></th>
				</tr>
			</thead>
			<tbody></tbody>
		</table>
		<div><button name="entity-add"><img src="images/add.png" alt="add" /> Kanal hinzuf&uuml;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" /></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>
					<tr>
						<td><label for="backend-url"><img src="images/server.png" alt="" /> Backend-Adresse</label></td>
						<td><input type="text" id="backend-url" /></td>
					</tr>
					<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>
					</tr>
				</tbody>
			</table>
		</div>
	</div>
</div>
<div id="footer">
	&copy; 2010 - <a href="http://volkszaehler.org/">volkszaehler.org</a> - the open smartmeter platform
</div>

<!-- dialogs -->
<div id="entity-add" class="dialog">
	<div class="tabs">
		<ul>
			<li><a href="#entity-subscribe">Kanal abonnieren</a></li>
			<li><a href="#entity-create">Kanal erstellen</a></li>
			<li><a href="#public-entities">&ouml;ffentliche Kan&auml;le</a></li>
		</ul>
		<div id="entity-subscribe">
			<p>Hier k&ouml;nnen Sie einen existierenden Kanal über seine UUID hinzuf&uuml;gen</p>
			<p><label for="uuid">UUID: </label><input id="uuid" type="text" size="36" maxlength="36" /></p>
			<input type="button" value="hinzufügen" />
		</div>
		<div id="entity-create">
			<p>Hier können Sie einen neuen Kanal erstellen</p>

			<input type="button" value="erstellen" />
		</div>
		<div id="public-entities">
			<p>Hier k&ouml;nnen Sie demn&auml;chst &ouml;ffentliche Kan&auml;le abonnieren.</p>
		</div>
	</div>
</div>
</body>
</html>
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 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>`
seperated code from layout and structure 2010-09-27 00:26:35 +02:00			`<title>volkszaehler.org - web frontend</title>`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00			`<meta http-equiv="Content-Type" content="text/html; charset=utf-8">`
added comments 2010-10-28 01:29:56 +02:00
			`<!-- jQuery -->`
moved jquery scripts in new directory 2010-10-22 13:59:14 +02:00			`<script type="text/javascript" src="javascripts/jquery/jquery-1.4.2.min.js"></script>`
finished controls redesign 2010-11-07 19:52:30 +01:00			`<script type="text/javascript" src="javascripts/jquery/jquery-ui-1.8.6.min.js"></script>`
moved jquery scripts in new directory 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>`
beautified frontend 2010-09-28 16:25:09 +02:00
added comments 2010-10-28 01:29:56 +02:00			`<!-- misc helpers -->`
made javascript code object-oriented 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>`
added comments 2010-10-28 01:29:56 +02:00			`<!--<script type="text/javascript" src="javascripts/firebug-lite.js"></script> loaded dynamically -->`
made javascript code object-oriented 2010-10-04 21:10:58 +02:00
adapted to flot 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>`
moved jquery scripts in new directory 2010-10-22 13:59:14 +02:00
added comments 2010-10-28 01:29:56 +02:00			`<!-- volkszaehler.org code -->`
moved jquery scripts in new directory 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>`
restructured javascript code in more files 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>`
added comments 2010-10-28 01:29:56 +02:00			`<script type="text/javascript" src="javascripts/entity.js"></script>`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00
finished controls redesign 2010-11-07 19:52:30 +01:00			`<link rel="stylesheet" type="text/css" href="stylesheets/ui-lightness/jquery-ui-1.8.6.css" />`
added treeTable for channels restructed ad bit 2010-09-29 21:59:49 +02:00			`<link rel="stylesheet" type="text/css" href="stylesheets/jquery.treeTable.css">`
finished controls redesign 2010-11-07 19:52:30 +01:00			`<link rel="stylesheet" type="text/css" href="stylesheets/jquery.ui.custom.css">`
simplified frontend again, adapted to new format 2010-09-28 15:44:28 +02:00			`<link rel="stylesheet" type="text/css" href="stylesheets/style.css">`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00			`</head>`

simplified frontend again, adapted to new format 2010-09-28 15:44:28 +02:00			`<body>`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`<div id="content">`
improved controls added overlay for loading animation 2010-11-07 22:20:24 +01:00			`<div id="plot">`
			`<div id="flot"></div>`
enabled resizing of plot 2010-11-07 23:08:08 +01:00			`<div id="overlay"></div>`
improved controls added overlay for loading animation 2010-11-07 22:20:24 +01:00			`</div>`
beautified controls 2010-11-01 17:43:57 +01:00
			`<div id="accordion">`
beautified controls 2010-11-01 13:10:20 +01:00			`<div id="controls">`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +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>`
			`<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>`
			`<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>`
beautified controls 2010-11-01 13:10:20 +01:00			`</div>`
beautified frontend 2010-09-28 16:25:09 +02:00
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<h3><img src="images/table.png" alt="" /> Kanäle</h3>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<div id="entity-list">`
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`<table>`
added treeTable for channels restructed ad bit 2010-09-29 21:59:49 +02:00			`<thead>`
			`<tr>`
moved jquery scripts in new directory 2010-10-22 13:59:14 +02:00			`<th><img src="images/eye.png" alt="Anzeige" title="Anzeige" /></th>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`<th></th>`
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`<th>Titel</th>`
added treeTable for channels restructed ad bit 2010-09-29 21:59:49 +02:00			`<th>Typ</th>`
worked on frontend javascript code (jqPlot drawing is buggy & needs some research) 2010-10-02 18:12:55 +02:00			`<th>Min.</th>`
			`<th>Max.</th>`
			`<th>Avg.</th>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`<th></th>`
added treeTable for channels restructed ad bit 2010-09-29 21:59:49 +02:00			`</tr>`
			`</thead>`
			`<tbody></tbody>`
			`</table>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<div><button name="entity-add"><img src="images/add.png" alt="add" /> Kanal hinzufügen</button></div>`
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`</div>`
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<h3><img src="images/wrench.png" alt="" /> Optionen</h3>`
frontend is processing.. 2010-09-28 18:17:45 +02:00			`<div id="options">`
beautified frontend 2010-09-28 16:25:09 +02:00			`<table>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`<thead>`
			`<tr>`
			`<th>Option</th>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<th>Wert</th>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`</tr>`
			`</thead>`
			`<tbody>`
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<tr>`
enabled resizing of plot 2010-11-07 23:08:08 +01:00			`<td><label for="refresh"><img src="images/arrow_refresh.png" alt="" /> Automatisch aktualisieren</label></td>`
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<td><input type="checkbox" id="refresh" /></td>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`</tr>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<tr>`
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<td><img src="images/eye.png" alt="" /> Darstellung</td>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<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>`
sry im to tired to continue :p 2010-10-06 06:34:36 +02:00			`</tr>`
several visual improvements code cleanup 2010-10-08 22:35:17 +02:00			`<tr>`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<td><label for="backend-url"><img src="images/server.png" alt="" /> Backend-Adresse</label></td>`
			`<td><input type="text" id="backend-url" /></td>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`</tr>`
several visual improvements code cleanup 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>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`</tr>`
			`</tbody>`
beautified frontend 2010-09-28 16:25:09 +02:00			`</table>`
			`</div>`
			`</div>`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00			`</div>`
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`<div id="footer">`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00			`© 2010 - <a href="http://volkszaehler.org/">volkszaehler.org</a> - the open smartmeter platform`
			`</div>`

			`<!-- dialogs -->`
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<div id="entity-add" class="dialog">`
			`<div class="tabs">`
			`<ul>`
			`<li><a href="#entity-subscribe">Kanal abonnieren</a></li>`
			`<li><a href="#entity-create">Kanal erstellen</a></li>`
			`<li><a href="#public-entities">öffentliche Kanäle</a></li>`
			`</ul>`
			`<div id="entity-subscribe">`
			`<p>Hier können Sie einen existierenden Kanal über seine UUID hinzufügen</p>`
			`<p><label for="uuid">UUID: </label><input id="uuid" type="text" size="36" maxlength="36" /></p>`
			`<input type="button" value="hinzufügen" />`
			`</div>`
			`<div id="entity-create">`
			`<p>Hier können Sie einen neuen Kanal erstellen</p>`
i'm loving js (sry there's no better comment for this commit ;) removed obsolete jstree several smaller changes 2010-10-03 20:13:05 +02:00
fixed option cookies removed entity dialog done some renaming 2010-12-10 17:20:50 +01:00			`<input type="button" value="erstellen" />`
			`</div>`
			`<div id="public-entities">`
			`<p>Hier können Sie demnächst öffentliche Kanäle abonnieren.</p>`
			`</div>`
			`</div>`
its going on.. (unfortunatly with some smaller bugs) 2010-10-01 11:23:31 +02:00			`</div>`
first commit to project repository, lets work together! import of my reworked version of justins code merged f10's frontend (some work nescessary) 2010-06-06 16:05:46 +02:00			`</body>`
getting fe and be together 2010-09-11 05:09:00 +02:00			`</html>`
changed path to backend data-controller 2010-09-11 07:37:28 +02:00