-
-
Notifications
You must be signed in to change notification settings - Fork 14
/
Copy pathstatus.html
executable file
·129 lines (124 loc) · 5.1 KB
/
status.html
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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
$(if refresh-timeout)
<meta http-equiv="refresh" content="$(refresh-timeout-secs)">
$(endif)
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="expires" content="-1">
<title>Circle Creative Office</title>
<link rel="shortcut icon" type="image/png" href="favicon.png">
<link href="assets/fonts/font-awesome/font-awesome.css" rel="stylesheet" type="text/css">
<link href="assets/fonts/maven-pro/maven-pro.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" media="all" href="assets/css/animate.css">
<link rel="stylesheet" type="text/css" media="all" href="assets/packages/bootstrap/bootstrap.css">
<link rel="stylesheet" type="text/css" media="all" href="assets/packages/aos/aos.css">
<link rel="stylesheet" type="text/css" media="all" href="assets/css/theme.css">
<script language="JavaScript">
<!--
$(if advert-pending == 'yes')
var popup = '';
function focusAdvert() {
if (window.focus) popup.focus();
}
function openAdvert() {
popup = open('$(link-advert)', 'hotspot_advert', '');
setTimeout("focusAdvert()", 1000);
}
$(endif)
function openLogout() {
if (window.name != 'hotspot_status') return true;
open('$(link-logout)', 'hotspot_logout', 'toolbar=0,location=0,directories=0,status=0,menubars=0,resizable=1,width=280,height=250');
window.close();
return false;
}
//-->
</script>
</head>
<body style="min-height: 100vh; height: auto; overflow: visible; padding: 5% 0;" class="d-flex align-items-center"
$(if advert-pending == 'yes')
onLoad="openAdvert()"
$(endif)>
<main>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6 col-md-8 text-center" data-aos="fade-down">
<div class="box-white">
<div class="logo-black">
<a href="$(link-login-only)?target=lv&dst=$(link-orig-esc)" class="text-center d-block mb-3">
<img src="assets/img/logo.png" alt="Circle Creative" />
</a>
</div>
<div class="row">
<div class="col-md-12 text-center">
$(if error)
<div class="alert alert-danger">$(error)</div>
$(endif)
$(if login-by == 'trial')
<p>Welcome trial user!</p>
$(elif login-by != 'mac')
<p>Welcome <strong>$(username)!</strong></p>
$(endif)
</div>
</div>
<form action="$(link-logout)" name="logout" onSubmit="return openLogout()">
<div class="table-responsive">
<table class="table table-striped">
<tbody>
<tr>
<td>IP address:</td>
<td>$(ip)</td>
</tr>
<tr>
<td>bytes up/down</td>
<td>$(bytes-in-nice) / $(bytes-out-nice)</td>
</tr>
$(if session-time-left)
<tr>
<td>connected / left:</td>
<td>$(uptime) / $(session-time-left)</td>
</tr>
$(else)
<tr>
<td>connected:</td>
<td>$(uptime)</td>
</tr>
$(endif)
$(if blocked == 'yes')
<tr>
<td>status:</td>
<td>
<a href="$(link-advert)" target="hotspot_advert">advertisement</a> required
</td>
</tr>
$(elif refresh-timeout)
<tr>
<td>status refresh:</td>
<td>$(refresh-timeout)</td>
</tr>
$(endif)
</tbody>
</table>
</div>
$(if login-by-mac != 'yes')
<div class="col-md-12">
<input class="btn btn-primary btn-block" type="submit" value="Log Off">
</div>
$(endif)
</form>
</div>
</div>
</div>
</div>
</main>
<script type="text/javascript" src="assets/js/jquery.js"></script>
<script type="text/javascript" src="assets/js/waypoint.js"></script>
<script type="text/javascript" src="assets/packages/bootstrap/libraries/popper.js"></script>
<script type="text/javascript" src="assets/packages/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="assets/packages/aos/aos.js"></script>
<script type="text/javascript" src="assets/js/theme.js"></script>
</body>
</html>