74 lines
2.4 KiB
Plaintext
74 lines
2.4 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
|
|
<title>Funny goofy test page!!!!!1!</title>
|
|
</head>
|
|
<body>
|
|
<div class="position-absolute top-0 start-0 m-3">
|
|
<select class="form-select" id="phoneSelect">
|
|
<option value="2120">Front Desk</option>
|
|
<option value="2113">Cam</option>
|
|
<option value="2112">Cam 2</option>
|
|
<option value="2100">Ryan</option>
|
|
</select>
|
|
</div>
|
|
<div class="container-fluid d-flex justify-content-center align-items-center min-vh-100">
|
|
<div>
|
|
<table class="table table-borderless table-sm">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-left"><h3>Normal Announcements</h3></th>
|
|
<th class="text-left"><h3>Emergency Announcements</h3></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-left">
|
|
<button class="btn btn-primary mb-1 w-100" name="A1" onclick="triggerAnnouncement(this)" style="height: 76px;">Live Page</button>
|
|
</td>
|
|
<td class="text-left">
|
|
<button class="btn btn-danger mb-1 w-100" name="E1" onclick="triggerAnnouncement(this)" style="height: 76px;">Emergency Live Page</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left">
|
|
<button class="btn btn-success mb-1" name="A2" onclick="triggerAnnouncement(this)">Announcement 2</button>
|
|
</td>
|
|
<td class="text-left">
|
|
<button class="btn btn-warning mb-1" name="E2" onclick="triggerAnnouncement(this)">⛈️ Weather</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-left">
|
|
<button class="btn btn-info mb-1" name="A3" onclick="triggerAnnouncement(this)">Announcement 3</button>
|
|
</td>
|
|
<td class="text-left">
|
|
<button class="btn btn-dark mb-1" name="E3" onclick="triggerAnnouncement(this)">Emergency 3</button>
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<script src="/assets/js/bootstrap.min.js"></script>
|
|
<script src="/assets/js/bootstrap.bundle.min.js"></script>
|
|
<script src="/assets/js/jquery.min.js"></script>
|
|
<script>
|
|
function triggerAnnouncement(button) {
|
|
const ann = button.getAttribute('name');
|
|
const phoneSelect = document.getElementById('phoneSelect');
|
|
const phone = phoneSelect.value;
|
|
console.log(name)
|
|
fetch('/trig', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json'
|
|
},
|
|
body: JSON.stringify({ pageType: ann, phone: phone })
|
|
});
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |