V001: Login UI screen using the phonenumber

2026-07-30 15:53:50 +05:30
commit b631b53a66
21 changed files with 912 additions and 0 deletions
@@ -0,0 +1,73 @@
+<html>
+<head>
+<!-- $(if refresh-timeout) -->
+<meta http-equiv="refresh" content="$(refresh-timeout-secs)">
+<!-- $(endif) -->
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+<meta http-equiv="pragma" content="no-cache">
+<meta http-equiv="expires" content="-1">
+<title>Bhaktivedanta Hospital Wi-Fi - Status</title>
+<link rel="icon" type="image/x-icon" href="favicon.ico">
+    <link rel="stylesheet" href="css/style.css">
+<script>
+
+$(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 $(if advert-pending == 'yes') onLoad="openAdvert()" $(endif) style="background-image: linear-gradient(180deg, rgba(19,28,64,0.62), rgba(19,28,64,0.72)), url('img/background.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; width: 100%; height:100%">
+    <br><br>
+
+    <div class="ie-fixMinHeight">
+        <div class="main">
+            <div class="wrap">
+
+                <div style="text-align:center;">
+                    <img src="img/logo.jpg" alt="Bhaktivedanta Hospital" width="70" height="70" style="border-radius:50%;border:3px solid #2c3c7b;" />
+                </div>
+
+                <h1>Hi, $(username)!</h1>
+
+                <form action="$(link-logout)" name="logout" onSubmit="return openLogout()">
+                    <table>
+                        <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 required</a></td>
+                        </tr>
+                    <!-- $(elif refresh-timeout) -->
+                        <tr><td>Status refresh</td><td>$(refresh-timeout)</td></tr>
+                    <!-- $(endif) -->
+                        </table>
+                    <!-- $(if login-by-mac != 'yes') -->
+                    <br>
+                     <input style="border-radius: 8px;color: #2c3c7b; width: 330px; height: 35px; outline: none; background-color: #ee9736; justified-content:center; font-size: 25px; font-weight:bold;" type="submit" value="Log out" />
+                    <!-- $(endif) -->
+                </form>
+            </div>
+        </div>
+    </div>
+</body>
+</html>