2015-12-02 13:50:41 +01:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
|
|
|
<title>S2SS / WebSocket 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="app.js"></script>
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
<div id="header">
|
|
|
|
|
<img class="logo" alt="EONERC" src="eonerc_logo.png" />
|
|
|
|
|
<h1>S2SS / WebSocket Mockup</h1>
|
|
|
|
|
</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">
|
|
|
|
|
<p>
|
|
|
|
|
<span>Trigger:</span>
|
|
|
|
|
<button onclick="onButtonClick(1)">On</button>
|
|
|
|
|
<button onclick="onButtonClick(0)">Off</button>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<span>Slider:</span>
|
|
|
|
|
<div id="slider"></div>
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<p>
|
|
|
|
|
<span>Value:</span>
|
|
|
|
|
<input type="text" onchange="onTextChange()" />
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
2015-12-02 13:50:41 +01:00
|
|
|
|
2015-12-04 01:49:33 +01:00
|
|
|
<div class="connection">
|
|
|
|
|
<span>Status:</span> <span id="connectionStatus"></span>
|
|
|
|
|
<button id="pause" onclick="wsDisconnect()">Pause</button>
|
|
|
|
|
<button id="pause" onclick="wsConnect()">Play</button>
|
|
|
|
|
</div>
|
2015-12-02 13:50:41 +01:00
|
|
|
</div>
|
|
|
|
|
<div id="footer">
|
2015-12-04 01:49:33 +01:00
|
|
|
<p>Copyright 2015: Institute for Automation of Complex Power Systems,
|
|
|
|
|
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>
|
2015-12-02 13:50:41 +01:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
