railway over mqtt

change copilot to mqtt

Signed-off-by: Peter Siegmund <developer@mars3142.org>
This commit is contained in:
2026-04-11 21:02:36 +02:00
parent 6c0225061a
commit b635fdb981
15 changed files with 405 additions and 298 deletions
+12 -12
View File
@@ -10,20 +10,20 @@
<div class="uspi-wrapper">
<form id="property-inspector">
<div class="uspi-item">
<div class="uspi-item-label" data-localize>URL</div>
<input class="uspi-item-value" type="text" name="url" placeholder="https://..." />
<div class="uspi-item-label" data-localize>MQTT URI</div>
<input class="uspi-item-value" type="text" name="uri" placeholder="wss://mqtt.example.com" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Refresh Rate</div>
<select class="uspi-item-value" name="refreshRate">
<option value="0" data-localize>On Press</option>
<option value="1" data-localize>Every 1 min</option>
<option value="2" data-localize>Every 2 min</option>
<option value="3" data-localize>Every 5 min</option>
<option value="4" selected data-localize>Every 10 min</option>
<option value="5" data-localize>Every 30 min</option>
<option value="6" data-localize>Every Hour</option>
</select>
<div class="uspi-item-label" data-localize>Username</div>
<input class="uspi-item-value" type="text" name="username" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Password</div>
<input class="uspi-item-value" type="password" name="password" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Topic</div>
<input class="uspi-item-value" type="text" name="topic" placeholder="copilot/usage" />
</div>
</form>
</div>
@@ -1,25 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Model Railway</title>
<link rel="stylesheet" href="../../libs/css/uspi.css">
</head>
<body>
<div class="uspi-wrapper">
<form id="property-inspector">
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Server</div>
<input class="uspi-item-value" type="text" name="host" placeholder="system-control.local" />
</div>
</form>
</div>
<script src="../../libs/js/constants.js"></script>
<script src="../../libs/js/eventEmitter.js"></script>
<script src="../../libs/js/utils.js"></script>
<script src="../../libs/js/ulanzideckApi.js"></script>
<script src="./inspector.js"></script>
</body>
</html>
+37
View File
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<title>Model Railway</title>
<link rel="stylesheet" href="../../libs/css/uspi.css">
</head>
<body>
<div class="uspi-wrapper">
<form id="property-inspector">
<div class="uspi-item">
<div class="uspi-item-label" data-localize>MQTT URI</div>
<input class="uspi-item-value" type="text" name="uri" placeholder="wss://broker.example.com:8883" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Username</div>
<input class="uspi-item-value" type="text" name="username" placeholder="user" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Password</div>
<input class="uspi-item-value" type="password" name="password" />
</div>
<div class="uspi-item">
<div class="uspi-item-label" data-localize>Device ID</div>
<input class="uspi-item-value" type="text" name="deviceId" placeholder="DC:54:75:D6:09:AC" />
</div>
</form>
</div>
<script src="../../libs/js/constants.js"></script>
<script src="../../libs/js/eventEmitter.js"></script>
<script src="../../libs/js/utils.js"></script>
<script src="../../libs/js/ulanzideckApi.js"></script>
<script src="./inspector.js"></script>
</body>
</html>
@@ -1,7 +1,7 @@
let ACTION_SETTING = {};
let form = '';
$UD.connect('dev.mars3142.ulanzideck.collection.modelrailway');
$UD.connect('dev.mars3142.ulanzideck.collection.railway');
$UD.onConnected(() => {
form = document.querySelector('#property-inspector');