wt
dcc4f59552
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-Make (push) Waiting to run
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-CMake (push) Waiting to run
Prepare Build and Testing executable binary / Prepare-Build-Testing-With-Meson (push) Waiting to run
567 lines
25 KiB
HTML
567 lines
25 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="css/index.css" />
|
|
<link rel="stylesheet" href="css/form.css" />
|
|
<link rel="stylesheet" href="css/settings.css" />
|
|
<link rel="stylesheet" href="css/notification.css" />
|
|
<link rel="stylesheet" href="css/header.css" />
|
|
<link rel="stylesheet" href="css/button.css" />
|
|
<link rel="stylesheet" href="css/loader.css" />
|
|
<link rel="stylesheet" href="css/syslog.css" />
|
|
<link rel="stylesheet" href="css/info.css" />
|
|
<link rel="stylesheet" href="css/update.css" />
|
|
<title>Openrouter Admin</title>
|
|
</head>
|
|
|
|
<body>
|
|
<section class="adminpanel">
|
|
<!-- header -->
|
|
<header class="header">
|
|
<button id="headermenubutton">▤</button>
|
|
<div class="links">
|
|
<button class="linkbutton" id="syslogbutton">Syslog</button>
|
|
<button class="linkbutton" id="settingsbutton">
|
|
Settings
|
|
</button>
|
|
<button class="linkbutton" id="infobutton">Info</button>
|
|
<button class="linkbutton" id="rebootbutton">Reboot</button>
|
|
</div>
|
|
<h1>
|
|
<img
|
|
id="openroutericon"
|
|
src="favicon.ico"
|
|
alt="icon"
|
|
/>Openrouter Admin
|
|
</h1>
|
|
<div class="userbuttons">
|
|
<h1 class="headerusername"></h1>
|
|
<button class="exitbutton">Exit</button>
|
|
</div>
|
|
</header>
|
|
<!-- header -->
|
|
<!-- settings block -->
|
|
<div class="section">
|
|
<section class="settingssection">
|
|
<!-- telnet settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>Telnet</h2>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="telnetenable"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectbody telnetsettingbody">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label
|
|
for="telnetportinput"
|
|
class="forminputlabel"
|
|
>Port</label
|
|
>
|
|
<input
|
|
type="text"
|
|
id="telnetportinput"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectfooter">
|
|
<!-- <button class="settingrectfooterbutton hiddenbutton" id="add_telnet_user_button">Add telnet user</button> -->
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="set_telnet_settings"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- telnet settings -->
|
|
<!-- DNS settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>DNS</h2>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="dnsenable"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectbody" id="dnssettingsbody">
|
|
<table class="dnsservers">
|
|
<thead>
|
|
<tr>
|
|
<th>DNS servers</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="dnsserverstablebody"></tbody>
|
|
</table>
|
|
<h3>Domains Table</h3>
|
|
<table class="domains">
|
|
<thead>
|
|
<tr>
|
|
<th class="three">IP</th>
|
|
<th class="three">Domain</th>
|
|
<!-- <th class="three">Del</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody id="domainsstablebody"></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="settingrectfooter">
|
|
<button
|
|
id="add_local_domain_button"
|
|
class="hiddenbutton settingrectfooterbutton"
|
|
>
|
|
Add Local Domain
|
|
</button>
|
|
<button
|
|
id="add_dns_server_button"
|
|
class="hiddenbutton settingrectfooterbutton"
|
|
>
|
|
Add DNS server
|
|
</button>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="set_dns_settings"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- DNS settings -->
|
|
<!-- ftp settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>Ftp</h2>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="ftpenable"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectfooter">
|
|
<!-- <button>Add Ftp server</button> -->
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="set_ftp_settings"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- ftp settings -->
|
|
<!-- ssh settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>SSH</h2>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="sshenable"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectbody" id="sshsettingsbody">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label
|
|
for="sshserverinput"
|
|
class="forminputlabel"
|
|
>Server</label
|
|
>
|
|
<select name="selectserver" id="sshserverinput">
|
|
<option value="dropbear">dropbear</option>
|
|
<option value="openssh">openssh</option>
|
|
</select>
|
|
<!-- <input type="text" id="sshserverinput" class="forminput"> -->
|
|
</div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label for="sshportinput" class="forminputlabel"
|
|
>Port</label
|
|
>
|
|
<input
|
|
type="text"
|
|
id="sshportinput"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<table class="sshkeys">
|
|
<thead>
|
|
<tr>
|
|
<th>SSH keys</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="sshkeystablebody"></tbody>
|
|
</table>
|
|
</div>
|
|
<div class="settingrectfooter onebutton">
|
|
<button
|
|
id="add_ssh_key"
|
|
class="hiddenbutton settingrectfooterbutton"
|
|
>
|
|
Add SSH key
|
|
</button>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="set_ssh_settings"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- ssh settings -->
|
|
<!-- Wi-Fi settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>WIFI</h2>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="wifistatus"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectbody" id="wifisettingsbody">
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label for="SSID" class="forminputlabel"
|
|
>SSID</label
|
|
>
|
|
<input
|
|
type="text"
|
|
id="SSID"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label for="wifipassword" class="forminputlabel"
|
|
>Old password</label
|
|
>
|
|
<button id="showpasswordbutton">Show</button>
|
|
<input
|
|
type="password"
|
|
id="wifipassword"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label
|
|
for="newwifipassword"
|
|
class="forminputlabel"
|
|
>New password</label
|
|
>
|
|
<button id="shownewpasswordbutton">Show</button>
|
|
<input
|
|
type="password"
|
|
id="newwifipassword"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label for="wifichannel" class="forminputlabel"
|
|
>WIFI channel</label
|
|
>
|
|
<select id="wifichannel" class="forminput">
|
|
<option
|
|
class="channeloption"
|
|
value="1"
|
|
style="color: black"
|
|
>
|
|
1
|
|
</option>
|
|
<option class="channeloption" value="6">
|
|
6
|
|
</option>
|
|
<option class="channeloption" value="11">
|
|
11
|
|
</option>
|
|
</select>
|
|
</div>
|
|
<div
|
|
style="
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
"
|
|
>
|
|
<label for="wifiqr" class="forminputlabel"
|
|
>Show qr code</label
|
|
>
|
|
<div class="checkbox-wrapper-2">
|
|
<input
|
|
type="checkbox"
|
|
class="sc-gJwTLC ikxBAC"
|
|
id="wifiqr"
|
|
/>
|
|
</div>
|
|
<div id="wifiqrimg"></div>
|
|
</div>
|
|
</div>
|
|
<div class="settingrectfooter onebutton">
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="setwifisettings"
|
|
>
|
|
Confirm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- Wi-Fi settings -->
|
|
<!-- backup settings -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>Backup settings</h2>
|
|
</div>
|
|
<div
|
|
class="settingrectfooter"
|
|
style="flex-direction: column"
|
|
>
|
|
<a
|
|
id="backup_settings"
|
|
class="settingrectfooterbutton"
|
|
href=""
|
|
download="backup_settings.json"
|
|
>
|
|
<button class="settingrectfooterbutton">
|
|
Backup settings
|
|
</button>
|
|
</a>
|
|
<input
|
|
type="file"
|
|
name=""
|
|
id="restore_settings_input"
|
|
hidden
|
|
/>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="restore_settings"
|
|
>
|
|
Restore settings
|
|
</button>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="start_restore_settings"
|
|
>
|
|
Start restore settings
|
|
</button>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="restore_default_settings"
|
|
>
|
|
Rrestore default settings
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<!-- backup settings -->
|
|
<!-- update firmware -->
|
|
<div class="settingrect">
|
|
<div class="settingrectheader">
|
|
<h2>Update Firmware</h2>
|
|
</div>
|
|
<div
|
|
class="settingrectfooter"
|
|
style="flex-direction: column"
|
|
>
|
|
<input
|
|
type="file"
|
|
name=""
|
|
id="upload_image_input"
|
|
hidden
|
|
/>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="upload_image_button"
|
|
>
|
|
Update firmware
|
|
</button>
|
|
<div class="progressbar hidden" id="uploadprogress">
|
|
<div class="bar" id="uploadbar"></div>
|
|
<div class="percent" id="uploadpercent">
|
|
Uploaded 50 %
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="vstack hidden"
|
|
style="width: 100%; gap: 10px; padding: 0"
|
|
id="update_block"
|
|
>
|
|
<div
|
|
class="hstack"
|
|
style="
|
|
justify-content: space-around;
|
|
width: 100%;
|
|
"
|
|
>
|
|
<label for="auto_reboot_flag">
|
|
Reboot after update?
|
|
</label>
|
|
<div class="checker">
|
|
<div class="checked"></div>
|
|
</div>
|
|
<div id="noyes">(No)</div>
|
|
</div>
|
|
<input
|
|
id="auto_reboot_flag"
|
|
type="checkbox"
|
|
hidden
|
|
/>
|
|
<button
|
|
class="settingrectfooterbutton"
|
|
id="update_image_button"
|
|
>
|
|
Update
|
|
</button>
|
|
</div>
|
|
<div class="progressbar hidden" id="updateprogress">
|
|
<div class="bar" id="updatebar"></div>
|
|
<div class="percent" id="updatepercent">
|
|
Updated 50 %
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- update firmware -->
|
|
</section>
|
|
<!-- syslog block -->
|
|
<section class="syslogsection">
|
|
<div class="syslogheader">
|
|
<h2 class="syslogheader">Syslog</h2>
|
|
<button id="openrouterfilter">openrouter</button>
|
|
<button id="authservicefilter">auth_service</button>
|
|
<button id="refreshbutton">↺</button>
|
|
<label for="realtimesyslog">Realtime</label>
|
|
<input type="checkbox" id="realtimesyslog" />
|
|
</div>
|
|
<div class="syslogdata"></div>
|
|
</section>
|
|
<!-- syslog block -->
|
|
<section class="infosection">
|
|
<div class="inforect">
|
|
<label for="infoversion">Version: </label>
|
|
<p id="version">0.1.1</p>
|
|
</div>
|
|
<div class="inforect">
|
|
<label for="infouptime">Uptime: </label>
|
|
<p id="uptime"></p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
<!-- settings block -->
|
|
</section>
|
|
|
|
<!-- notification block -->
|
|
<div class="notificationsection"></div>
|
|
<!-- notification block -->
|
|
<!-- login form -->
|
|
<div class="form loginform">
|
|
<form class="formbody loginformbody">
|
|
<h1 class="formheader">OpenRouter Login</h1>
|
|
<div class="forminputbody">
|
|
<label for="loginusernameinput" class="forminputlabel"
|
|
>Username</label
|
|
>
|
|
<input
|
|
type="text"
|
|
required
|
|
id="loginusernameinput"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<div class="forminputbody">
|
|
<label for="loginpasswordinput" class="forminputlabel"
|
|
>Username</label
|
|
>
|
|
<input
|
|
type="password"
|
|
required
|
|
id="loginpasswordinput"
|
|
class="forminput"
|
|
/>
|
|
</div>
|
|
<div class="forminputbody">
|
|
<button class="formbutton">Login</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- login form -->
|
|
<!-- loader -->
|
|
<div class="loader">
|
|
<h1 id="loaderheader">Reboting</h1>
|
|
<div class="loadertip">
|
|
<div class="progress"></div>
|
|
</div>
|
|
</div>
|
|
<!-- loader -->
|
|
<script src="js/header.js"></script>
|
|
<script src="js/routes.js"></script>
|
|
<script src="js/notification.js"></script>
|
|
<script src="js/loader.js"></script>
|
|
|
|
<script src="js/settings/settings.js"></script>
|
|
<script src="js/settings/telnet.js"></script>
|
|
<script src="js/settings/dns.js"></script>
|
|
<script src="js/settings/ftp.js"></script>
|
|
<script src="js/settings/ssh.js"></script>
|
|
<script src="js/settings/wifi.js"></script>
|
|
<script src="js/settings/backup.js"></script>
|
|
|
|
<script src="js/reboot.js"></script>
|
|
<script src="js/syslog.js"></script>
|
|
<script src="js/info/uptime.js"></script>
|
|
<script src="js/update.js"></script>
|
|
<script src="js/login.js"></script>
|
|
</body>
|
|
</html>
|