V125-260722:(暂时发现DPD/FSSI/网页频谱显示都不正常,临时提交)1.合并增加 Web 端 FPGA .mcs 在线升级功能,支持升级进度及错误状态反馈。2.合并优化 FPGA 升级后的恢复流程,实现无需断电的 FPGA 配置、JESD 链路及 RF 热恢复。3.合并重构 ORx 功率、FSSI 和 FWD 计算;4.合并DPD相关优化和调试日志;5.合并IQ 频谱数据接收由 eth1 调整至 eth0,降低对外部网口连接状态的依赖。

This commit is contained in:
2026-07-22 17:08:03 +08:00
commit c6ab382383
1655 changed files with 516169 additions and 0 deletions
+867
View File
@@ -0,0 +1,867 @@
<!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 &#9662;</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">&#176;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()">&times;</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>