868 lines
34 KiB
HTML
Executable File
868 lines
34 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title id="webtitle"></title>
|
|
<link href="css/styles.css" rel="stylesheet" media="screen">
|
|
<script src="js/auth.js"></script>
|
|
<script src="js/jquery.js"></script>
|
|
<script src="js/dashboard.js"></script>
|
|
<script>
|
|
var time_sec_cnt=0;
|
|
var g_remot_local_ctrl = 0;// 0 remote 1 local
|
|
|
|
var lastTime = new Date().getTime();
|
|
var currentTime = new Date().getTime();
|
|
var timeOut = 20 * 60 * 1000; // 20 min
|
|
|
|
$(function(){
|
|
// Listen to multiple types of user activity to prevent timeout
|
|
$(document).on('mousemove keydown click scroll touchstart', function(){
|
|
lastTime = new Date().getTime();
|
|
});
|
|
});
|
|
|
|
function testTime(){
|
|
currentTime = new Date().getTime();
|
|
if(currentTime - lastTime > timeOut){
|
|
window.location.href="login.cgi?logout=1"
|
|
}
|
|
|
|
time_sec_cnt=time_sec_cnt+1;
|
|
if(time_sec_cnt%3==0){
|
|
get_remote_local_ctrl();
|
|
if(g_remot_local_ctrl==1) { // local
|
|
SetFormDefaults();
|
|
}
|
|
refreshDashboard();
|
|
}
|
|
}
|
|
|
|
// Timer check (1s)
|
|
window.setInterval(testTime, 1000);
|
|
refreshDashboard();
|
|
|
|
function get_remote_local_ctrl() {
|
|
var queryData = "sys_cfg=&";
|
|
$.get("atsc_status_cfg.cgi?"+queryData, function(data, status) {
|
|
// Handle case where data is a JSON object (e.g., session expired)
|
|
if (typeof data === 'object' && data !== null) {
|
|
if (data.error === 'session_expired' && data.redirect) {
|
|
window.location.href = data.redirect;
|
|
return;
|
|
}
|
|
console.error('Received JSON error response:', data);
|
|
return;
|
|
}
|
|
|
|
var table = data.split("|");
|
|
g_remot_local_ctrl = Number(table[0].split("#")[5]);
|
|
document.title = table[0].split("#")[11];
|
|
});
|
|
}
|
|
|
|
function SetFormDefaults() {
|
|
// 1. DISABLE BUTTONS START (only in Remote mode)
|
|
if(g_remot_local_ctrl == 1) {
|
|
// Local mode: just fetch data, don't change button text
|
|
var ops = 0;
|
|
var i = 0;
|
|
var queryData = "tsoip_num=&tsoip_systs1=&tsoip_systs2=&web_title=&"
|
|
} else {
|
|
// Remote mode: show Loading indicator
|
|
$('#setnet_id_1, #setcfg_id1').attr("disabled", true).val("Loading...");
|
|
var ops = 0;
|
|
var i = 0;
|
|
var queryData = "tsoip_num=&tsoip_systs1=&tsoip_systs2=&web_title=&"
|
|
}
|
|
|
|
$.get("atsc_status_cfg.cgi?"+queryData, function(data, status) {
|
|
// Handle case where data is a JSON object (e.g., session expired)
|
|
if (typeof data === 'object' && data !== null) {
|
|
if (data.error === 'session_expired' && data.redirect) {
|
|
window.location.href = data.redirect;
|
|
return;
|
|
}
|
|
console.error('Received JSON error response:', data);
|
|
return;
|
|
}
|
|
|
|
// Validate response structure
|
|
var table = data.split("|");
|
|
if (table.length < 4) {
|
|
console.error("TSoIP: Invalid response - expected 4 sections, got", table.length);
|
|
$('#setnet_id_1, #setcfg_id1').val("Data Error");
|
|
return;
|
|
}
|
|
|
|
var form = table[0].split("#"); // tsoip_num
|
|
var tsoip_total_num = Number(form[1]);
|
|
var tb_systs = table[1].split("#"); // tsoip_systs1
|
|
var tb_systs2 = table[2].split("#");// tsoip_systs2
|
|
var title = table[3].split("#");
|
|
|
|
// Validate field counts for TSoIP configuration
|
|
// Expected: Network config (13 fields) + Rx config (12 fields) = 25+ fields
|
|
if (tb_systs.length < 25) {
|
|
console.warn("TSoIP: Incomplete data - expected 25+ fields, got", tb_systs.length);
|
|
console.log("TSoIP data:", tb_systs);
|
|
}
|
|
|
|
var fnet1 = document.getElementById('ts1_net_form');
|
|
var fcfg1 = document.getElementById('ts1_cfg_form');
|
|
|
|
ops = 1;
|
|
fnet1.ip1.value = tb_systs[ops];
|
|
ops++;
|
|
fnet1.ip2.value = (Number(tb_systs[ops])&0x00ff0000)>>16;
|
|
fnet1.ip3.value = (Number(tb_systs[ops])&0x0000ff00)>>8;
|
|
fnet1.ip4.value = (Number(tb_systs[ops])&0x000000ff)>>0;
|
|
ops++;
|
|
|
|
fnet1.gt1.value = tb_systs[ops];
|
|
ops++;
|
|
fnet1.gt2.value = (Number(tb_systs[ops])&0x00ff0000)>>16;
|
|
fnet1.gt3.value = (Number(tb_systs[ops])&0x0000ff00)>>8;
|
|
fnet1.gt4.value = (Number(tb_systs[ops])&0x000000ff)>>0;
|
|
ops++;
|
|
|
|
fnet1.mk1.value = tb_systs[ops];
|
|
ops++;
|
|
fnet1.mk2.value = (Number(tb_systs[ops])&0x00ff0000)>>16;
|
|
fnet1.mk3.value = (Number(tb_systs[ops])&0x0000ff00)>>8;
|
|
fnet1.mk4.value = (Number(tb_systs[ops])&0x000000ff)>>0;
|
|
ops++;
|
|
|
|
$("#tsoipmac").html(tb_systs[ops]);
|
|
ops++;
|
|
|
|
// Read all 4 octets of Multicast IP
|
|
fcfg1.ma1.value = tb_systs[ops];
|
|
ops++;
|
|
fcfg1.ma2.value = (Number(tb_systs[ops])&0x00ff0000)>>16;
|
|
fcfg1.ma3.value = (Number(tb_systs[ops])&0x0000ff00)>>8;
|
|
fcfg1.ma4.value = (Number(tb_systs[ops])&0x000000ff)>>0;
|
|
ops++;
|
|
// Then read Port
|
|
fcfg1.uport.value = tb_systs[ops];
|
|
ops++;
|
|
var lpk_para = Number(tb_systs[ops]);
|
|
ops++;
|
|
|
|
i = (lpk_para&0xff0000)>>16;
|
|
if(i >= 2) i = 2;
|
|
fcfg1.pktp.selectedIndex = i;
|
|
|
|
i = (lpk_para&0x00ff00)>>8;
|
|
if(i >= 2) i = 2;
|
|
fcfg1.pklen.selectedIndex = i;
|
|
|
|
i = (lpk_para&0x0000ff);
|
|
if(i >= 2) i = 2;
|
|
fcfg1.pkrec.selectedIndex = i;
|
|
|
|
fcfg1.fec_swh.selectedIndex=Number(tb_systs[ops]);
|
|
ops++;
|
|
fcfg1.fec_dly.value=Number(tb_systs[ops]);
|
|
ops++;
|
|
fcfg1.fec_row.value=Number(tb_systs[ops]);
|
|
ops++;
|
|
fcfg1.fec_col.value=Number(tb_systs[ops]);
|
|
ops++;
|
|
|
|
// Logic for a second TS input (if enabled in backend)
|
|
if(tsoip_total_num == 2){
|
|
// Note: The original file did NOT have forms[2] and forms[3] in the HTML
|
|
// If you need the second interface, you must duplicate the HTML blocks below
|
|
// and ensure the IDs/Forms exist. For now, this follows the source file provided.
|
|
}
|
|
|
|
// 2. RE-ENABLE BUTTONS END (only in Remote mode)
|
|
if(g_remot_local_ctrl == 1) {
|
|
// Local mode: keep button disabled
|
|
$('#setnet_id_1, #setcfg_id1').attr("disabled", true).val("Local Mode");
|
|
} else {
|
|
// Remote mode: enable button
|
|
$('#setnet_id_1, #setcfg_id1').attr("disabled", false).val("Set");
|
|
}
|
|
|
|
if (typeof setFormSnapshotUpdate === 'function') setFormSnapshotUpdate();
|
|
|
|
document.getElementById('webtitle').textContent = title[1];
|
|
document.getElementById('webtitle_header').textContent = title[1];
|
|
}).fail(function() {
|
|
// Optional: Handle error case
|
|
$('#setnet_id_1, #setcfg_id1').val("Load Failed");
|
|
});
|
|
}
|
|
|
|
// ----- SET (unsaved) reminder: per-form, vanilla JS -----
|
|
var setFormSnapshots = {};
|
|
var setFormConfig = [
|
|
{ formId: 'ts1_net_form', buttonId: 'setnet_id_1' },
|
|
{ formId: 'ts1_cfg_form', buttonId: 'setcfg_id1' }
|
|
];
|
|
function getFormSnapshot(formId) {
|
|
var f = document.getElementById(formId);
|
|
if (!f) return [];
|
|
var out = [], els = f.querySelectorAll('select, input:not([type="button"])'), i, el, v;
|
|
for (i = 0; i < els.length; i++) {
|
|
el = els[i];
|
|
v = el.tagName === 'SELECT' ? (el.options[el.selectedIndex] ? el.options[el.selectedIndex].value : '') : (el.value || '');
|
|
out.push({ name: el.name || el.id, value: String(v) });
|
|
}
|
|
return out;
|
|
}
|
|
function isFormDirty(formId, snapshot) {
|
|
var current = getFormSnapshot(formId);
|
|
if (current.length !== snapshot.length) return true;
|
|
for (var i = 0; i < current.length; i++) {
|
|
if (current[i].name !== snapshot[i].name || current[i].value !== snapshot[i].value) return true;
|
|
}
|
|
return false;
|
|
}
|
|
function setSetButtonState(btnId, unsaved) {
|
|
var btn = document.getElementById(btnId);
|
|
if (!btn || btn.disabled) return;
|
|
btn.value = unsaved ? 'Set (unsaved)' : 'Set';
|
|
if (unsaved) btn.classList.add('is-unsaved'); else btn.classList.remove('is-unsaved');
|
|
}
|
|
function setFormSnapshotUpdate() {
|
|
for (var i = 0; i < setFormConfig.length; i++) {
|
|
var c = setFormConfig[i];
|
|
var f = document.getElementById(c.formId);
|
|
if (f) setFormSnapshots[c.formId] = getFormSnapshot(c.formId);
|
|
setSetButtonState(c.buttonId, false);
|
|
}
|
|
}
|
|
function updateSetButtonForForm(formId) {
|
|
for (var i = 0; i < setFormConfig.length; i++) {
|
|
if (setFormConfig[i].formId !== formId) continue;
|
|
var c = setFormConfig[i];
|
|
var snap = setFormSnapshots[c.formId];
|
|
var dirty = !snap || snap.length === 0 || isFormDirty(c.formId, snap);
|
|
setSetButtonState(c.buttonId, dirty);
|
|
return;
|
|
}
|
|
}
|
|
function attachSetFormUnsavedListeners() {
|
|
for (var i = 0; i < setFormConfig.length; i++) {
|
|
var f = document.getElementById(setFormConfig[i].formId);
|
|
if (!f) continue;
|
|
f.addEventListener('change', function() { updateSetButtonForForm(this.id); });
|
|
f.addEventListener('input', function() { updateSetButtonForForm(this.id); });
|
|
}
|
|
}
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', attachSetFormUnsavedListeners);
|
|
} else {
|
|
attachSetFormUnsavedListeners();
|
|
}
|
|
|
|
function refresh_show(){
|
|
get_remote_local_ctrl();
|
|
SetFormDefaults();
|
|
refreshDashboard();
|
|
}
|
|
|
|
function cmd_confirm() {
|
|
return confirm("Please choose to confirm or cancel!");
|
|
}
|
|
|
|
function tsoip_setnet(ts_index) {
|
|
var postData;
|
|
var forms_net;
|
|
|
|
if(ts_index==0){
|
|
postData = "tsoip_net1=";
|
|
forms_net = document.forms[0];
|
|
}
|
|
else if(ts_index==1){
|
|
postData = "tsoip_net2=";
|
|
forms_net = document.forms[2];
|
|
}
|
|
|
|
postData += "#"+forms_net.ip1.value;
|
|
postData += "#"+forms_net.ip2.value;
|
|
postData += "#"+forms_net.ip3.value;
|
|
postData += "#"+forms_net.ip4.value;
|
|
|
|
postData += "#"+forms_net.gt1.value;
|
|
postData += "#"+forms_net.gt2.value;
|
|
postData += "#"+forms_net.gt3.value;
|
|
postData += "#"+forms_net.gt4.value;
|
|
|
|
postData += "#"+forms_net.mk1.value;
|
|
postData += "#"+forms_net.mk2.value;
|
|
postData += "#"+forms_net.mk3.value;
|
|
postData += "#"+forms_net.mk4.value;
|
|
|
|
postData += "#"+forms_net.eth_spd.value;
|
|
|
|
if(cmd_confirm()){
|
|
$.post("atsc_status_cfg.cgi?", postData, function(data, status){
|
|
if(status=="success"){
|
|
SetFormDefaults();
|
|
} else{
|
|
alert("post val err");
|
|
}
|
|
});
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function tsoip_setcfg(ts_index) {
|
|
var postData = "";
|
|
var forms;
|
|
|
|
if(ts_index==0){
|
|
postData = "tsoip_systs1=";
|
|
forms = document.forms[1];
|
|
}
|
|
else if(ts_index==1){
|
|
postData = "tsoip_systs2=";
|
|
forms = document.forms[3];
|
|
}
|
|
|
|
postData += "#"+forms.ma1.value;
|
|
postData += "#"+forms.ma2.value;
|
|
postData += "#"+forms.ma3.value;
|
|
postData += "#"+forms.ma4.value;
|
|
|
|
postData += "#"+forms.uport.value;
|
|
postData += "#"+forms.pktp.value;
|
|
postData += "#"+forms.pklen.value;
|
|
postData += "#"+forms.pkrec.value;
|
|
postData += "#"+forms.fec_swh.value;
|
|
|
|
postData += "#"+forms.fec_dly.value;
|
|
postData += "#"+forms.fec_row.value;
|
|
postData += "#"+forms.fec_col.value;
|
|
postData += "#0"; // force 0
|
|
|
|
if(cmd_confirm()){
|
|
$.post("atsc_status_cfg.cgi?", postData, function(data, status){
|
|
if(status=="success"){
|
|
SetFormDefaults();
|
|
} else{
|
|
alert("post val err");
|
|
}
|
|
});
|
|
} else {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
// Modal & Dropdown Logic - Open and close account modal
|
|
function openAccountModal() {
|
|
// Fetch current username from server
|
|
$.get("login.cgi?action=get_user", function(data) {
|
|
var trimmedData = (data || "").trim();
|
|
if (trimmedData && trimmedData !== "UNAUTHORIZED") {
|
|
document.getElementById('current_user').value = trimmedData;
|
|
}
|
|
document.getElementById('accountModal').style.display = 'block';
|
|
setTimeout(function() { document.getElementById('current_pwd').focus(); }, 100);
|
|
}).fail(function() {
|
|
document.getElementById('accountModal').style.display = 'block';
|
|
setTimeout(function() { document.getElementById('current_pwd').focus(); }, 100);
|
|
});
|
|
}
|
|
|
|
function closeAccountModal() {
|
|
document.getElementById('accountModal').style.display = 'none';
|
|
// Clear sensitive fields
|
|
document.getElementById('current_pwd').value = '';
|
|
document.getElementById('new_pwd').value = '';
|
|
document.getElementById('confirm_pwd').value = '';
|
|
}
|
|
|
|
// Validates that a string contains only printable characters (excluding space)
|
|
function isValidPrintableString(str) {
|
|
// Regular expression to check for printable characters (ASCII 33-126), excluding space
|
|
// Space is ASCII 32, and we want to exclude it
|
|
var printableCharRegex = /^[!-~]+$/; // ! is ASCII 33, ~ is ASCII 126
|
|
return printableCharRegex.test(str);
|
|
}
|
|
|
|
function validateAccountForm() {
|
|
var currentUser = document.getElementById('current_user').value;
|
|
var currentPwd = document.getElementById('current_pwd').value;
|
|
var newUsername = document.getElementById('new_user').value;
|
|
var newPwd = document.getElementById('new_pwd').value;
|
|
var confirmPwd = document.getElementById('confirm_pwd').value;
|
|
|
|
// Current password is required (cannot be empty)
|
|
if (!currentPwd || currentPwd.trim() === "") {
|
|
alert("Current password is required");
|
|
return false;
|
|
}
|
|
|
|
// Validate current password contains only printable characters
|
|
if (!isValidPrintableString(currentPwd)) {
|
|
alert("Current password contains invalid characters. Only printable characters (excluding space) are allowed.");
|
|
return false;
|
|
}
|
|
|
|
// New password is required (cannot be empty)
|
|
if (!newPwd || newPwd.trim() === "") {
|
|
alert("New password is required");
|
|
return false;
|
|
}
|
|
|
|
// Validate new password contains only printable characters
|
|
if (!isValidPrintableString(newPwd)) {
|
|
alert("New password contains invalid characters. Only printable characters (excluding space) are allowed.");
|
|
return false;
|
|
}
|
|
|
|
// Validate new password length (max 16 chars)
|
|
if (newPwd.length > 16) {
|
|
alert("New password must be no more than 16 characters");
|
|
return false;
|
|
}
|
|
|
|
// Validate new password length
|
|
if (newPwd.length < 6) {
|
|
alert("New password must be at least 6 characters");
|
|
return false;
|
|
}
|
|
|
|
// Confirm password must match new password
|
|
if (newPwd !== confirmPwd) {
|
|
alert("New passwords do not match");
|
|
return false;
|
|
}
|
|
|
|
// Validate confirm password contains only printable characters
|
|
if (!isValidPrintableString(confirmPwd)) {
|
|
alert("Confirm password contains invalid characters. Only printable characters (excluding space) are allowed.");
|
|
return false;
|
|
}
|
|
|
|
// Validate confirm password length (max 16 chars)
|
|
if (confirmPwd.length > 16) {
|
|
alert("Confirm password must be no more than 16 characters");
|
|
return false;
|
|
}
|
|
|
|
// Validate new username if provided
|
|
if (newUsername && newUsername.trim() !== "") {
|
|
// Validate new username contains only printable characters
|
|
if (!isValidPrintableString(newUsername)) {
|
|
alert("New username contains invalid characters. Only printable characters (excluding space) are allowed.");
|
|
return false;
|
|
}
|
|
|
|
// Validate new username length (max 16 chars)
|
|
if (newUsername.length > 16) {
|
|
alert("New username must be no more than 16 characters");
|
|
return false;
|
|
}
|
|
}
|
|
|
|
return true;
|
|
}
|
|
|
|
// Form submission handler using fetch API
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
var accountForm = document.getElementById('accountForm');
|
|
if (accountForm) {
|
|
accountForm.addEventListener('submit', function(e) {
|
|
e.preventDefault();
|
|
|
|
if (!validateAccountForm()) return;
|
|
|
|
var formData = new URLSearchParams({
|
|
Username: document.getElementById('current_user').value,
|
|
OldPassword: document.getElementById('current_pwd').value,
|
|
NewUsername: document.getElementById('new_user').value,
|
|
NewPassword: document.getElementById('new_pwd').value,
|
|
ConfirmPassword: document.getElementById('confirm_pwd').value
|
|
});
|
|
|
|
fetch('login.cgi?action=change_account', {
|
|
method: 'POST',
|
|
body: formData
|
|
})
|
|
.then(r => r.json())
|
|
.then(data => {
|
|
if (data.success) {
|
|
alert("Update successful! Please login again.");
|
|
closeAccountModal();
|
|
// Redirect to login page after 1.5 seconds
|
|
setTimeout(function() {
|
|
window.location.href = 'login.cgi?logout=1';
|
|
}, 1500);
|
|
} else {
|
|
alert(data.error || "Update failed");
|
|
}
|
|
})
|
|
.catch(function(err) {
|
|
alert("Network error: " + err);
|
|
});
|
|
});
|
|
}
|
|
});
|
|
</script>
|
|
</head>
|
|
|
|
<body onload="refresh_show()">
|
|
|
|
<div class="app-layout">
|
|
<aside class="app-sidebar">
|
|
<ul class="items">
|
|
<li><a href="status_info.html" title="Status">Status</a></li>
|
|
<li><a href="sys_set.html" title="Settings">Settings</a></li>
|
|
<li><a href="sys_rf.html" title="RF Control">RF Control</a></li>
|
|
<li><a href="sys_psip.html" title="TSID&PSIP">TSID&PSIP</a></li>
|
|
<li class="active"><a href="sys_ts.html" title="TSoIP">TSoIP</a></li>
|
|
<li><a href="sys_spectrum.html" title="Spectrum">Spectrum</a></li>
|
|
<li><a href="log_output.html" title="Log">Log</a></li>
|
|
</ul>
|
|
<div class="sidebar-footer">
|
|
<h4>Anywave Broadcast Inc.</h4>
|
|
<p>Copyright 2026<br><br><span class="redbox-label">Technical Support</span><br>+1 847 415 2258<br><a href="mailto:support@anywaveus.com">support@anywaveus.com</a></p>
|
|
</div>
|
|
</aside>
|
|
<div class="sidebar-overlay" onclick="toggleSidebar()"></div>
|
|
|
|
<header class="app-header">
|
|
<button class="menu-toggle" onclick="toggleSidebar()" aria-label="Toggle menu">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="3" y1="12" x2="21" y2="12"></line>
|
|
<line x1="3" y1="6" x2="21" y2="6"></line>
|
|
<line x1="3" y1="18" x2="21" y2="18"></line>
|
|
</svg>
|
|
</button>
|
|
<h1><a href="https://anywavecom.net/" class="logo-bg" title="Anywave Broadcast Inc."></a></h1>
|
|
<h2 id="webtitle_header"><span></span></h2>
|
|
<h3>
|
|
<div class="dropdown">
|
|
<button class="dropbtn-modern">Admin ▾</button>
|
|
<div class="dropdown-content">
|
|
<a href="#" onclick="openAccountModal(); return false;">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="12" cy="12" r="3"></circle>
|
|
<path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06-.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06-.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06-.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
|
|
</svg>
|
|
Account Settings
|
|
</a>
|
|
<a href="login.cgi?logout=1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M9 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h4"></path>
|
|
<polyline points="16 17 21 12 16 7"></polyline>
|
|
<line x1="21" y1="12" x2="9" y2="12"></line>
|
|
</svg>
|
|
Logout
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</h3>
|
|
</header>
|
|
|
|
<!-- Fixed Dashboard Summary - Top of page, under header -->
|
|
<div class="dashboard-fixed">
|
|
<div class="summary-dashboard">
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-neutral" id="dot_freq" aria-hidden="true"></span>
|
|
<span class="summary-label">Frequency</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-neutral" id="sum_freq">--</span>
|
|
<span class="summary-unit">MHz</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-ok" id="dot_snr" aria-hidden="true"></span>
|
|
<span class="summary-label">SNR</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-ok" id="sum_snr">--</span>
|
|
<span class="summary-unit">dB</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-ok" id="dot_uimd" aria-hidden="true"></span>
|
|
<span class="summary-label">UIMD</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-ok" id="sum_uimd">--</span>
|
|
<span class="summary-unit">dBc</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-ok" id="dot_limd" aria-hidden="true"></span>
|
|
<span class="summary-label">LIMD</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-ok" id="sum_limd">--</span>
|
|
<span class="summary-unit">dBc</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-off" id="dot_rf" aria-hidden="true"></span>
|
|
<span class="summary-label">RF Switch</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-muted" id="sum_rf">--</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-ok" id="dot_outpow" aria-hidden="true"></span>
|
|
<span class="summary-label">Output Power</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-ok" id="sum_outpow">--</span>
|
|
<span class="summary-unit">dBm</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-neutral" id="dot_input" aria-hidden="true"></span>
|
|
<span class="summary-label">Input Source</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-neutral" id="sum_input">--</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-neutral" id="dot_input_status" aria-hidden="true"></span>
|
|
<span class="summary-label">Input Status</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-neutral" id="sum_input_status">--</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-neutral" id="dot_bitrate" aria-hidden="true"></span>
|
|
<span class="summary-label">Bitrate</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-neutral" id="sum_bitrate">--</span>
|
|
<span class="summary-unit">Mbps</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-ok" id="dot_temp" aria-hidden="true"></span>
|
|
<span class="summary-label">Temperature</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-ok" id="sum_temp">--</span>
|
|
<span class="summary-unit">°F</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-off" id="dot_agc" aria-hidden="true"></span>
|
|
<span class="summary-label">AGC</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-muted" id="sum_agc">--</span>
|
|
</div>
|
|
</div>
|
|
<div class="summary-card">
|
|
<div class="summary-label-row">
|
|
<span class="status-dot status-neutral" id="dot_control" aria-hidden="true"></span>
|
|
<span class="summary-label">Control</span>
|
|
</div>
|
|
<div class="summary-value-wrapper">
|
|
<span class="summary-value value-neutral" id="sum_control">--</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<main class="app-main">
|
|
<h2>TSoIP (IP1) Network Configuration</h2>
|
|
<div class="box">
|
|
<form name="ts1_net" id="ts1_net_form">
|
|
<table>
|
|
<tr>
|
|
<td>IP</td>
|
|
<td><fieldset>
|
|
<input style="width:40px" maxlength="3" size="3" name="ip1" id="ip1" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ip2" id="ip2" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ip3" id="ip3" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ip4" id="ip4" value="">
|
|
</fieldset></td>
|
|
|
|
<td>Gateway</td>
|
|
<td><fieldset>
|
|
<input style="width:40px" maxlength="3" size="3" name="gt1" id="gt1" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="gt2" id="gt2" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="gt3" id="gt3" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="gt4" id="gt4" value="">
|
|
</fieldset></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Mask</td>
|
|
<td><fieldset>
|
|
<input style="width:40px" maxlength="3" size="3" name="mk1" id="mk1" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="mk2" id="mk2" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="mk3" id="mk3" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="mk4" id="mk4" value="">
|
|
</fieldset></td>
|
|
|
|
<td>MAC</td>
|
|
<td><span id="tsoipmac"></span></td>
|
|
</tr>
|
|
|
|
<tr style="display: none;">
|
|
<td>NET SPEED</td>
|
|
<td>
|
|
<select name="eth_spd" id="eth_spd">
|
|
<option value="0">100Mbps
|
|
<option value="1">1000Mbps
|
|
<option value="2">Auto
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td> <input type="button" class="btn-modern" alt="Set" value="Set" disabled id="setnet_id_1" onclick="return tsoip_setnet(0);"> </td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
<br><br>
|
|
|
|
<h2>TSoIP (IP1) Rx Configuration</h2>
|
|
<div class="box">
|
|
<form name="ts1_cfg" id="ts1_cfg_form">
|
|
<table>
|
|
<tr>
|
|
<td>Multicast IP</td>
|
|
<td><fieldset>
|
|
<input style="width:40px" maxlength="3" size="3" name="ma1" id="ma1" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ma2" id="ma2" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ma3" id="ma3" value="">.
|
|
<input style="width:40px" maxlength="3" size="3" name="ma4" id="ma4" value="">
|
|
</fieldset></td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Port</td>
|
|
<td>
|
|
<input maxlength="6" size="6" name="uport" id="uport" value="">
|
|
</td>
|
|
<td>Protocol</td>
|
|
<td>
|
|
<select name="pktp" id="pktp">
|
|
<option value="0">UDP
|
|
<option value="1">RTP
|
|
<option value="2">Invalid
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Length</td>
|
|
<td>
|
|
<select name="pklen" id="pklen">
|
|
<option value="0">188
|
|
<option value="1">204
|
|
<option value="2">Invalid
|
|
</select>
|
|
</td>
|
|
<td>Type</td>
|
|
<td>
|
|
<select name="pkrec" id="pkrec">
|
|
<option value="0">Multicast
|
|
<option value="1">Unicast
|
|
<option value="2">Invalid
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr style="display: none">
|
|
<td>FEC</td>
|
|
<td>
|
|
<select name="fec_swh" id="fec_swh">
|
|
<option value="0">Disable
|
|
<option value="1">Enable
|
|
</select>
|
|
</td>
|
|
<td>Delay</td>
|
|
<td>
|
|
<input maxlength="6" size="6" name="fec_dly" id="fec_dly" value="">
|
|
</td>
|
|
</tr>
|
|
<tr style="display: none">
|
|
<td>FEC Row</td>
|
|
<td>
|
|
<input maxlength="4" size="4" name="fec_row" id="fec_row" value="">
|
|
</td>
|
|
<td>FEC Col</td>
|
|
<td>
|
|
<input maxlength="4" size="4" name="fec_col" id="fec_col" value="">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td> <input type="button" class="btn-modern" alt="Set" value="Set" disabled id="setcfg_id1" onclick="return tsoip_setcfg(0);"> </td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</main>
|
|
</div>
|
|
|
|
<div id="accountModal" class="modal">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h3>Account Settings</h3>
|
|
<span class="close" onclick="closeAccountModal()">×</span>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form id="accountForm" method="post" action="login.cgi?action=change_account" onsubmit="return validateAccountForm()">
|
|
<table class="modal-table">
|
|
<tr>
|
|
<td>Current Username</td>
|
|
<td><input type="text" id="current_user" name="current_user" readonly></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Current Password</td>
|
|
<td><input type="password" id="current_pwd" name="current_pwd" required></td>
|
|
</tr>
|
|
<tr>
|
|
<td>New Username</td>
|
|
<td><input type="text" id="new_user" name="new_user"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>New Password</td>
|
|
<td><input type="password" id="new_pwd" name="new_pwd"></td>
|
|
</tr>
|
|
<tr>
|
|
<td>Confirm Password</td>
|
|
<td><input type="password" id="confirm_pwd" name="confirm_pwd"></td>
|
|
</tr>
|
|
</table>
|
|
<div class="modal-footer">
|
|
<input type="button" class="btn-modern" style="background-color: #64748b;" value="Cancel" onclick="closeAccountModal()">
|
|
<input type="submit" class="btn-modern" value="Save Changes">
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
function toggleSidebar(){
|
|
document.querySelector('.app-sidebar').classList.toggle('sidebar-open');
|
|
document.querySelector('.sidebar-overlay').classList.toggle('active');
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|