2015-12-02 13:50:41 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
2016-06-08 23:21:42 +02:00
|
|
|
<title>VILLASnode / WebSocket Mockup</title>
|
2015-12-02 13:50:41 +01:00
|
|
|
<link rel="stylesheet" href="style.css" />
|
|
|
|
|
<link rel="stylesheet" href="jquery-ui/jquery-ui.theme.css" />
|
|
|
|
|
<link rel="stylesheet" href="jquery-ui/jquery-ui.structure.css" />
|
|
|
|
|
|
|
|
|
|
<script src="jquery/jquery.js"></script>
|
2016-07-11 18:19:48 +02:00
|
|
|
<script src="jquery-ui/jquery-ui.js"></script>
|
2015-12-02 13:50:41 +01:00
|
|
|
<script src="flot/jquery.flot.js"></script>
|
|
|
|
|
<script src="flot/jquery.flot.time.js"></script>
|
2016-02-04 16:28:31 +01:00
|
|
|
<script src="msg.js"></script>
|
2015-12-02 13:50:41 +01:00
|
|
|
<script src="app.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="header">
|
2016-07-11 18:19:48 +02:00
|
|
|
<img class="logo" alt="EONERC" src="logo.svg" />
|
2016-07-12 10:44:20 +02:00
|
|
|
<h1>VILLASnode / WebSocket Mockup</h1>
|
2015-12-02 13:50:41 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="container">
|
2015-12-04 01:49:33 +01:00
|
|
|
<ul class="node-selector"></ul>
|
|
|
|
|
|
2015-12-02 13:50:41 +01:00
|
|
|
<div class="plot-container">
|
|
|
|
|
<div id="placeholder" class="plot-placeholder"></div>
|
|
|
|
|
</div>
|
|
|
|
|
|
2015-12-04 01:49:33 +01:00
|
|
|
<div class="controls">
|
2016-07-12 10:44:20 +02:00
|
|
|
<div class="left">
|
|
|
|
|
<div class="inputs">
|
|
|
|
|
<dl>
|
|
|
|
|
<dt><label>Buttons</label></dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<button>1</button>
|
|
|
|
|
<button>2</button>
|
|
|
|
|
<button>3</button>
|
|
|
|
|
<button>4</button>
|
|
|
|
|
<button>5</button>
|
|
|
|
|
</dd>
|
2015-12-13 20:29:11 +01:00
|
|
|
|
2016-07-12 10:44:20 +02:00
|
|
|
<dt><label for="slider">Slider</label></dt>
|
|
|
|
|
<dd><div id="slider"></div></dd>
|
2015-12-13 20:29:11 +01:00
|
|
|
|
2016-07-12 10:44:20 +02:00
|
|
|
<dt><label for="text">Text</label></dt>
|
|
|
|
|
<dd><input type="text" id="text" /></dd>
|
2015-12-04 01:49:33 +01:00
|
|
|
|
2016-07-12 10:44:20 +02:00
|
|
|
<dt><label for="file">File</label></dt>
|
|
|
|
|
<dd><input type="file" onchange="fileStart(event)" /></dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div class="plot-controls">
|
|
|
|
|
<dl>
|
|
|
|
|
<dt><label for="timespan">Plot timespan</label></dt>
|
|
|
|
|
<dd><div id="timespan"></div></dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</div>
|
2016-07-11 18:19:48 +02:00
|
|
|
|
2016-07-12 10:44:20 +02:00
|
|
|
<div class="connection">
|
|
|
|
|
<dl>
|
|
|
|
|
<dt><label>Status</label></dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<button id="pause">Pause</button>
|
|
|
|
|
<button id="play">Play</button>
|
|
|
|
|
<span id="connectionStatus"></span>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<br style="clear: left;" />
|
2015-12-04 01:49:33 +01:00
|
|
|
</div>
|
2015-12-02 13:50:41 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="footer">
|
2016-07-12 10:44:20 +02:00
|
|
|
<div class="left">
|
|
|
|
|
<p>Copyright 2016: Institute for Automation of Complex Power Systems, </br>EON Energy Research Center, RWTH Aachen University, Germany</p>
|
|
|
|
|
<p>Authors: <a href="mailto:mgrigul@eonerc.rwth-aachen.de">Markus Grigul</a>, <a href="mailto:stvogel@eonerc.rwth-aachen.de">Steffen Vogel</a></p>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="right">
|
|
|
|
|
<p><a style="font-size: 1.5em" href="/doc/index.html" style="float: right">Documentation</a></p>
|
|
|
|
|
</div>
|
2015-12-02 13:50:41 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
