46 lines
1.7 KiB
HTML
46 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>funknetz</title>
|
|
<link rel="stylesheet" href="app.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="status">
|
|
<p id="connection">Disconnected</p>
|
|
<button id="gear" type="button" aria-label="Config">⚙</button>
|
|
</div>
|
|
<p>Callsign <span id="callsign"></span></p>
|
|
<p>Talk group <span id="talkgroup"></span></p>
|
|
<p id="protocol"></p>
|
|
<p id="detail">Idle</p>
|
|
<button id="ptt" type="button">Push to talk</button>
|
|
</main>
|
|
<div id="config" hidden>
|
|
<form id="config-form">
|
|
<h1>Config</h1>
|
|
<p id="config-error" hidden></p>
|
|
<label>Host <input id="host" name="host" autocomplete="off"></label>
|
|
<label>Port <input id="port" name="port" inputmode="numeric" autocomplete="off"></label>
|
|
<label>Callsign <input id="callsign-field" name="callsign" autocomplete="off"></label>
|
|
<label>Auth key
|
|
<span class="secret">
|
|
<input id="authKey" name="authKey" type="password" autocomplete="off">
|
|
<button id="auth-toggle" type="button">Show</button>
|
|
</span>
|
|
</label>
|
|
<label>Talk group <input id="talkGroup" name="talkGroup" inputmode="numeric" autocomplete="off"></label>
|
|
<label>Certificate directory <input id="certificateDir" name="certificateDir" autocomplete="off"></label>
|
|
<label class="check">Enable logging <input id="enableLogging" name="enableLogging" type="checkbox"></label>
|
|
<label>Log file <input id="logFile" name="logFile" autocomplete="off"></label>
|
|
<div class="actions">
|
|
<button id="cancel" type="button">Cancel</button>
|
|
<button id="save" type="submit">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|