更新 simpleadmin/www/network.html
This commit is contained in:
taotao
parent
695f1a3b6d
commit
eaeafedfe7
@ -1,454 +1,399 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en" data-bs-theme="light">
|
<html data-bs-theme="light"
|
||||||
<head>
|
lang="en">
|
||||||
<meta charset="utf-8" />
|
<head>
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
<meta charset="utf-8">
|
||||||
<title>模块管理</title>
|
<meta content="width=device-width, initial-scale=1"
|
||||||
<!-- <link
|
name="viewport">
|
||||||
|
<title>模块管理</title><!-- <link
|
||||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
|
||||||
crossorigin="anonymous"
|
crossorigin="anonymous"
|
||||||
/> -->
|
/> -->
|
||||||
<!-- Import all the bootstrap css files from css folder -->
|
<!-- Import all the bootstrap css files from css folder -->
|
||||||
<link rel="stylesheet" href="css/styles.css" />
|
<link href="css/styles.css"
|
||||||
<link rel="stylesheet" href="css/bootstrap.min.css" />
|
rel="stylesheet">
|
||||||
|
<link href="css/bootstrap.min.css"
|
||||||
|
rel="stylesheet"><!-- Logo -->
|
||||||
|
<link href="favicon.ico"
|
||||||
|
rel="simpleadmin-logo"><!-- Import BootStrap Javascript -->
|
||||||
|
|
||||||
<!-- Logo -->
|
|
||||||
<link rel="simpleadmin-logo" href="favicon.ico" />
|
|
||||||
|
|
||||||
<!-- Import BootStrap Javascript -->
|
|
||||||
<script src="js/bootstrap.bundle.min.js"></script>
|
<script src="js/bootstrap.bundle.min.js"></script>
|
||||||
<script src="js/alpinejs.min.js" defer></script>
|
<script defer
|
||||||
</head>
|
src="js/alpinejs.min.js"></script>
|
||||||
<body>
|
</head>
|
||||||
|
<body>
|
||||||
<main>
|
<main>
|
||||||
<div class="container my-4" x-data="cellLocking()">
|
<div class="container my-4"
|
||||||
<nav class="navbar navbar-expand-lg mt-2">
|
x-data="cellLocking()">
|
||||||
<div class="container-fluid">
|
<nav class="navbar navbar-expand-lg mt-2">
|
||||||
<a class="navbar-brand" href="/"
|
<div class="container-fluid">
|
||||||
><span class="mb-0 h4 fw-bold">模块管理</span></a>
|
<a class="navbar-brand"
|
||||||
<button
|
href="/"><span class="mb-0 h4 fw-bold">模块管理</span></a>
|
||||||
class="navbar-toggler"
|
<div class="collapse navbar-collapse"
|
||||||
type="button"
|
id="navbarText">
|
||||||
data-bs-toggle="collapse"
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||||
data-bs-target="#navbarText"
|
<li class="nav-item">
|
||||||
aria-controls="navbarText"
|
<a class="nav-link"
|
||||||
aria-expanded="false"
|
href="/">首页</a>
|
||||||
aria-label="Toggle navigation"
|
</li>
|
||||||
>
|
<li class="nav-item">
|
||||||
<span class="navbar-toggler-icon"></span>
|
<a aria-current="page"
|
||||||
</button>
|
class="nav-link active"
|
||||||
<div class="collapse navbar-collapse" id="navbarText">
|
href="network.html">网络</a>
|
||||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="/">首页</a>
|
<a class="nav-link"
|
||||||
</li>
|
href="/scanner.html">扫描</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a
|
<li class="nav-item">
|
||||||
class="nav-link active"
|
<a class="nav-link"
|
||||||
href="network.html"
|
href="/settings.html">设置</a>
|
||||||
aria-current="page"
|
</li>
|
||||||
>网络</a>
|
<li class="nav-item">
|
||||||
</li>
|
<a class="nav-link"
|
||||||
<li class="nav-item">
|
href="/sms.html">短信</a>
|
||||||
<a class="nav-link" href="/scanner.html">扫描</a>
|
</li>
|
||||||
</li>
|
<li class="nav-item">
|
||||||
<li class="nav-item">
|
<a class="nav-link"
|
||||||
<a class="nav-link" href="/settings.html">设置</a>
|
href="/console">控制台</a>
|
||||||
</li>
|
</li>
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
<a class="nav-link" href="/sms.html">短信</a>
|
<a class="nav-link"
|
||||||
</li>
|
href="deviceinfo.html">设备信息</a>
|
||||||
<li class="nav-item">
|
</li>
|
||||||
<a class="nav-link" href="/console">控制台</a>
|
</ul><span class="navbar-text"><button class="btn btn-link text-reset"
|
||||||
</li>
|
id="darkModeToggle"><span class="navbar-text">Dark Mode</span></button></span>
|
||||||
<li class="nav-item">
|
</div>
|
||||||
<a class="nav-link" href="deviceinfo.html"
|
|
||||||
>设备信息</a
|
|
||||||
>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
<span class="navbar-text">
|
|
||||||
<button class="btn btn-link text-reset" id="darkModeToggle">
|
|
||||||
Dark Mode
|
|
||||||
</button>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
<div class="row mt-5 gap-3">
|
|
||||||
<div class="col">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
|
||||||
<div class="row align-items-center">
|
|
||||||
<div class="col">频段锁定</div>
|
|
||||||
<div class="col-md-3">
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
id="networkModeBand"
|
|
||||||
aria-label="LTE"
|
|
||||||
>
|
|
||||||
<option selected value="LTE">LTE</option>
|
|
||||||
<option value="NSA">NR5G-NSA</option>
|
|
||||||
<option value="SA">NR5G-SA</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</nav>
|
||||||
<div class="card-body">
|
<div class="row mt-5 gap-3">
|
||||||
<h5 class="card-subtitle" x-show="isGettingBands === true">
|
<div class="col">
|
||||||
获取支持的频段...
|
<div class="card">
|
||||||
</h5>
|
<div class="card-header">
|
||||||
<form id="checkboxForm" x-show="isGettingBands === false">
|
<div class="row align-items-center">
|
||||||
<!-- Checkboxes will be populated here -->
|
<div class="col">
|
||||||
</form>
|
频段锁定
|
||||||
</div>
|
</div>
|
||||||
<div class="card-footer">
|
<div class="col-md-3">
|
||||||
<div class="d-flex align-items-center">
|
<select aria-label="LTE"
|
||||||
<div class="col">
|
class="form-select"
|
||||||
<button
|
id="networkModeBand">
|
||||||
type="button"
|
<option selected
|
||||||
class="btn btn-primary m-2"
|
value="LTE">
|
||||||
@click="lockSelectedBands()"
|
LTE
|
||||||
>
|
</option>
|
||||||
锁频段
|
<option value="NSA">
|
||||||
</button>
|
NR5G-NSA
|
||||||
<button
|
</option>
|
||||||
type="button"
|
<option value="SA">
|
||||||
class="btn btn-info m-2"
|
NR5G-SA
|
||||||
id="uncheckAll"
|
</option>
|
||||||
>
|
</select>
|
||||||
取消勾选
|
</div>
|
||||||
</button>
|
</div>
|
||||||
<button
|
</div>
|
||||||
type="button"
|
<div class="card-body">
|
||||||
class="btn btn-danger m-2"
|
<h5 class="card-subtitle"
|
||||||
@click="resetBandLocking()"
|
style="display: none;"
|
||||||
>
|
x-show="isGettingBands === true">Fetching supported bands...</h5>
|
||||||
复位
|
<form id="checkboxForm"
|
||||||
</button>
|
name="checkboxForm"
|
||||||
</div>
|
x-show="isGettingBands === false">
|
||||||
<div class="form-check">
|
<!-- Checkboxes will be populated here -->
|
||||||
<input
|
</form>
|
||||||
class="form-check-input"
|
</div>
|
||||||
type="checkbox"
|
<div class="card-footer">
|
||||||
value=""
|
<div class="d-flex align-items-center">
|
||||||
id="providerBands"
|
<div class="col">
|
||||||
onchange="saveCheckboxState()"
|
<button class="btn btn-primary m-2"
|
||||||
/>
|
type="button">锁频段</button> <button class="btn btn-info m-2"
|
||||||
<label class="form-check-label" for="providerBands">
|
id="uncheckAll"
|
||||||
显示支持的频段
|
type="button">取消勾选</button> <button class="btn btn-danger m-2"
|
||||||
</label>
|
type="button">复位</button>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-check">
|
||||||
|
<input class="form-check-input"
|
||||||
|
id="providerBands"
|
||||||
|
onchange="saveCheckboxState()"
|
||||||
|
type="checkbox"
|
||||||
|
value=""> <label class="form-check-label"
|
||||||
|
for="providerBands">显示支持的频段</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<p x-text="'激活的频段: ' + bands"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row gap-3 mt-4">
|
||||||
|
<div class="col">
|
||||||
|
<form>
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
网络工具
|
||||||
|
</div>
|
||||||
|
<div class="card-body row">
|
||||||
|
<div class="col">
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label"
|
||||||
|
for="APN">APN</label> <input aria-describedby="APN"
|
||||||
|
class="form-control"
|
||||||
|
id="APN"
|
||||||
|
placeholder="Fetching..."
|
||||||
|
type="text"
|
||||||
|
x-bind:placeholder="apn === '-' ? 'Fetching...' : apn"
|
||||||
|
x-model="newApn">
|
||||||
|
</div>
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label"
|
||||||
|
for="ipForAPN">选择APN类型</label> <select aria-label="ipForAPN"
|
||||||
|
class="form-select"
|
||||||
|
id="ipAPN"
|
||||||
|
x-model="newApnIP">
|
||||||
|
<option selected
|
||||||
|
x-text="apnIP === '-' ? 'Fetching...' : 'Current: ' + apnIP">
|
||||||
|
Fetching...
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
IPv4 Only
|
||||||
|
</option>
|
||||||
|
<option value="2">
|
||||||
|
IPv6 Only
|
||||||
|
</option>
|
||||||
|
<option value="3">
|
||||||
|
IPv4v6
|
||||||
|
</option>
|
||||||
|
<option value="4">
|
||||||
|
P2P Protocol
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="mb-4 input-group grid gap-3">
|
||||||
|
<label class="form-label"
|
||||||
|
for="SIM1">更改SIM卡</label>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<style>
|
||||||
|
.form-check-inline {
|
||||||
|
display: inline-flex; /* 确保选项在同一行 */
|
||||||
|
align-items: center; /* 垂直居中对齐 */
|
||||||
|
margin-right: 15px; /* 添加间距 */ }
|
||||||
|
</style><input aria-describedby="SIM1"
|
||||||
|
class="form-check-input"
|
||||||
|
id="SIM1"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
type="radio"
|
||||||
|
value="option1"
|
||||||
|
x-bind:checked="sim === '1'"
|
||||||
|
x-on:click="newSim = '1'"> <label class="form-check-label"
|
||||||
|
for="inlineRadio1">1</label>
|
||||||
|
</div>
|
||||||
|
<div class="form-check form-check-inline">
|
||||||
|
<input aria-describedby="SIM2"
|
||||||
|
class="form-check-input"
|
||||||
|
id="SIM2"
|
||||||
|
name="inlineRadioOptions"
|
||||||
|
type="radio"
|
||||||
|
value="option2"
|
||||||
|
x-bind:checked="sim === '2'"
|
||||||
|
x-on:click="newSim = '2'"> <label class="form-check-label"
|
||||||
|
for="inlineRadio2">2</label>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label"
|
||||||
|
for="nrModeControl">选择网络模式</label> <select aria-label="prefNetworkMode"
|
||||||
|
class="form-select"
|
||||||
|
id="prefNetworkMode"
|
||||||
|
x-model="prefNetworkMode">
|
||||||
|
<option selected
|
||||||
|
x-text="prefNetwork === '-' ? 'Fetching...' : 'Current: ' + prefNetwork">
|
||||||
|
Fetching...
|
||||||
|
</option>
|
||||||
|
<option value="AUTO">
|
||||||
|
AUTO
|
||||||
|
</option>
|
||||||
|
<option value="LTE">
|
||||||
|
LTE Only
|
||||||
|
</option>
|
||||||
|
<option value="LTE:NR5G">
|
||||||
|
NR5G-NSA
|
||||||
|
</option>
|
||||||
|
<option value="NR5G">
|
||||||
|
NR5G-SA
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<div class="mb-4">
|
||||||
|
<label class="form-label"
|
||||||
|
for="prefNetwork">5G模式控制</label> <select aria-label="nrModeControl"
|
||||||
|
class="form-select"
|
||||||
|
id="nrModeControl"
|
||||||
|
x-model="nrModeControl">
|
||||||
|
<option selected
|
||||||
|
x-text="nrModeControl === '-' ? 'Fetching...' : 'Current: ' + nrModeControl">
|
||||||
|
Fetching...
|
||||||
|
</option>
|
||||||
|
<option value="0">
|
||||||
|
Enable All
|
||||||
|
</option>
|
||||||
|
<option value="2">
|
||||||
|
Disable NR5G-NSA
|
||||||
|
</option>
|
||||||
|
<option value="1">
|
||||||
|
Disable NR5G-SA
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
<button class="btn btn-primary"
|
||||||
|
type="button">保存</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card">
|
||||||
|
<div class="card-header">
|
||||||
|
频段锁定
|
||||||
|
</div>
|
||||||
|
<div class="card-body">
|
||||||
|
<select aria-label="LTE"
|
||||||
|
class="form-select"
|
||||||
|
id="networkModeCell"
|
||||||
|
x-model="networkModeCell">
|
||||||
|
<option selected
|
||||||
|
x-text="cellLockStatus">
|
||||||
|
Unknown
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
LTE
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
NR5G-SA
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
Unlock LTE
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
Unlock NR5G-SA
|
||||||
|
</option>
|
||||||
|
</select>
|
||||||
|
<div class="my-4">
|
||||||
|
<!-- For LTE -->
|
||||||
|
<div id="lteElementsCell"
|
||||||
|
style="display: none;"
|
||||||
|
x-show="networkModeCell == 'LTE'">
|
||||||
|
<div class="input-group mb-3">
|
||||||
|
<span class="input-group-text"
|
||||||
|
id="basic-addon1">Num Cells</span> <input aria-describedby="basic-addon1"
|
||||||
|
aria-label="NumCells"
|
||||||
|
class="form-control"
|
||||||
|
max="10"
|
||||||
|
min="1"
|
||||||
|
placeholder="1-10"
|
||||||
|
type="number"
|
||||||
|
x-model="cellNum">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="freqNumbersContainer">
|
||||||
|
<!-- Generate EARFCN and PCI here -->
|
||||||
|
</div><!-- For SA -->
|
||||||
|
<div id="saElementsCell"
|
||||||
|
style="display: none;"
|
||||||
|
x-show="networkModeCell == 'NR5G-SA'">
|
||||||
|
<div class="input-group mb-3"
|
||||||
|
style="display: none;"
|
||||||
|
x-show="networkModeCell == 'NR5G-SA'">
|
||||||
|
<input aria-label="EARFCN"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="EARFCN"
|
||||||
|
type="text"
|
||||||
|
x-model="earfcn1"> <input aria-label="PCI"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="PCI"
|
||||||
|
type="text"
|
||||||
|
x-model="pci1">
|
||||||
|
</div>
|
||||||
|
<div class="input-group mb-3"
|
||||||
|
style="display: none;"
|
||||||
|
x-show="networkModeCell == 'NR5G-SA'">
|
||||||
|
<select aria-label="SCS"
|
||||||
|
class="form-select"
|
||||||
|
x-model="scs">
|
||||||
|
<option selected>
|
||||||
|
SCS
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
15
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
30
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
60
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
120
|
||||||
|
</option>
|
||||||
|
<option>
|
||||||
|
240
|
||||||
|
</option>
|
||||||
|
</select> <input aria-label="band"
|
||||||
|
class="form-control"
|
||||||
|
placeholder="Band"
|
||||||
|
type="text"
|
||||||
|
x-model="band">
|
||||||
|
</div>
|
||||||
|
</div><button class="btn btn-primary"
|
||||||
|
style="display: none;"
|
||||||
|
type="button"
|
||||||
|
x-show="networkModeCell == 'LTE'">Lock LTE Cells</button> <button class="btn btn-primary"
|
||||||
|
style="display: none;"
|
||||||
|
type="button"
|
||||||
|
x-show="networkModeCell == 'NR5G-SA'">Lock NR5G-SA Cells</button> <button class="btn btn-danger"
|
||||||
|
style="display: none;"
|
||||||
|
type="button"
|
||||||
|
x-show="networkModeCell == 'Unlock LTE'">Unlock LTE Cells</button> <button class="btn btn-danger"
|
||||||
|
style="display: none;"
|
||||||
|
type="button"
|
||||||
|
x-show="networkModeCell == 'Unlock NR5G-SA'">Unlock NR5G-SA Cells</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="card-footer">
|
||||||
|
信道锁定仅适用于主信道，并且在重启后不会持久保存
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div><!-- Loading Modal for Locking Band -->
|
||||||
|
<div class="modal-overlay"
|
||||||
|
style="display: none;"
|
||||||
|
x-show="showModal">
|
||||||
|
<div class="loading-modal">
|
||||||
|
<div class="loader"></div>
|
||||||
|
<div class="loading-text"
|
||||||
|
style="display: flex; flex-direction: column">
|
||||||
|
<h3>Initializing Network...</h3>
|
||||||
|
<p style="margin-top: 0.5rem">Please wait for <span style="font-weight: 500"
|
||||||
|
x-text="countdown">0</span> seconds.</p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
<div class="card-footer">
|
|
||||||
<p x-text="'激活的频段: ' + bands"></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</main><!-- Import Band Locking GUI JS -->
|
||||||
<div class="row gap-3 mt-4">
|
|
||||||
<div class="col">
|
|
||||||
<form>
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">网络工具</div>
|
|
||||||
<div class="card-body row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="APN" class="form-label">APN</label>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
class="form-control"
|
|
||||||
id="APN"
|
|
||||||
x-model="newApn"
|
|
||||||
aria-describedby="APN"
|
|
||||||
x-bind:placeholder="apn === '-' ? 'Fetching...' : apn"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="ipForAPN" class="form-label"
|
|
||||||
>选择APN类型</label
|
|
||||||
>
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
id="ipAPN"
|
|
||||||
x-model="newApnIP"
|
|
||||||
aria-label="ipForAPN"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
selected
|
|
||||||
x-text="apnIP === '-' ? 'Fetching...' : 'Current: ' + apnIP"
|
|
||||||
></option>
|
|
||||||
<option value="1">IPv4 Only</option>
|
|
||||||
<option value="2">IPv6 Only</option>
|
|
||||||
<option value="3">IPv4v6</option>
|
|
||||||
<option value="4">P2P Protocol</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4 input-group grid gap-3">
|
|
||||||
<label for="SIM1" class="form-label"> 更改SIM卡</label>
|
|
||||||
<div class="form-check form-check-inline">
|
|
||||||
<style> .form-check-inline {
|
|
||||||
display: inline-flex; /* 确保选项在同一行 */
|
|
||||||
align-items: center; /* 垂直居中对齐 */
|
|
||||||
margin-right: 15px; /* 添加间距 */ }
|
|
||||||
</style>
|
|
||||||
<input
|
|
||||||
class="form-check-input"
|
|
||||||
type="radio"
|
|
||||||
name="inlineRadioOptions"
|
|
||||||
aria-describedby="SIM1"
|
|
||||||
id="SIM1"
|
|
||||||
value="option1"
|
|
||||||
x-bind:checked="sim === '1'"
|
|
||||||
x-on:click="newSim = '1'"
|
|
||||||
/>
|
|
||||||
<label class="form-check-label" for="inlineRadio1"
|
|
||||||
>1</label
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
<div class="form-check form-check-inline">
|
|
||||||
<input
|
|
||||||
class="form-check-input"
|
|
||||||
type="radio"
|
|
||||||
name="inlineRadioOptions"
|
|
||||||
aria-describedby="SIM2"
|
|
||||||
id="SIM2"
|
|
||||||
value="option2"
|
|
||||||
x-bind:checked="sim === '2'"
|
|
||||||
x-on:click="newSim = '2'"
|
|
||||||
/>
|
|
||||||
<label class="form-check-label" for="inlineRadio2"
|
|
||||||
>2</label
|
|
||||||
>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col">
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="nrModeControl" class="form-label"
|
|
||||||
>选择网络模式</label
|
|
||||||
>
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
id="prefNetworkMode"
|
|
||||||
x-model="prefNetworkMode"
|
|
||||||
aria-label="prefNetworkMode"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
selected
|
|
||||||
x-text="prefNetwork === '-' ? 'Fetching...' : 'Current: ' + prefNetwork"
|
|
||||||
></option>
|
|
||||||
<option value="AUTO">AUTO</option>
|
|
||||||
<option value="LTE">LTE Only</option>
|
|
||||||
<option value="LTE:NR5G">NR5G-NSA</option>
|
|
||||||
<option value="NR5G">NR5G-SA</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="prefNetwork" class="form-label"
|
|
||||||
>5G模式控制</label
|
|
||||||
>
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
id="nrModeControl"
|
|
||||||
x-model="nrModeControl"
|
|
||||||
aria-label="nrModeControl"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
selected
|
|
||||||
x-text="nrModeControl === '-' ? 'Fetching...' : 'Current: ' + nrModeControl"
|
|
||||||
></option>
|
|
||||||
<option value="0">Enable All</option>
|
|
||||||
<option value="2">Disable NR5G-NSA</option>
|
|
||||||
<option value="1">Disable NR5G-SA</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer">
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
@click="saveChanges()"
|
|
||||||
>
|
|
||||||
保存
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</form>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="col-md-4">
|
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">频段锁定</div>
|
|
||||||
<div class="card-body">
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
id="networkModeCell"
|
|
||||||
x-model="networkModeCell"
|
|
||||||
aria-label="LTE"
|
|
||||||
>
|
|
||||||
<option
|
|
||||||
selected
|
|
||||||
x-text="'Cell Lock: ' + cellLockStatus"
|
|
||||||
></option>
|
|
||||||
<option>LTE</option>
|
|
||||||
<option>NR5G-SA</option>
|
|
||||||
<option>Unlock LTE</option>
|
|
||||||
<option>Unlock NR5G-SA</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<div class="my-4">
|
|
||||||
<!-- For LTE -->
|
|
||||||
<div id="lteElementsCell" x-show="networkModeCell == 'LTE'">
|
|
||||||
<div class="input-group mb-3">
|
|
||||||
<span class="input-group-text" id="basic-addon1"
|
|
||||||
>Num Cells</span
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="number"
|
|
||||||
class="form-control"
|
|
||||||
placeholder="1-10"
|
|
||||||
min="1"
|
|
||||||
max="10"
|
|
||||||
aria-label="NumCells"
|
|
||||||
aria-describedby="basic-addon1"
|
|
||||||
x-model="cellNum"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="freqNumbersContainer">
|
|
||||||
<!-- Generate EARFCN and PCI here -->
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- For SA -->
|
|
||||||
<div
|
|
||||||
id="saElementsCell"
|
|
||||||
x-show="networkModeCell == 'NR5G-SA'"
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
class="input-group mb-3"
|
|
||||||
x-show="networkModeCell == 'NR5G-SA'"
|
|
||||||
>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
aria-label="EARFCN"
|
|
||||||
placeholder="EARFCN"
|
|
||||||
class="form-control"
|
|
||||||
x-model="earfcn1"
|
|
||||||
/>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
aria-label="PCI"
|
|
||||||
placeholder="PCI"
|
|
||||||
class="form-control"
|
|
||||||
x-model="pci1"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div
|
|
||||||
class="input-group mb-3"
|
|
||||||
x-show="networkModeCell == 'NR5G-SA'"
|
|
||||||
>
|
|
||||||
<select
|
|
||||||
class="form-select"
|
|
||||||
x-model="scs"
|
|
||||||
aria-label="SCS"
|
|
||||||
>
|
|
||||||
<option selected>30</option>
|
|
||||||
<option>15</option>
|
|
||||||
<option>60</option>
|
|
||||||
<option>120</option>
|
|
||||||
<option>240</option>
|
|
||||||
</select>
|
|
||||||
<input
|
|
||||||
type="text"
|
|
||||||
aria-label="band"
|
|
||||||
placeholder="Band"
|
|
||||||
class="form-control"
|
|
||||||
x-model="band"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
x-show="networkModeCell == 'LTE'"
|
|
||||||
@click="cellLockEnableLTE()"
|
|
||||||
>
|
|
||||||
Lock LTE Cells
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-primary"
|
|
||||||
x-show="networkModeCell == 'NR5G-SA'"
|
|
||||||
@click="cellLockEnableNR()"
|
|
||||||
>
|
|
||||||
Lock NR5G-SA Cells
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-danger"
|
|
||||||
x-show="networkModeCell == 'Unlock LTE'"
|
|
||||||
@click="cellLockDisableLTE()"
|
|
||||||
>
|
|
||||||
Unlock LTE Cells
|
|
||||||
</button>
|
|
||||||
|
|
||||||
<button
|
|
||||||
type="button"
|
|
||||||
class="btn btn-danger"
|
|
||||||
x-show="networkModeCell == 'Unlock NR5G-SA'"
|
|
||||||
@click="cellLockDisableNR()"
|
|
||||||
>
|
|
||||||
Unlock NR5G-SA Cells
|
|
||||||
</button>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="card-footer">
|
|
||||||
信道锁定仅适用于主信道，并且在重启后不会持久保存
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<!-- Loading Modal for Locking Band -->
|
|
||||||
<div class="modal-overlay" x-show="showModal">
|
|
||||||
<div class="loading-modal">
|
|
||||||
<div class="loader"></div>
|
|
||||||
<div
|
|
||||||
class="loading-text"
|
|
||||||
style="display: flex; flex-direction: column"
|
|
||||||
>
|
|
||||||
<h3>Initializing Network...</h3>
|
|
||||||
<p style="margin-top: 0.5rem">
|
|
||||||
Please wait for
|
|
||||||
<span x-text="countdown" style="font-weight: 500"></span>
|
|
||||||
seconds.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</main>
|
|
||||||
|
|
||||||
<!-- Import Band Locking GUI JS -->
|
|
||||||
<!-- <script src="js/band-locking.js"></script> -->
|
<!-- <script src="js/band-locking.js"></script> -->
|
||||||
<script src="js/generate-freq-box.js"></script>
|
<script src="js/generate-freq-box.js"></script>
|
||||||
<script src="js/populate-checkbox.js"></script>
|
<script src="js/populate-checkbox.js"></script>
|
||||||
<script src="js/parse-settings.js"></script>
|
<script src="js/parse-settings.js"></script>
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
function cellLocking() {
|
function cellLocking() {
|
||||||
return {
|
return {
|
||||||
isLoading: false,
|
isLoading: false,
|
||||||
@ -735,7 +680,7 @@
|
|||||||
|
|
||||||
if (newApn !== null) {
|
if (newApn !== null) {
|
||||||
if (this.newApnIP === "1") {
|
if (this.newApnIP === "1") {
|
||||||
atAPN = `+CGDCONT=1,"IPV4","${newApn}";`;
|
atAPN = `+CGDCONT=1,"IP","${newApn}";`;
|
||||||
} else if (this.newApnIP === "2") {
|
} else if (this.newApnIP === "2") {
|
||||||
atAPN = `+CGDCONT=1,"IPV6","${newApn}";`;
|
atAPN = `+CGDCONT=1,"IPV6","${newApn}";`;
|
||||||
} else if (this.newApnIP === "3") {
|
} else if (this.newApnIP === "3") {
|
||||||
@ -798,7 +743,7 @@
|
|||||||
}
|
}
|
||||||
}, 1000);
|
}, 1000);
|
||||||
} else {
|
} else {
|
||||||
alert("No changes made");
|
alert("No changes made!");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
cellLockEnableLTE() {
|
cellLockEnableLTE() {
|
||||||
@ -870,7 +815,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Construct the AT command using the valid pairs
|
// Construct the AT command using the valid pairs
|
||||||
let atcmd = `AT+QNWLOCK="common/5g",${earfcn},${pci},${scs},${band}`;
|
let atcmd = `AT+QNWLOCK="common/5g",${pci},${earfcn},${scs},${band}`;
|
||||||
|
|
||||||
// Mock data
|
// Mock data
|
||||||
this.showModal = true;
|
this.showModal = true;
|
||||||
@ -905,7 +850,7 @@
|
|||||||
},
|
},
|
||||||
cellLockDisableNR() {
|
cellLockDisableNR() {
|
||||||
// Send the atcmd command to reset the locked bands
|
// Send the atcmd command to reset the locked bands
|
||||||
const atcmd = 'AT+QNWLOCK="common/5g,0"';
|
const atcmd = 'AT+QNWLOCK="common/5g",0';
|
||||||
|
|
||||||
this.showModal = true;
|
this.showModal = true;
|
||||||
|
|
||||||
@ -995,7 +940,7 @@
|
|||||||
localStorage.getItem("providerBandsChecked") === "true";
|
localStorage.getItem("providerBandsChecked") === "true";
|
||||||
providerBandsCheckbox.checked = isChecked;
|
providerBandsCheckbox.checked = isChecked;
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<script src="js/dark-mode.js"></script>
|
<script src="js/dark-mode.js"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user