mirror of https://github.com/Anime4000/RTL960x.git
102 lines
7.8 KiB
HTML
102 lines
7.8 KiB
HTML
<!-- Created by Anime4000 @ RTL960x Community for xPON ONU SFP Stick -->
|
|
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>xPON ONU SFP Stick</title>
|
|
<link href="style/bootstrap.min.css" rel="stylesheet">
|
|
<style>
|
|
html, body {
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: cover;
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg clip-path='url(%26quot%3b%23SvgjsClipPath1148%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='%2332325d'%3e%3c/rect%3e%3ccircle r='45.14' cx='402.22' cy='220.21' fill='url(%23SvgjsLinearGradient1149)'%3e%3c/circle%3e%3ccircle r='31.585' cx='573.26' cy='424.8' fill='url(%23SvgjsLinearGradient1150)'%3e%3c/circle%3e%3ccircle r='16.535' cx='788.02' cy='508.67' fill='%2343468b'%3e%3c/circle%3e%3ccircle r='29.96' cx='149.19' cy='217.73' fill='url(%23SvgjsLinearGradient1151)'%3e%3c/circle%3e%3ccircle r='24.725' cx='168.92' cy='101.34' fill='url(%23SvgjsLinearGradient1152)'%3e%3c/circle%3e%3ccircle r='40.46' cx='805.88' cy='64.1' fill='%2343468b'%3e%3c/circle%3e%3ccircle r='43.37' cx='1085.78' cy='293.07' fill='url(%23SvgjsLinearGradient1153)'%3e%3c/circle%3e%3ccircle r='44.975' cx='1034.83' cy='263.35' fill='url(%23SvgjsLinearGradient1154)'%3e%3c/circle%3e%3c/g%3e%3cdefs%3e%3cclipPath id='SvgjsClipPath1148'%3e%3crect width='1440' height='560' x='0' y='0'%3e%3c/rect%3e%3c/clipPath%3e%3clinearGradient x1='311.94000000000005' y1='220.21' x2='492.50000000000006' y2='220.21' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1149'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23484687' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='510.09' y1='424.8' x2='636.43' y2='424.8' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1150'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='89.27' y1='217.73000000000002' x2='209.11' y2='217.73000000000002' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1151'%3e%3cstop stop-color='%23ab3c51' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%234f4484' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='119.46999999999998' y1='101.34' x2='218.37' y2='101.34' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1152'%3e%3cstop stop-color='%2384b6e0' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23464a8f' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='999.04' y1='293.07' x2='1172.52' y2='293.07' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1153'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23484687' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3clinearGradient x1='944.8799999999999' y1='263.35' x2='1124.78' y2='263.35' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1154'%3e%3cstop stop-color='%23e298de' offset='0.1'%3e%3c/stop%3e%3cstop stop-color='%23484687' offset='0.9'%3e%3c/stop%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e");
|
|
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<nav class="navbar navbar-expand-lg navbar-dark bg-dark" aria-label="Eighth navbar example">
|
|
<div class="container">
|
|
<a class="navbar-brand" target="no_js_iframe" href="status.asp">TWCGPON657</a>
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExample07" aria-controls="navbarsExample07" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse" id="navbarsExample07">
|
|
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false">Status</a>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdown07">
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="status.asp">Device</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="status_pon.asp">PON</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false">Advanced</a>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdown07">
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="tcpiplan.asp">LAN Interface</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="vlan.asp">VLAN Mode</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="omci_info.asp">OMCI</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="gpon.asp">GPON</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="epon.asp">EPON</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false">System</a>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdown07">
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="fdbtbl.asp">Bridge Forwarding Database</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="stats.asp">Flow Statistics</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="pon-stats.asp">PON Statistics</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="upgrade2.asp">Firmware Upgrade</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="saveconf.asp">Backup & Restore</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="reboot.asp">Commit & Reboot</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown">
|
|
<a class="nav-link dropdown-toggle" href="#" id="dropdown07" data-bs-toggle="dropdown" aria-expanded="false">Admin</a>
|
|
<ul class="dropdown-menu" aria-labelledby="dropdown07">
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="password.asp">Password</a></li>
|
|
<li><a class="dropdown-item" target="no_js_iframe" href="multi_lang.asp">Language</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
<div class="text-end">
|
|
<form action="/boaform/admin/formLogout" method="post">
|
|
<button class="btn btn-warning" type="submit" value="Logout">Logout</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div id="iframe_page" class="container" style="background-color: rgba(255,255,255,0.4); backdrop-filter: blur(16px);">
|
|
<iframe id="no_js_iframe" name="no_js_iframe" src="status.asp" style="width: 100%;height: calc(100vh - 118px);" allowtransparency="true"></iframe>
|
|
</div>
|
|
<footer class="bg-dark text-white p-3">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-sm-2">
|
|
<small class="text-muted">Build: 2022-04-04</small>
|
|
</div>
|
|
<div class="col-sm-8 text-center">
|
|
<small class="text-muted"><a class="text-muted text-decoration-none" href="https://github.com/Anime4000/RTL9601C1">RTL960x</a></small>
|
|
</div>
|
|
<div class="col-sm-2 text-end">
|
|
<small class="text-muted">GUI by <a class="text-muted text-decoration-none" href="https://github.com/Anime4000">Anime4000</a></small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script type="text/javascript" src="bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
var div = document.getElementById('iframe_page');
|
|
|
|
function css(element, property) {
|
|
return window.getComputedStyle(element, null).getPropertyValue(property);
|
|
}
|
|
|
|
document.getElementById("no_js_iframe").contentDocument.body.style.fontFamily = css(div, 'font-family');
|
|
</script>
|
|
</body>
|
|
</html>
|