mirror of
https://git.rwth-aachen.de/acs/public/villas/node/
synced 2025-03-16 00:00:02 +01:00
87 lines
2.6 KiB
HTML
87 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<title>VILLASweb Mockup</title>
|
|
<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>
|
|
<script src="jquery-ui/jquery-ui.js"></script>
|
|
<script src="flot/jquery.flot.js"></script>
|
|
<script src="flot/jquery.flot.time.js"></script>
|
|
<script src="msg.js"></script>
|
|
<script src="app.js"></script>
|
|
</head>
|
|
<body>
|
|
<div id="wrapper">
|
|
<div id="header">
|
|
<img class="logo" alt="EONERC" src="logo.svg" />
|
|
<h1>VILLASweb Mockup</h1>
|
|
</div>
|
|
<div id="container">
|
|
<ul class="node-selector"></ul>
|
|
|
|
<div class="plot-container">
|
|
<div id="placeholder" class="plot-placeholder"></div>
|
|
</div>
|
|
|
|
<div class="controls">
|
|
<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>
|
|
|
|
<dt><label for="slider">Slider</label></dt>
|
|
<dd><div id="slider"></div></dd>
|
|
|
|
<dt><label for="text">Text</label></dt>
|
|
<dd><input type="text" id="text" /></dd>
|
|
|
|
<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>
|
|
|
|
<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;" />
|
|
</div>
|
|
</div>
|
|
<div id="footer">
|
|
<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:stvogel@eonerc.rwth-aachen.de">Steffen Vogel</a>, <a href="mailto:mgrigul@eonerc.rwth-aachen.de">Markus Grigul</a></p>
|
|
</div>
|
|
<div class="right">
|
|
<p><a style="font-size: 1.5em" href="/doc/index.html" style="float: right">Documentation</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|