72 lines
2.2 KiB
HTML
72 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Arnold — Terminator I/O</title>
|
|
<link rel="stylesheet" href="/web/style.css">
|
|
</head>
|
|
<body>
|
|
<!-- Status bar -->
|
|
<header id="status-bar">
|
|
<div id="status-devices"></div>
|
|
<div id="status-message"></div>
|
|
</header>
|
|
|
|
<!-- Main 3-panel layout -->
|
|
<main id="panels">
|
|
<!-- Inputs panel -->
|
|
<section id="input-panel" class="panel">
|
|
<h2>Inputs</h2>
|
|
<div id="digital-inputs">
|
|
<h3 class="sub-header hidden">Digital</h3>
|
|
<div id="digital-input-list" class="signal-list"></div>
|
|
</div>
|
|
<div id="analog-inputs">
|
|
<h3 class="sub-header hidden">Analog</h3>
|
|
<div id="analog-input-list" class="signal-list"></div>
|
|
</div>
|
|
<div id="no-inputs" class="empty-msg">(none)</div>
|
|
</section>
|
|
|
|
<!-- Outputs panel -->
|
|
<section id="output-panel" class="panel">
|
|
<h2>Outputs</h2>
|
|
<div id="digital-outputs">
|
|
<h3 class="sub-header hidden">Digital</h3>
|
|
<div class="bulk-actions hidden" id="digital-bulk">
|
|
<button id="btn-all-off" title="All digital outputs OFF">All OFF</button>
|
|
<button id="btn-all-on" title="All digital outputs ON">All ON</button>
|
|
</div>
|
|
<div id="digital-output-list" class="signal-list"></div>
|
|
</div>
|
|
<div id="analog-outputs">
|
|
<h3 class="sub-header hidden">Analog</h3>
|
|
<div id="analog-output-list" class="signal-list"></div>
|
|
</div>
|
|
<div id="no-outputs" class="empty-msg">(none)</div>
|
|
</section>
|
|
|
|
<!-- Sequences panel -->
|
|
<section id="sequence-panel" class="panel panel-wide">
|
|
<h2>Sequences</h2>
|
|
<div id="sequence-idle">
|
|
<div id="sequence-list"></div>
|
|
<div id="last-run-summary" class="hidden"></div>
|
|
</div>
|
|
<div id="sequence-running" class="hidden">
|
|
<div id="run-header"></div>
|
|
<div id="run-progress-bar"><div id="run-progress-fill"></div></div>
|
|
<div id="run-step-list"></div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer id="footer">
|
|
Arnold — Terminator I/O Server
|
|
</footer>
|
|
|
|
<script src="/web/app.js"></script>
|
|
</body>
|
|
</html>
|