blob: 4813c069fd92a18baafdfe85280ec51f9050fa9e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
|
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Victoria Hall LaundryWeb Admin Panel</title>
<link rel="stylesheet" href="./admin-style.css">
</head>
<body>
<h1>LaundryWeb Admin Panel</h1>
<p id="unauthorised">You are unauthorised.</p>
<!-- even if you make this div visible, you won't be able to do anything if you are unauthorised -->
<div id="authorised">
<div class="blocks-container">
<div class="admin-machine-container" style="background-color: lightyellow;">
<h2>Block H2</h2>
<div>
<span>Dryer 1</span>
<img id="h2m1img" src="/assets/img/dryer_off.png" alt="">
<select id="h2m1" name="" onchange="overrideMachineStatus(2, 1);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Washer 1</span>
<img id="h2m2img" src="/assets/img/washer_off.png" alt="">
<select id="h2m2" name="" onchange="overrideMachineStatus(2, 2);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Dryer 2</span>
<img id="h2m3img" src="/assets/img/dryer_off.png" alt="">
<select id="h2m3" name="" onchange="overrideMachineStatus(2, 3);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Washer 2</span>
<img id="h2m4img" src="/assets/img/washer_off.png" alt="">
<select id="h2m4" name="" onchange="overrideMachineStatus(2, 4);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
</div>
<div class="admin-machine-container" style="background-color: skyblue;">
<h2>Block H1</h2>
<div>
<span>Dryer 1</span>
<img id="h1m1img" src="/assets/img/dryer_off.png" alt="">
<select id="h1m1" name="" onchange="overrideMachineStatus(1, 1);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Washer 1</span>
<img id="h1m2img" src="/assets/img/washer_off.png" alt="">
<select id="h1m2" name="" onchange="overrideMachineStatus(1, 2);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Dryer 2</span>
<img id="h1m3img" src="/assets/img/dryer_off.png" alt="">
<select id="h1m3" name="" onchange="overrideMachineStatus(1, 3);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
<div>
<span>Washer 2</span>
<img id="h1m4img" src="/assets/img/washer_off.png" alt="">
<select id="h1m4" name="" onchange="overrideMachineStatus(1, 4);">
<option value="normal">Normal</option>
<option value="down">Out of Service</option>
</select>
</div>
</div>
</div>
</div>
<script src="admin.js"></script>
<script>
(async () => {
if (await panelLoginCheck()) {
syncMachineStatus();
}
})();
</script>
</body>
</html>
|
