NodeMCU-WifiDoubleSwitch/tmpl_page.html at master · mrkale/NodeMCU-WifiDoubleSwitch · GitHub

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
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="refresh" content="10; url=/">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Wifi Double Outlet</title>
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
	</head>
	<body>
		<div class="container">
			<div class="row">
				<div class="col-sm-2 col-sm-offset-4"><h3 class="text-primary text-center">A</h3>
					<a class="btn btn-block btn-lg btn-${class_btn_1}" href="?${reqvar_pin}=1${action_1}" role="button">${label_1}</a>
				</div>
				<div class="col-sm-2"><h2 class="text-center"><h3 class="text-primary text-center">B</h3>
					<a class="btn btn-block btn-lg btn-${class_btn_2}" href="?${reqvar_pin}=2${action_2}" role="button">${label_2}</a>
				</div>
			</div>
			<div class="row">
				<div class="col-sm-12"><h3 class="text-primary text-center">All</h3></div>
			</div>
			<div class="row">
				<div class="col-sm-2 col-sm-offset-3">
					<a class="btn btn-block btn-lg btn-${class_btn_on}" href="?${reqvar_pin}=1${status_on}2${status_on}" role="button">${label_on}</a>
				</div>
				<div class="col-sm-2">
					<a class="btn btn-block btn-lg btn-warning" href="?${reqvar_pin}=1${action_1}2${action_2}" role="button">${label_off}/${label_on}</a>
				</div>
				<div class="col-sm-2">
					<a class="btn btn-block btn-lg btn-${class_btn_off}" href="?${reqvar_pin}=1${status_off}2${status_off}" role="button">${label_off}</a>
				</div>
			</div>
			<div class="row"><div class="col-sm-6 col-sm-offset-3"><hr></div></div>
			<div class="row"><div class="col-sm-6 col-sm-offset-3 text-center">Uptime: ${uptime}</div></div>
			<div class="row"><div class="col-sm-6 col-sm-offset-3 text-center">Date: ${currDate}</div></div>
			<div class="row"><div class="col-sm-6 col-sm-offset-3 text-center">Start: ${startDate}</div></div>
			<div class="row"><div class="col-sm-6 col-sm-offset-3 text-center">Version: ${version}</div></div>
		</div>
	</body>
</html>