47 lines
1.5 KiB
HTML
47 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Werma Signal Controler</title>
|
|
<style>
|
|
html {
|
|
font-family: Arial, sans-serif;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h1>Werma Light Control</h1>
|
|
This is a small web interface to control the lights and buzzer of a Werma signal tower using the <a href="https://www.werma.com/de/s_c4i595/USB-Anschlusselement_RM_5VDC_BK/64084000.html">640.840.00 connection module</a>. It assumes that: Ring 1 is green, Ring 2 is yellow, Ring 3 is red, Ring 4 is buzzer. Ring 5 is assumed to be unconnected
|
|
<section>
|
|
<h2>Buzzer</h2>
|
|
<p>
|
|
<button onclick="setBuzz(0)">Off</button>
|
|
<button onclick="setBuzz(1)">On</button><br>
|
|
<button onclick="setBuzz(2)">Pulse</button>
|
|
<button onclick="setBuzz(3)">Pulse (alternate)</button><br>
|
|
</p>
|
|
<hr>
|
|
<h2>Lights</h2>
|
|
<i>Auto applies changes</i>
|
|
Ring 1 - Red: <input type="num" id="light1" value="0" max="3"><br>
|
|
Ring 2 - Yellow: <input type="num" id="light2" value="0" max="3"><br>
|
|
Ring 3 - Green: <input type="num" id="light3" value="0" max="3"><br>
|
|
<hr>
|
|
<p>
|
|
0 - Off<br>
|
|
1 - On<br>
|
|
2 - Pulse<br>
|
|
3 - Pulse (alternate)
|
|
</p>
|
|
<hr>
|
|
<h2>Connection control</h2>
|
|
<button onclick="connectToLight()">Connect to device</button><br><br>
|
|
<button onclick="sendLightData()">Send data to device</button><br>
|
|
|
|
</section>
|
|
|
|
<!-- make three selector-->
|
|
</body>
|
|
<script src="script.js"></script>
|
|
</html> |