This repository has been archived on 2025-07-20. You can view files and clone it, but you cannot make any changes to it's state, such as pushing and creating new issues, pull requests or comments.
circuitbodge/circuit-laundry-notifier/templates/index.html
AKP caa8f92d65
Alter 4 files
Update `selectSite.js`
Update `submit.js`
Update `index.html`
Update `web.py`
2022-11-09 00:13:22 +00:00

62 lines
No EOL
2.8 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CircuitBodge</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
</head>
<body>
<div class="container pt-4">
<h2>CircuitBodge</h2>
<div id="working" style="display:none;">
<h4>Working...</h4>
</div>
<div id="error" style="display: none;">
<p id="error_text" style="color: red;"></p>
</div>
<div id="select_site" style="display:block;">
<div class="mb-3">
<label for="select_site__site_id_input" class="form-label">Circuit site ID</label>
<input type="text" class="form-control" id="select_site__site_id_input" placeholder="0000">
</div>
<button type="button" class="btn btn-primary" id="select_site__next_button">Next</button>
<p class="pt-2">You can find the Circuit site ID by going to <a href="https://www.circuit.co.uk/circuit-view" target="_blank">this page</a>, and selecting your accommodation. The site ID is the four digit number at the end of the URL.</p>
</div>
<div id="select_machine" style="display:none;">
<p>Selecting a machine at <span id="select_machine__site_name"></span>. <a onclick="window.location.reload()" href="#">Wrong site?</a></p>
<div class="mb-3">
<label for="select_machine__selection" class="form-label">Select a machine</label>
<select class="form-select" id="select_machine__selection"></select>
</div>
<button type="button" class="btn btn-primary" id="select_machine__next_button">Next</button>
</div>
<div id="submit" style="display:none;">
<div class="mb-3">
<label for="submit__ntfy_topic" class="form-label">ntfy.sh topic</label>
<input type="text" class="form-control" id="submit__ntfy_topic" placeholder="Randomly generated">
</div>
<button type="button" class="btn btn-primary" id="submit__next_button">Next</button>
</div>
<div id="success" style="display:none;">
<p id="success__text"></p>
</div>
</div>
<script src="/static/main.js"></script>
<script src="/static/selectMachine.js"></script>
<script src="/static/selectSite.js"></script>
<script src="/static/submit.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
</body>
</html>