From f2e4f26b819e81630299781544291f65ca87cdbf Mon Sep 17 00:00:00 2001
From: dr-dolomite <russel.yasol@wvsu.edu.ph>
Date: Thu, 21 Mar 2024 19:55:09 +0800
Subject: [PATCH] added speedtest page

---
 simpleadmin/www/atcommander.html |  1 +
 simpleadmin/www/index.html       |  1 +
 simpleadmin/www/sms.html         |  1 +
 simpleadmin/www/speedtest.html   | 80 ++++++++++++++++++++++++++++++++
 simpleadmin/www/test.html        | 67 --------------------------
 simpleadmin/www/ttl.html         | 21 +++++----
 6 files changed, 95 insertions(+), 76 deletions(-)
 create mode 100644 simpleadmin/www/speedtest.html
 delete mode 100644 simpleadmin/www/test.html
diff --git a/simpleadmin/www/atcommander.html b/simpleadmin/www/atcommander.html
index 7e0260d..2702c49 100644
--- a/simpleadmin/www/atcommander.html
+++ b/simpleadmin/www/atcommander.html
@@ -37,6 +37,7 @@
             <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
             <a class="navbar-item" href="/sms.html"> SMS </a>
             <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+            <a class="navbar-item" href="/speedtest.html"> Speedtest </a>
           </div>
         </div>
       </div>
diff --git a/simpleadmin/www/index.html b/simpleadmin/www/index.html
index 004c478..1b340b9 100644
--- a/simpleadmin/www/index.html
+++ b/simpleadmin/www/index.html
@@ -38,6 +38,7 @@
             <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
             <a class="navbar-item" href="/sms.html"> SMS </a>
             <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+            <a class="navbar-item" href="/speedtest.html"> Speedtest </a>
           </div>
         </div>
       </div>
diff --git a/simpleadmin/www/sms.html b/simpleadmin/www/sms.html
index 95cbbc3..a09e846 100644
--- a/simpleadmin/www/sms.html
+++ b/simpleadmin/www/sms.html
@@ -38,6 +38,7 @@
             <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
             <a class="navbar-item" href="/sms.html"> SMS </a>
             <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+            <a class="navbar-item" href="/speedtest.html"> Speedtest </a>
           </div>
         </div>
       </div>
