be9ee7def5
-Updated QuecManager to 0.0.2 from PR #87 - Change-log: https: //github.com/iamromulan/quectel-rgmii-toolkit/pull/87 Co-Authored-By: Russel Yasol <73575327+dr-dolomite@users.noreply.github.com>
487 lines
19 KiB
HTML
487 lines
19 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
|
|
<!-- Logo -->
|
|
<link rel="simpleadmin-logo" href="favicon.ico" />
|
|
|
|
<link rel="stylesheet" href="css/bulma/bulma.scss" />
|
|
<link rel="stylesheet" href="css/bulma/css/bulma.min.css" />
|
|
<link rel="stylesheet" href="css/bulma/css/bulma.css" />
|
|
<link rel="stylesheet" href="css/custom.css" />
|
|
|
|
<!-- Font awesome icons -->
|
|
<script
|
|
src="https://kit.fontawesome.com/b0caedfab3.js"
|
|
crossorigin="anonymous"
|
|
></script>
|
|
|
|
<script src="js/styles/toggle-theme.js"></script>
|
|
<script src="/js/styles/nav-burger.js"></script>
|
|
<script src="/js/styles/modal-trigger.js"></script>
|
|
<script src="/js/utils/reboot.js"></script>
|
|
<script src="/js/utils/restart-connection.js"></script>
|
|
<script src="/js/cell-settings/fetch-settings.js"></script>
|
|
<script src="/js/cell-settings/apn-profile.js"></script>
|
|
<script defer src="/js/auth/auth.js"></script>
|
|
|
|
<script>
|
|
(function () {
|
|
const savedTheme = localStorage.getItem("theme") || "theme-dark";
|
|
document.documentElement.classList.add(savedTheme);
|
|
})();
|
|
</script>
|
|
|
|
<title>QuecManager</title>
|
|
</head>
|
|
|
|
<body class="body-margin">
|
|
<nav class="navbar is-transparent">
|
|
<div class="navbar-brand">
|
|
<a class="navbar-item" href="/">
|
|
<img src="/assets/logo.png" alt="Logo" />
|
|
<span class="title">QuecManager</span>
|
|
</a>
|
|
<a
|
|
role="button"
|
|
class="navbar-burger"
|
|
aria-label="menu"
|
|
aria-expanded="false"
|
|
data-target="navMenu"
|
|
>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
<span aria-hidden="true"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<div id="navMenu" class="navbar-menu">
|
|
<div class="navbar-start ml-6">
|
|
<a class="navbar-item" href="/"> Home </a>
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link has-text-weight-bold"> Cellular </a>
|
|
<div class="navbar-dropdown is-boxed">
|
|
<a class="navbar-item" href="/cell-settings.html"
|
|
>Cell Settings</a
|
|
>
|
|
<a class="navbar-item" href="/bandlock.html"> Band Locking </a>
|
|
<a class="navbar-item" href="/cell-locking.html">Cell Locking</a>
|
|
<a class="navbar-item" href="/cell-scanner.html">Cell Scanner</a>
|
|
<a class="navbar-item" href="/cell-sms.html"> Cell SMS </a>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-item has-dropdown is-hoverable">
|
|
<a class="navbar-link"> Advance </a>
|
|
<div class="navbar-dropdown is-boxed">
|
|
<a class="navbar-item" href="/advance-settings.html">
|
|
Advance Settings
|
|
</a>
|
|
<a class="navbar-item" href="#">Experimental Features</a>
|
|
<a class="navbar-item" href="/cgi-bin/luci">OpenWRT Luci</a>
|
|
</div>
|
|
</div>
|
|
<a class="navbar-item" href="/about.html"> About </a>
|
|
</div>
|
|
|
|
<div class="navbar-end">
|
|
<div class="navbar-item">
|
|
<div class="buttons is-flex-direction-column-mobile">
|
|
<div class="control is-expanded-mobile">
|
|
<div
|
|
id="restartConnectionBtn"
|
|
class="button is-link is-outlined is-fullwidth-mobile"
|
|
>
|
|
<span class="icon">
|
|
<i class="fas fa-arrows-rotate"></i>
|
|
</span>
|
|
<span>Restart Connection</span>
|
|
</div>
|
|
</div>
|
|
<div class="is-flex is-mobile is-align-items-center">
|
|
<div class="control">
|
|
<div
|
|
class="button is-warning is-outlined reboot-modal"
|
|
data-target="reboot-modal"
|
|
>
|
|
<span class="icon">
|
|
<i class="fas fa-power-off"></i>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<p class="control ml-2 is-mobile">
|
|
<a
|
|
href="#"
|
|
class="button is-warning is-outlined js-theme-toggle"
|
|
>
|
|
<span class="icon">
|
|
<i class="fas fa-sun"></i>
|
|
</span>
|
|
</a>
|
|
</p>
|
|
<p class="control ml-2 is-mobile">
|
|
<a
|
|
href="#"
|
|
class="button is-warning is-outlined js-theme-toggle"
|
|
id="logoutButton"
|
|
>
|
|
<span class="icon">
|
|
<i class="fas fa-right-from-bracket"></i>
|
|
</span>
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="column-margin">
|
|
<div class="columns">
|
|
<div class="column">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-header-title">Basic Cellular Settings</div>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="fixed-grid has-2-cols has-1-cols-mobile">
|
|
<div class="grid is-gap-5">
|
|
<div class="cell">
|
|
<div class="field">
|
|
<label class="label">Current APN</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
type="text"
|
|
placeholder="Current APN Here"
|
|
id="currentAPN"
|
|
/>
|
|
</div>
|
|
<p class="help">
|
|
Changing this will disable automatic APN.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="field">
|
|
<label class="label">APN PDP Type</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="apnPDP">
|
|
<option selected>Select APN PDP Type</option>
|
|
<option value="IP">IPv4 Only</option>
|
|
<option value="IPV6">IPv6 Only</option>
|
|
<option value="IPV4V6">IPv4 and IPv6</option>
|
|
<option value="PPP">P2P Protocol</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-globe"></i>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="field">
|
|
<label class="label">Preferred Network Mode</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="networkPreference">
|
|
<option value="placeholder" selected>
|
|
Select Preferred Network Mode
|
|
</option>
|
|
<option value="AUTO">Automatic</option>
|
|
<option value="LTE">LTE Only</option>
|
|
<option value="NR5G">5G SA Only</option>
|
|
<option value="LTE:NR5G">5G NSA Only</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-signal"></i>
|
|
</span>
|
|
</p>
|
|
<p class="help">
|
|
Selecting a mode will apply immediately.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="field">
|
|
<label class="label">NR5G Mode Control</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="nr5gModeControl">
|
|
<option selected>Select NR5G Mode Control</option>
|
|
<option value="0">Enable NR5G SA and NSA</option>
|
|
<option value="2">Enable SA Only</option>
|
|
<option value="1">Enable NSA Only</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-podcast"></i>
|
|
</span>
|
|
</p>
|
|
<p class="help">
|
|
Selecting a mode will apply immediately.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="field">
|
|
<label class="label">U-SIM Slot Configuration</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="simSlot">
|
|
<option value="">Select active SIM slot</option>
|
|
<option value="1">SIM Slot 1</option>
|
|
<option value="2">SIM Slot 2</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-sim-card" id="simCardIcon"></i>
|
|
</span>
|
|
</p>
|
|
<p class="help">
|
|
Selecting a mode will apply immediately.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<a
|
|
href="#"
|
|
class="card-footer-item has-text-link has-text-weight-semibold has-text-white"
|
|
>
|
|
Save APN
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="card-footer-item has-text-link has-text-weight-semibold has-text-white"
|
|
>
|
|
Reset APN
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<div class="card" id="apnProfileForm">
|
|
<div class="card-header">
|
|
<div class="card-header-title">APN and ICCID Based Locking</div>
|
|
</div>
|
|
<div class="card-content">
|
|
<div class="fixed-grid has-1-cols">
|
|
<div class="grid is-gap-5">
|
|
<div class="cell">
|
|
<div class="fixed-grid has-2-cols has-1-cols-mobile">
|
|
<div class="grid is-gap-3">
|
|
<div class="cell is-col-span-2-mobile">
|
|
<div class="field">
|
|
<label class="label">APN Profile 1</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
type="text"
|
|
placeholder="APN Here"
|
|
id="apnProfile1"
|
|
/>
|
|
</div>
|
|
<p class="help">
|
|
This will override the current APN.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell is-col-span-2-mobile">
|
|
<div class="field">
|
|
<label class="label">APN PDP Type</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="apnPDPType1">
|
|
<option selected>Select APN PDP Type</option>
|
|
<option value="IP">IPv4 Only</option>
|
|
<option value="IPV6">IPv6 Only</option>
|
|
<option value="IPV4V6">IPv4 and IPv6</option>
|
|
<option value="PPP">P2P Protocol</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-globe"></i>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell is-col-span-2">
|
|
<div class="field">
|
|
<label class="label">ICCID Profile 1</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
type="text"
|
|
placeholder="ICCID Here"
|
|
id="iccidProfile1"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="fixed-grid has-2-cols">
|
|
<div class="grid is-gap-3">
|
|
<div class="cell is-col-span-2-mobile">
|
|
<div class="field">
|
|
<label class="label">APN Profile 2</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
type="text"
|
|
placeholder="APN Here"
|
|
id="apnProfile2"
|
|
/>
|
|
</div>
|
|
<p class="help">
|
|
This will override the current APN.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell is-col-span-2-mobile">
|
|
<div class="field">
|
|
<label class="label">APN PDP Type</label>
|
|
<p class="control has-icons-left">
|
|
<span class="select">
|
|
<select id="apnPDPType2">
|
|
<option selected>Select APN PDP Type</option>
|
|
<option value="IP">IPv4 Only</option>
|
|
<option value="IPV6">IPv6 Only</option>
|
|
<option value="IPV4V6">IPv4 and IPv6</option>
|
|
<option value="PPP">P2P Protocol</option>
|
|
</select>
|
|
</span>
|
|
<span class="icon is-small is-left">
|
|
<i class="fas fa-globe"></i>
|
|
</span>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cell is-col-span-2">
|
|
<div class="field">
|
|
<label class="label">ICCID Profile 2</label>
|
|
<div class="control">
|
|
<input
|
|
class="input"
|
|
type="text"
|
|
placeholder="ICCID Here"
|
|
id="iccidProfile2"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card-footer">
|
|
<a
|
|
href="#"
|
|
class="card-footer-item has-text-link has-text-weight-semibold has-text-white"
|
|
id="saveAPNProfile"
|
|
>
|
|
Save APN Profile
|
|
</a>
|
|
<a
|
|
href="#"
|
|
class="card-footer-item has-text-link has-text-weight-semibold has-text-white"
|
|
id="resetAPNProfile"
|
|
>
|
|
Reset APN Profile
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer class="footer">
|
|
<div class="content">
|
|
<div class="fixed-grid has-2-cols has-1-cols-mobile">
|
|
<div class="grid">
|
|
<div class="cell">
|
|
<div class="icon-text">
|
|
<span class="icon has-text-info">
|
|
<i class="fas fa-info-circle"></i>
|
|
</span>
|
|
<span>Information</span>
|
|
</div>
|
|
|
|
<p class="block has-text-weight-semibold">
|
|
Changing APN disconnects and reconnects the network
|
|
automatically.
|
|
<br />
|
|
If problem persists after changing settings, please reboot the
|
|
modem.
|
|
<br />
|
|
Please use the settings with caution.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="cell">
|
|
<div class="icon-text">
|
|
<span class="icon has-text-info">
|
|
<i class="fas fa-info-circle"></i>
|
|
</span>
|
|
<span>Information</span>
|
|
</div>
|
|
|
|
<p class="block has-text-weight-semibold">
|
|
APN and ICCID Based Locking will use a stored APN profile based
|
|
on the current SIM's ICCID.
|
|
<br />
|
|
Currently experimental.
|
|
<br />
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<div id="reboot-modal" class="modal">
|
|
<div class="modal-background"></div>
|
|
<div class="modal-card">
|
|
<section class="modal-card-body rounded-edge">
|
|
<p class="subtitle" id="modal-message">
|
|
Do you want to reboot the device?
|
|
</p>
|
|
<div id="loading-content" style="display: none">
|
|
<div class="custom-loader"></div>
|
|
<div class="countdown-text">
|
|
Rebooting... <span id="countdown">90</span>s
|
|
</div>
|
|
</div>
|
|
<div class="buttons" id="modal-buttons">
|
|
<button class="button is-warning" id="rebootModem">Reboot</button>
|
|
<button class="button cancel" aria-label="close">Cancel</button>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|