added speedtest page
This commit is contained in:
@@ -37,6 +37,7 @@
|
|||||||
<a class="navbar-item" href="/atcommander.html"> AT Commands </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="/sms.html"> SMS </a>
|
||||||
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
||||||
|
<a class="navbar-item" href="/speedtest.html"> Speedtest </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -38,6 +38,7 @@
|
|||||||
<a class="navbar-item" href="/atcommander.html"> AT Commands </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="/sms.html"> SMS </a>
|
||||||
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
||||||
|
<a class="navbar-item" href="/speedtest.html"> Speedtest </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -38,6 +38,7 @@
|
|||||||
<a class="navbar-item" href="/atcommander.html"> AT Commands </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="/sms.html"> SMS </a>
|
||||||
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
||||||
|
<a class="navbar-item" href="/speedtest.html"> Speedtest </a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
80
simpleadmin/www/speedtest.html
Normal file
80
simpleadmin/www/speedtest.html
Normal file
@@ -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>
|
||||||
@@ -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>
|
|
||||||
@@ -30,9 +30,10 @@
|
|||||||
<div id="navMenu" class="navbar-menu" :class="isOpen ? 'is-active' : ''">
|
<div id="navMenu" class="navbar-menu" :class="isOpen ? 'is-active' : ''">
|
||||||
<div class="navbar-start">
|
<div class="navbar-start">
|
||||||
<a class="navbar-item" href="/"> Connection Info </a>
|
<a class="navbar-item" href="/"> Connection Info </a>
|
||||||
<a class="navbar-item" href="/atcommander.html"> AT Commands </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="/sms.html"> SMS </a>
|
||||||
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
<a class="navbar-item" href="/ttl.html"> TTL Changer </a>
|
||||||
|
<a class="navbar-item" href="/speedtest.html"> Speedtest </a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -53,16 +54,17 @@
|
|||||||
<div class="card-content">
|
<div class="card-content">
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<p>
|
<p>
|
||||||
<h2>TTL Status</h2> <br>
|
<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>
|
TTL is <span class="tag is-large"
|
||||||
<br />
|
:class="ttldata.isEnabled ? 'is-success' : 'is-danger'"
|
||||||
TTL Set to <span x-text="ttldata.ttl"></span>
|
x-text="ttldata.isEnabled == true ? 'ON' : 'OFF'"></span>
|
||||||
|
<br />
|
||||||
|
TTL Set to <span x-text="ttldata.ttl"></span>
|
||||||
</p>
|
</p>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
<label class="label">Set TTL</label>
|
<label class="label">Set TTL</label>
|
||||||
<div class="control">
|
<div class="control">
|
||||||
<input class="input" type="number" placeholder="64"
|
<input class="input" type="number" placeholder="64" x-model="newTTL">
|
||||||
x-model="newTTL">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="field">
|
<div class="field">
|
||||||
@@ -125,4 +127,5 @@
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user