144 lines
5.8 KiB
HTML
144 lines
5.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title></title>
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/app.css" rel="stylesheet">
|
|
<script src="js/config.js"></script>
|
|
<script src="js/jquery-3.7.1.js"></script>
|
|
</head>
|
|
|
|
<body class="h-100 text-center text-bg-dark content-warp">
|
|
<div class="d-flex w-100 h-100 mx-auto flex-column">
|
|
<header class="mb-auto pb-5">
|
|
<div class="dotblock d-flex justify-content-between px-5 py-4">
|
|
<div class="fs-3">GEAZAN</div>
|
|
<div></div>
|
|
</div>
|
|
<div class="d-flex justify-content-center fw-bold border-black nav">
|
|
<div class="">
|
|
<a href="home.html">HOME</a>
|
|
</div>
|
|
<div class=""><a href="filter.html">FILTER</a></div>
|
|
<div class=""><a href="fs.html">FS</div>
|
|
<div class=""><a href="eq.html">EQ</a></div>
|
|
<div class=""><a href="ducking.html">DUCKING</a></div>
|
|
<div class=""><a href="network.html">NETWORK</a></div>
|
|
<div class="">
|
|
<a href="security.html">SECURITY</a>
|
|
</div>
|
|
<div class=""><a href="control.html">CONTROL</a></div>
|
|
<div class="last active"><a href="system.html">SYSTEM</a></div>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="px-3 d-flex justify-content-center">
|
|
<div class="form">
|
|
<div class="border border-black m-6 password-form">
|
|
<div class=" m-5 mx-auto form" style="width: 700px;">
|
|
<div class="mb-3 row">
|
|
<label for="staticEmail" class="col-sm-4 col-form-label">GUI verion</label>
|
|
<div class="col-sm-8">
|
|
<div class="d-flex mt-2" id="guiv">
|
|
v1.0.0
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label for="staticEmail" class="col-sm-4 col-form-label">Firmware Version</label>
|
|
<div class="col-sm-8">
|
|
<div class="d-flex mt-2" id="firmwarev">
|
|
v1.0.1
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label for="staticEmail" class="col-sm-4 col-form-label">SN</label>
|
|
<div class="col-sm-8">
|
|
<div class="d-flex mt-2" id="sn">
|
|
SN-2343-123-NNDD
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label for="inputPassword" class="col-sm-4 col-form-label">Host Name</label>
|
|
<div class="col-sm-8">
|
|
<div class="d-flex mt-2" id="hostName">
|
|
HostName
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label for="inputPassword" class="col-sm-4 col-form-label">Factory Reset</label>
|
|
<div class="col-sm-8 d-flex">
|
|
<button id="reset" type="button" class="btn btn-danger">Reset</button>
|
|
</div>
|
|
</div>
|
|
<div class="mb-3 row">
|
|
<label for="inputPassword" class="col-sm-4 col-form-label">Fimware Upgrade</label>
|
|
<div class="col-sm-8 d-flex">
|
|
<button id="selectFile" class="btn button btn-dark border border-black">Browser</button>
|
|
<input type="text" id="fileName" class="form-control" />
|
|
<input type="file" id="uploadFile" style="display: none;">
|
|
<button type="button" id="upgrade"
|
|
class="btn button btn-dark border border-black ms-4">Load</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="mt-5 pb-5">
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<footer class="mt-auto text-white-50">
|
|
<div class="dotblock d-flex justify-content-between px-5 py-4">
|
|
<div class="">Geazan</div>
|
|
<div>www.geazan.com</div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('#reset').on('click', function (event) {
|
|
alert('a')
|
|
});
|
|
|
|
$('#selectFile').on('click', function () {
|
|
$('#uploadFile').click()
|
|
})
|
|
$('#uploadFile').on("change", function () {
|
|
let file = $('#uploadFile')[0].value
|
|
$('#fileName')[0].value = file
|
|
});
|
|
|
|
$("#upgrade").on("click",function(){
|
|
alert('aaa')
|
|
})
|
|
})
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
//初始化配置
|
|
loadData();
|
|
})
|
|
|
|
function loadData() {
|
|
$("#guiv").text("v1.0.1")
|
|
$("#firmwarev").text("v1.0.0")
|
|
$("#sn").text("SN-2343-123-NNDD")
|
|
$("#hostName").text("Test.Hostname")
|
|
|
|
// $.ajax({
|
|
// url: '', success: function (res) {
|
|
// console.log('a')
|
|
// }
|
|
// });
|
|
}
|
|
|
|
|
|
</script>
|
|
</body>
|
|
|
|
</html> |