diff --git a/simpleadmin/www/speedtest.html b/simpleadmin/www/speedtest.html
new file mode 100644
index 0000000..01cf56e
--- /dev/null
+++ b/simpleadmin/www/speedtest.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Speedtest</title>
+
+    <script src="/js/alpinejs.min.js" defer></script>
+    <link rel="stylesheet" href="/css/bulma.css" />
+    <link rel="stylesheet" type="text/css" href="/css/admin.css" />
+  </head>
+
+  <body>
+    <!-- START NAV -->
+    <nav class="navbar is-black" x-data="{ isOpen: false }">
+      <div
+        class="container"
+      >
+        <div class="navbar-brand">
+          <a class="navbar-item brand-text" href="/"> Simple Admin </a>
+          <a
+            role="button"
+            class="navbar-burger burger"
+            @click="isOpen = !isOpen"
+          >
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+            <span aria-hidden="true"></span>
+          </a>
+        </div>
+        <div
+          id="navMenu"
+          class="navbar-menu"
+          :class="isOpen ? 'is-active' : ''"
+        >
+          <div class="navbar-start">
+            <a class="navbar-item" href="/"> Connection Info </a>
+            <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
+            <a class="navbar-item" href="/sms.html"> SMS </a>
+            <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+            <a class="navbar-item" href="/speedtest.html"> Speedtest </a>
+          </div>
+        </div>
+      </div>
+    </nav>
+    <!-- END NAV -->
+    <div class="container">
+      <!--OST Widget code start-->
+      <div style="text-align: right">
+        <div style="min-height: 360px">
+          <div
+            style="
+              width: 100%;
+              height: 0;
+              padding-bottom: 50%;
+              position: relative;
+            "
+          >
+            <iframe
+              style="
+                border: none;
+                position: absolute;
+                top: 0;
+                left: 0;
+                width: 100%;
+                height: 100%;
+                min-height: 360px;
+                border: none;
+                overflow: hidden !important;
+              "
+              src="//openspeedtest.com/speedtest"
+            ></iframe>
+          </div>
+        </div>
+      </div>
+      <!-- OST Widget code end -->
+    </div>
+  </body>
+</html>
diff --git a/simpleadmin/www/test.html b/simpleadmin/www/test.html
deleted file mode 100644
index 009a1bf..0000000
--- a/simpleadmin/www/test.html
+++ /dev/null
@@ -1,67 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>AT Commands</title>
-
-    <script src="/js/alpinejs.min.js" defer></script>
-    <link rel="stylesheet" href="/css/bulma.css" />
-    <link rel="stylesheet" type="text/css" href="/css/admin.css" />
-  </head>
-
-  <body>
-    <!-- START NAV -->
-    <!-- Your navigation code -->
-    <!-- END NAV -->
-    <div class="container" x-data="atCommands()">
-      <!-- Your form and command display code -->
-    </div>
-
-    <!-- Your useful commands section code -->
-
-    <script>
-      function atCommands() {
-        const autofillOptions = [
-          "ATI", "AT+GMI", "AT+GMM", "AT+GMR", "AT+CGMI", "AT+CGMM", "AT+CGMR", "AT+GSN", "AT+CGSN", "AT&F", "AT+CFUN=1,1", "AT+QMAPWAC?", "AT+QMAPWAC=1", "AT+QMAPWAC=0", "AT+QUIMSLOT?", "AT+QUIMSLOT=1", "AT+QUIMSLOT=2", "AT+CGDCONT?", "AT+CGDCONT=1,", "AT+EGMR=1,7,", "AT+QCAINFO", "AT+QNWPREFCFG=", "AT+QNWPREFCFG=,AUTO", "AT+QNWPREFCFG=,NR5G:LTE", "AT+QNWPREFCFG=,NR5G", "AT+QNWPREFCFG=,LTE", 'AT+QNWPREFCFG="nr5g_disable_mode"', 'AT+QNWPREFCFG="nr5g_disable_mode",0', 'AT+QNWPREFCFG="nr5g_disable_mode",1', 'AT+QNWPREFCFG="nr5g_disable_mode",2', 'AT+QNWPREFCFG="nr5g_band"', 'AT+QNWPREFCFG="nr5g_band",1:2:3:4:5:6', 'AT+QNWPREFCFG="lte_band"', 'AT+QNWPREFCFG="lte_band",1:2:3:4:5:6', 'AT+QMAP="WWAN"', 'AT+QMAP="LANIP"', 'AT+QMAP="LANIP",', 'AT+QMAP="DHCPV4DNS","disable"', 'AT+QMAP="MPDN_rule",0,1,0,1,1,"FF:FF:FF:FF:FF:FF"', 'AT+QMAP="MPDN_rule",0'
-        ];
-
-        return {
-          atcmd: null,
-          sendAtCommand() {
-            // Your sendAtCommand function as before
-          },
-          clearResponses() {
-            // Your clearResponses function as before
-          },
-          updateAutofill(event) {
-            if (event.key === "Tab") {
-              event.preventDefault(); // Prevent default tab behavior
-
-              const input = this.atcmd.toUpperCase();
-              let bestMatch = null;
-              let bestMatchIndex = -1;
-
-              autofillOptions.forEach((option, index) => {
-                if (option.toUpperCase().startsWith(input)) {
-                  if (bestMatch === null || option.length < bestMatch.length) {
-                    bestMatch = option;
-                    bestMatchIndex = index;
-                  }
-                }
-              });
-
-              if (bestMatch !== null) {
-                this.atcmd = bestMatch;
-                // Set the cursor position to the end of the input to prevent auto-selection
-                const inputElement = event.target;
-                inputElement.setSelectionRange(bestMatch.length, bestMatch.length);
-              }
-            }
-          },
-        };
-      }
-    </script>
-  </body>
-</html>
diff --git a/simpleadmin/www/ttl.html b/simpleadmin/www/ttl.html
index 7319aa1..96bd9d8 100644
--- a/simpleadmin/www/ttl.html
+++ b/simpleadmin/www/ttl.html
@@ -30,9 +30,10 @@
             <div id="navMenu" class="navbar-menu" :class="isOpen ? 'is-active' : ''">
                 <div class="navbar-start">
                     <a class="navbar-item" href="/"> Connection Info </a>
-            <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
-            <a class="navbar-item" href="/sms.html"> SMS </a>
-            <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+                    <a class="navbar-item" href="/atcommander.html"> AT Commands </a>
+                    <a class="navbar-item" href="/sms.html"> SMS </a>
+                    <a class="navbar-item" href="/ttl.html"> TTL Changer </a>
+                    <a class="navbar-item" href="/speedtest.html"> Speedtest </a>
                 </div>
 
             </div>
@@ -53,16 +54,17 @@
                             <div class="card-content">
                                 <div class="content">
                                     <p>
-                                        <h2>TTL Status</h2> <br>
-                                       TTL is <span class="tag is-large" :class="ttldata.isEnabled ? 'is-success' : 'is-danger'" x-text="ttldata.isEnabled == true ? 'ON' : 'OFF'"></span>
-                                       <br />
-                                       TTL Set to <span x-text="ttldata.ttl"></span>
+                                    <h2>TTL Status</h2> <br>
+                                    TTL is <span class="tag is-large"
+                                        :class="ttldata.isEnabled ? 'is-success' : 'is-danger'"
+                                        x-text="ttldata.isEnabled == true ? 'ON' : 'OFF'"></span>
+                                    <br />
+                                    TTL Set to <span x-text="ttldata.ttl"></span>
                                     </p>
                                     <div class="field">
                                         <label class="label">Set TTL</label>
                                         <div class="control">
-                                            <input class="input" type="number" placeholder="64"
-                                                x-model="newTTL">
+                                            <input class="input" type="number" placeholder="64" x-model="newTTL">
                                         </div>
                                     </div>
                                     <div class="field">
@@ -125,4 +127,5 @@
         }
     </script>
 </body>
+
 </html>
\ No newline at end of file
