fix
parent
8666693061
commit
ca494a7365
39
control.html
39
control.html
|
@ -161,14 +161,35 @@
|
||||||
var trigger = $("input[name='trigger']:checked").val();
|
var trigger = $("input[name='trigger']:checked").val();
|
||||||
var delection = $("input[name='analog']:checked").val();
|
var delection = $("input[name='analog']:checked").val();
|
||||||
var lock = $("input[name='lock']:checked").val();
|
var lock = $("input[name='lock']:checked").val();
|
||||||
|
|
||||||
|
let url = '/cgi-bin/test.cgi??action=control_set';
|
||||||
|
let postData = {
|
||||||
|
power: power,
|
||||||
|
hibernation: hibernation,
|
||||||
|
timer: timer,
|
||||||
|
trigger: trigger,
|
||||||
|
delection: delection,
|
||||||
|
lock: lock
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
$("#blink").on('click', function () {
|
|
||||||
alert('blink click')
|
|
||||||
})
|
|
||||||
|
|
||||||
$("#submit").on('click', function () {
|
|
||||||
alert('on submit')
|
|
||||||
})
|
})
|
||||||
|
|
||||||
$("#timer").on('change', function () {
|
$("#timer").on('change', function () {
|
||||||
|
@ -179,8 +200,12 @@
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = '/cgi-bin/test.cgi?action=control_get';
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
|
|
140
ducking.html
140
ducking.html
|
@ -18,7 +18,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,6 +34,19 @@
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
|
@ -356,25 +370,79 @@
|
||||||
|
|
||||||
$("input[name='switch']").on('change', function () {
|
$("input[name='switch']").on('change', function () {
|
||||||
let $value = $("input[name='switch']:checked").val()
|
let $value = $("input[name='switch']:checked").val()
|
||||||
console.log($("input[name='switch']:checked").val())
|
// console.log($("input[name='switch']:checked").val())
|
||||||
alert($value)
|
// alert($value)
|
||||||
|
|
||||||
|
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
||||||
|
let postData = {
|
||||||
|
state:$value
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
mic1.on('change', function () {
|
mic1.on('change', function () {
|
||||||
var isChecked = mic1.prop('checked');
|
var isChecked = mic1.prop('checked');
|
||||||
alert(isChecked)
|
// alert(isChecked)
|
||||||
|
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
||||||
})
|
})
|
||||||
|
|
||||||
mic2.on('change', function () {
|
mic2.on('change', function () {
|
||||||
var isChecked = mic2.prop('checked');
|
var isChecked = mic2.prop('checked');
|
||||||
alert(isChecked)
|
// alert(isChecked)
|
||||||
|
micChange(mic1.prop('checked'), mic2.prop('checked'))
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
function micChange(mic1, mic2) {
|
||||||
|
let url = '/cgi-bin/test.cgi?action=ducker_set';
|
||||||
|
let postData = {
|
||||||
|
mic1: mic1 ? "open" : "close",
|
||||||
|
mic2: mic2 ? "open" : "close",
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = '/cgi-bin/test.cgi?action=ducker_get';
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
|
@ -439,8 +507,10 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (490 / 100)) + 10).toFixed(1)}`);
|
let number = ((input.val() * (490 / 100)) + 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('attack',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function thresholdSlider(number) {
|
function thresholdSlider(number) {
|
||||||
|
@ -470,8 +540,11 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (60 / 100)) - 60).toFixed(1)}`);
|
|
||||||
|
let number = ((input.val() * (60 / 100)) - 60).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('threshold',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function ducklevelSlider(number) {
|
function ducklevelSlider(number) {
|
||||||
|
@ -501,8 +574,11 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (100 / 100) - 100)).toFixed(1)}`);
|
|
||||||
|
let number = ((input.val() * (100 / 100)) - 100).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('ducklevel',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function releaseSlider(number) {
|
function releaseSlider(number) {
|
||||||
|
@ -532,9 +608,53 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (2000 / 100)) + 10).toFixed(1)}`);
|
|
||||||
|
|
||||||
|
let number = ((input.val() * (2000 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('release',number)
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=ducker_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
type: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
// ,,,release
|
||||||
|
|
||||||
|
// if (module == 'threshold') {
|
||||||
|
// data.lineinput = res.content.lineinput
|
||||||
|
// }
|
||||||
|
// else if (module == 'attack') {
|
||||||
|
// data.mic1 = res.content.mic1
|
||||||
|
// }
|
||||||
|
// else if (module == 'ducklevel') {
|
||||||
|
// data.mic2 = res.content.mic2
|
||||||
|
// }
|
||||||
|
// else {
|
||||||
|
// data.output = res.content.output
|
||||||
|
// }
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
302
eq.html
302
eq.html
|
@ -18,7 +18,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -27,12 +28,23 @@
|
||||||
<div class="active"><a href="eq.html">EQ</a></div>
|
<div class="active"><a href="eq.html">EQ</a></div>
|
||||||
<div class=""><a href="ducking.html">DUCKING</a></div>
|
<div class=""><a href="ducking.html">DUCKING</a></div>
|
||||||
<div class=""><a href="network.html">NETWORK</a></div>
|
<div class=""><a href="network.html">NETWORK</a></div>
|
||||||
<div class="">
|
<div class=""><a href="security.html">SECURITY</a></div>
|
||||||
<a href="security.html">SECURITY</a>
|
|
||||||
</div>
|
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
|
@ -46,10 +58,10 @@
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic1threshold">
|
<div class="me-3" id="mic140Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Threshold
|
40Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -108,10 +120,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic1attack">
|
<div class="me-3" id="mic1150Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Attack
|
150Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -169,10 +181,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic1hold">
|
<div class="me-3" id="mic1500Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Hold
|
500Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -230,10 +242,71 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic1release">
|
<div class="me-3" id="mic12KHz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Release
|
2KHz
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<div class="volume-slider-box">
|
||||||
|
<div class="volume-slider" data-slider-value="50">
|
||||||
|
<input type="range" orient="vertical" min="0" max="100"
|
||||||
|
step="0.1" value="30">
|
||||||
|
<div class="range-slider-bar" style="height: calc(45% + 15px);">
|
||||||
|
</div>
|
||||||
|
<div class="range-slider-thumb" style="bottom: 45%;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<section class="volume-ruler">
|
||||||
|
<section class="cm">
|
||||||
|
<span>10</span>
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-10</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-20</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<span>-0</span>
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-40</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-50</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<span>-10</span>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="slider-value-box input-group justify-content-center mt-3">
|
||||||
|
<div>
|
||||||
|
<input class="slider-value text-center" type="number"
|
||||||
|
style="width: 30px;" />
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
style="font-size: 12px; color: #555; padding-left: 6px; padding-top: 5px;">dB</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="volume-slider-container mx-3">
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<div class="me-3" id="mic110KHz">
|
||||||
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
|
style="height: 30px;">
|
||||||
|
10KHz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -314,10 +387,10 @@
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic2threshold">
|
<div class="me-3" id="mic240Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Threshold
|
40Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -376,10 +449,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic2attack">
|
<div class="me-3" id="mic2150Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Attack
|
150Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -437,10 +510,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic2hold">
|
<div class="me-3" id="mic2500Hz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Hold
|
500Hz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -498,10 +571,71 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="volume-slider-container mx-3">
|
<div class="volume-slider-container mx-3">
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="me-3" id="mic2release">
|
<div class="me-3" id="mic22KHz">
|
||||||
<div class="d-flex justify-content-center align-items-center mb-3"
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
style="height: 30px;">
|
style="height: 30px;">
|
||||||
Release
|
2KHz
|
||||||
|
</div>
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<div class="volume-slider-box">
|
||||||
|
<div class="volume-slider" data-slider-value="50">
|
||||||
|
<input type="range" orient="vertical" min="0" max="100"
|
||||||
|
step="0.1" value="30">
|
||||||
|
<div class="range-slider-bar" style="height: calc(45% + 15px);">
|
||||||
|
</div>
|
||||||
|
<div class="range-slider-thumb" style="bottom: 45%;"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<section class="volume-ruler">
|
||||||
|
<section class="cm">
|
||||||
|
<span>10</span>
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-10</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-20</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<span>-0</span>
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-40</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<!-- <span>-50</span> -->
|
||||||
|
<section class="mm"></section>
|
||||||
|
</section>
|
||||||
|
<section class="cm">
|
||||||
|
<span>-10</span>
|
||||||
|
</section>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="slider-value-box input-group justify-content-center mt-3">
|
||||||
|
<div>
|
||||||
|
<input class="slider-value text-center" type="number"
|
||||||
|
style="width: 35px;" />
|
||||||
|
</div>
|
||||||
|
<span
|
||||||
|
style="font-size: 12px; color: #555; padding-left: 6px; padding-top: 5px;">dB</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="volume-slider-container mx-3">
|
||||||
|
<div class="d-flex justify-content-center">
|
||||||
|
<div class="me-3" id="mic210KHz">
|
||||||
|
<div class="d-flex justify-content-center align-items-center mb-3"
|
||||||
|
style="height: 30px;">
|
||||||
|
10KHz
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center">
|
<div class="d-flex justify-content-center">
|
||||||
<div class="volume-slider-box">
|
<div class="volume-slider-box">
|
||||||
|
@ -646,33 +780,33 @@
|
||||||
function bindData() {
|
function bindData() {
|
||||||
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
$("input[name='mic1switch']").val([`${data.mic1.state}`])
|
||||||
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
$("input[name='mic2switch']").val([`${data.mic2.state}`])
|
||||||
mic1AttackSlider(data.mic1.attack);
|
mic1150HzSlider(data.mic1.attack);
|
||||||
mic1ThresholdSlider(data.mic1.threshold);
|
mic140HzSlider(data.mic1.threshold);
|
||||||
mic1HoldSlider(data.mic1.hold);
|
mic1500HzSlider(data.mic1.hold);
|
||||||
mic1ReleaseSlider(data.mic1.release);
|
mic12KHzSlider(data.mic1.release);
|
||||||
|
|
||||||
mic2AttackSlider(data.mic2.attack);
|
mic2150HzSlider(data.mic2.attack);
|
||||||
mic2ThresholdSlider(data.mic2.threshold);
|
mic240HzSlider(data.mic2.threshold);
|
||||||
mic2HoldSlider(data.mic2.hold);
|
mic2500HzSlider(data.mic2.hold);
|
||||||
mic2ReleaseSlider(data.mic2.release);
|
mic210KHzSlider(data.mic2.release);
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic1AttackSlider(number) {
|
function mic1150HzSlider(number) {
|
||||||
let element = $('#mic1attack')
|
let element = $('#mic1150Hz')
|
||||||
let input = $("#mic1attack .volume-slider input")
|
let input = $("#mic1150Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic1AttackSlider(element);
|
updatemic1150HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic1AttackSlider(element);
|
updatemic1150HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic1AttackSlider(element);
|
updatemic1150HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic1AttackSlider(element) {
|
function updatemic1150HzSlider(element) {
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
|
@ -689,22 +823,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic1ThresholdSlider(number) {
|
function mic140HzSlider(number) {
|
||||||
let element = $('#mic1threshold')
|
let element = $('#mic140Hz')
|
||||||
let input = $("#mic1threshold .volume-slider input")
|
let input = $("#mic140Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic1ThresholdSlider(element);
|
updatemic140HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic1ThresholdSlider(element);
|
updatemic140HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic1ThresholdSlider(element);
|
updatemic140HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic1ThresholdSlider(element) {
|
function updatemic140HzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -720,22 +854,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic1HoldSlider(number) {
|
function mic1500HzSlider(number) {
|
||||||
let element = $('#mic1hold')
|
let element = $('#mic1500Hz')
|
||||||
let input = $("#mic1hold .volume-slider input")
|
let input = $("#mic1500Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic1HoldSlider(element);
|
updatemic1500HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic1HoldSlider(element);
|
updatemic1500HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic1HoldSlider(element);
|
updatemic1500HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic1HoldSlider(element) {
|
function updatemic1500HzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -751,22 +885,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic1ReleaseSlider(number) {
|
function mic12KHzSlider(number) {
|
||||||
let element = $('#mic1release')
|
let element = $('#mic12KHz')
|
||||||
let input = $("#mic1release .volume-slider input")
|
let input = $("#mic12KHz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic1ReleaseSlider(element);
|
updatemic12KHzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic1ReleaseSlider(element);
|
updatemic12KHzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic1ReleaseSlider(element);
|
updatemic12KHzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic1ReleaseSlider(element) {
|
function updatemic12KHzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -785,22 +919,22 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function mic2AttackSlider(number) {
|
function mic2150HzSlider(number) {
|
||||||
let element = $('#mic2attack')
|
let element = $('#mic2150Hz')
|
||||||
let input = $("#mic2attack .volume-slider input")
|
let input = $("#mic2150Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic2AttackSlider(element);
|
updatemic2150HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic2AttackSlider(element);
|
updatemic2150HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic2AttackSlider(element);
|
updatemic2150HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic2AttackSlider(element) {
|
function updatemic2150HzSlider(element) {
|
||||||
|
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
|
@ -817,22 +951,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic2ThresholdSlider(number) {
|
function mic240HzSlider(number) {
|
||||||
let element = $('#mic2threshold')
|
let element = $('#mic240Hz')
|
||||||
let input = $("#mic2threshold .volume-slider input")
|
let input = $("#mic240Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic2ThresholdSlider(element);
|
updatemic240HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic2ThresholdSlider(element);
|
updatemic240HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic2ThresholdSlider(element);
|
updatemic240HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic2ThresholdSlider(element) {
|
function updatemic240HzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -848,22 +982,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic2HoldSlider(number) {
|
function mic2500HzSlider(number) {
|
||||||
let element = $('#mic2hold')
|
let element = $('#mic2500Hz')
|
||||||
let input = $("#mic2hold .volume-slider input")
|
let input = $("#mic2500Hz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic2HoldSlider(element);
|
updatemic2500HzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic2HoldSlider(element);
|
updatemic2500HzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic2HoldSlider(element);
|
updatemic2500HzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic2HoldSlider(element) {
|
function updatemic2500HzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
@ -879,22 +1013,22 @@
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
}
|
}
|
||||||
|
|
||||||
function mic2ReleaseSlider(number) {
|
function mic210KHzSlider(number) {
|
||||||
let element = $('#mic2release')
|
let element = $('#mic210KHz')
|
||||||
let input = $("#mic2release .volume-slider input")
|
let input = $("#mic210KHz .volume-slider input")
|
||||||
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
input.attr('value', (parseInt(number) + 10) / (20 / 100))
|
||||||
updateMic2ReleaseSlider(element);
|
updatemic210KHzSlider(element);
|
||||||
|
|
||||||
|
|
||||||
input.on('input', function () {
|
input.on('input', function () {
|
||||||
updateMic2ReleaseSlider(element);
|
updatemic210KHzSlider(element);
|
||||||
})
|
})
|
||||||
input.on('change', function () {
|
input.on('change', function () {
|
||||||
updateMic2ReleaseSlider(element);
|
updatemic210KHzSlider(element);
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function updateMic2ReleaseSlider(element) {
|
function updatemic210KHzSlider(element) {
|
||||||
let box = element.children().find(".volume-slider")
|
let box = element.children().find(".volume-slider")
|
||||||
let input = element.children().find(".volume-slider input")
|
let input = element.children().find(".volume-slider input")
|
||||||
let $thumb = element.children().find(".range-slider-thumb")
|
let $thumb = element.children().find(".range-slider-thumb")
|
||||||
|
|
168
filter.html
168
filter.html
|
@ -18,7 +18,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,6 +34,19 @@
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
|
@ -166,29 +180,167 @@
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$("input[name='mic1']").on('change', function () {
|
$("input[name='mic1']").on('change', function () {
|
||||||
let $value = $("input[name='mic1']:checked").val()
|
let $value = $("input[name='mic1']:checked").val()
|
||||||
alert($value)
|
//alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
$("input[name='mic2']").on('change', function () {
|
$("input[name='mic2']").on('change', function () {
|
||||||
let $value = $("input[name='mic2']:checked").val()
|
let $value = $("input[name='mic2']:checked").val()
|
||||||
alert($value)
|
// alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
$("#mic1-type").on('change', function () {
|
$("#mic1-type").on('change', function () {
|
||||||
alert($("#mic1-type").val())
|
// alert($("#mic1-type").val())
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
type: $("#mic1-type").val(),
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
$("#mic2-type").on('change', function () {
|
$("#mic2-type").on('change', function () {
|
||||||
alert($("#mic2-type").val())
|
// alert($("#mic2-type").val())
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
type: $("#mic2-type").val(),
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=filter_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
module: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
if (module == 'mic1') {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = "/cgi-bin/test.cgi?action=filter_get"
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
success: function (res) { },
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
data = {
|
data = {
|
||||||
mic1: {
|
mic1: {
|
||||||
|
@ -239,6 +391,7 @@
|
||||||
},
|
},
|
||||||
change: function (args) {
|
change: function (args) {
|
||||||
$("#handle1-value").val(`${args.value}`);
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
changeInputValue('mic1', args.value)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -262,6 +415,7 @@
|
||||||
},
|
},
|
||||||
change: function (args) {
|
change: function (args) {
|
||||||
$("#handle2-value").val(`${args.value}`);
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
changeInputValue('mic2', args.value)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
119
fs.html
119
fs.html
|
@ -18,7 +18,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -33,6 +34,19 @@
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
|
@ -40,7 +54,7 @@
|
||||||
<div class="me-3"
|
<div class="me-3"
|
||||||
style="border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;">
|
style="border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;">
|
||||||
<div class="divider">
|
<div class="divider">
|
||||||
<div class="divider-text"><span class="fw-bold">Mic1 Frequency Shift</span></div>
|
<div class="divider-text"><span class="fw-bold">Mic1</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 d-flex justify-content-center">
|
<div class="p-3 d-flex justify-content-center">
|
||||||
<div style="width: 200px;" id="mic1">
|
<div style="width: 200px;" id="mic1">
|
||||||
|
@ -82,7 +96,7 @@
|
||||||
<div class="me-3"
|
<div class="me-3"
|
||||||
style="border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;">
|
style="border-left: 2px solid #000;border-right: 2px solid #000;border-bottom: 2px solid #000;">
|
||||||
<div class="divider">
|
<div class="divider">
|
||||||
<div class="divider-text"><span class="fw-bold">Mic2 Frequency Shift</span></div>
|
<div class="divider-text"><span class="fw-bold">Mic2</span></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="p-3 d-flex justify-content-center">
|
<div class="p-3 d-flex justify-content-center">
|
||||||
<div style="width: 200px;" id="mic2">
|
<div style="width: 200px;" id="mic2">
|
||||||
|
@ -147,21 +161,110 @@
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$("input[name='mic1switch']").on('change', function () {
|
$("input[name='mic1switch']").on('change', function () {
|
||||||
let $value = $("input[name='mic1switch']:checked").val()
|
let $value = $("input[name='mic1switch']:checked").val()
|
||||||
alert($value)
|
//alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
||||||
$("input[name='mic2switch']").on('change', function () {
|
$("input[name='mic2switch']").on('change', function () {
|
||||||
let $value = $("input[name='mic2switch']:checked").val()
|
let $value = $("input[name='mic2switch']:checked").val()
|
||||||
alert($value)
|
// alert($value)
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
state: $value,
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=fs_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
module: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
if (module == 'mic1') {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = "/cgi-bin/test.cgi?action=fs_get"
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
success: function (res) { },
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
data = {
|
data = {
|
||||||
mic1: {
|
mic1: {
|
||||||
|
@ -207,6 +310,7 @@
|
||||||
},
|
},
|
||||||
change: function (args) {
|
change: function (args) {
|
||||||
$("#handle1-value").val(`${args.value}`);
|
$("#handle1-value").val(`${args.value}`);
|
||||||
|
changeInputValue("mic1", args.value)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -230,6 +334,7 @@
|
||||||
},
|
},
|
||||||
change: function (args) {
|
change: function (args) {
|
||||||
$("#handle2-value").val(`${args.value}`);
|
$("#handle2-value").val(`${args.value}`);
|
||||||
|
changeInputValue("mic2", args.value)
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
233
home.html
233
home.html
|
@ -21,9 +21,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="active">
|
<div class="active">
|
||||||
<a href="home.html"><span>HOME</span></a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
<div class=""><a href="filter.html">FILTER</a></div>
|
<div class=""><a href="filter.html">FILTER</a></div>
|
||||||
<div class=""><a href="fs.html">FS</div>
|
<div class=""><a href="fs.html">FS</div>
|
||||||
|
@ -36,6 +37,19 @@
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
<div class="content-container">
|
<div class="content-container">
|
||||||
|
@ -951,6 +965,33 @@
|
||||||
|
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
|
|
||||||
|
$("#lineinput input[name='lineinput']").on('click', function () {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: 'lineinput',
|
||||||
|
signal: $("input[name='lineinput']:checked").val(),
|
||||||
|
module: 'lineinput'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.lineinput = res.content.lineinput
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
$('#lineinput-voice-add').on('click', function () {
|
$('#lineinput-voice-add').on('click', function () {
|
||||||
let num = $("#lineinput .volume-slider input").val();
|
let num = $("#lineinput .volume-slider input").val();
|
||||||
let value = ((num * (84 / 100) - 72) + 1).toFixed(1)
|
let value = ((num * (84 / 100) - 72) + 1).toFixed(1)
|
||||||
|
@ -963,6 +1004,35 @@
|
||||||
LineInputSlider(value)
|
LineInputSlider(value)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
$("input[name='lineinput-voice-close']").on('change', function () {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let state = $("input[name='lineinput-voice-close']:checked").val() == 'on'
|
||||||
|
let postData = {
|
||||||
|
subaction: 'lineinput',
|
||||||
|
state: state ? "close" : "open",
|
||||||
|
module: 'lineinput'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.lineinput = res.content.lineinput
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
alert(state ? "close" : "open")
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
$('#microphone1-voice-add').on('click', function () {
|
$('#microphone1-voice-add').on('click', function () {
|
||||||
let num = $("#microphone1 .volume-slider input").val();
|
let num = $("#microphone1 .volume-slider input").val();
|
||||||
|
@ -976,6 +1046,36 @@
|
||||||
Microphone1Slider(value)
|
Microphone1Slider(value)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
$("input[name='microphone1-voice-close']").on('change', function () {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let state = $("input[name='microphone1-voice-close']:checked").val() == 'on'
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic1',
|
||||||
|
state: state ? "close" : "open",
|
||||||
|
module: 'mic1'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
alert(state ? "close" : "open")
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
$('#microphone2-voice-add').on('click', function () {
|
$('#microphone2-voice-add').on('click', function () {
|
||||||
let num = $("#microphone2 .volume-slider input").val();
|
let num = $("#microphone2 .volume-slider input").val();
|
||||||
|
@ -989,6 +1089,35 @@
|
||||||
Microphone2Slider(value)
|
Microphone2Slider(value)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
$("input[name='microphone2-voice-close']").on('change', function () {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let state = $("input[name='microphone2-voice-close']:checked").val() == 'on'
|
||||||
|
let postData = {
|
||||||
|
subaction: 'mic2',
|
||||||
|
state: state ? "close" : "open",
|
||||||
|
module: 'mic2'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
alert(state ? "close" : "open")
|
||||||
|
})
|
||||||
|
|
||||||
$('#outputvolume-voice-add').on('click', function () {
|
$('#outputvolume-voice-add').on('click', function () {
|
||||||
let num = $("#outputvolume .volume-slider input").val();
|
let num = $("#outputvolume .volume-slider input").val();
|
||||||
let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
|
let value = ((num * (20 / 100) - 10) + 1).toFixed(1)
|
||||||
|
@ -1000,16 +1129,92 @@
|
||||||
let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
|
let value = ((num * (20 / 100) - 10) - 1).toFixed(1)
|
||||||
OutputVolumeSlider(value)
|
OutputVolumeSlider(value)
|
||||||
})
|
})
|
||||||
|
|
||||||
|
$("input[name='outputvolume-voice-close']").on('change', function () {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let state = $("input[name='outputvolume-voice-close']:checked").val() == 'on'
|
||||||
|
let postData = {
|
||||||
|
subaction: 'output',
|
||||||
|
state: state ? "close" : "open",
|
||||||
|
module: 'output'
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data.output = res.content.output
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
alert(state ? "close" : "open")
|
||||||
})
|
})
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
function changeInputValue(module, number) {
|
||||||
|
let url = "/cgi-bin/test.cgi&action=home_set"
|
||||||
|
let postData = {
|
||||||
|
subaction: module,
|
||||||
|
audio: number,
|
||||||
|
module: module
|
||||||
|
}
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
if (module == 'lineinput') {
|
||||||
|
data.lineinput = res.content.lineinput
|
||||||
|
}
|
||||||
|
else if (module == 'mic1') {
|
||||||
|
data.mic1 = res.content.mic1
|
||||||
|
}
|
||||||
|
else if (module == 'mic2') {
|
||||||
|
data.mic2 = res.content.mic2
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
data.output = res.content.output
|
||||||
|
}
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = "/cgi-bin/test.cgi?action=home_get"
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
data = res.content
|
data = res.content
|
||||||
bindData()
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
|
||||||
|
}
|
||||||
},
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
data = {
|
data = {
|
||||||
|
@ -1087,8 +1292,10 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (84 / 100)) - 72).toFixed(1)}`);
|
let number = ((input.val() * (84 / 100)) - 72).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('lineinput',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function Microphone1Slider(number) {
|
function Microphone1Slider(number) {
|
||||||
|
@ -1120,8 +1327,11 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('mic1',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function Microphone2Slider(number) {
|
function Microphone2Slider(number) {
|
||||||
|
@ -1155,8 +1365,11 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('mic2',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
@ -1191,8 +1404,11 @@
|
||||||
|
|
||||||
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`;
|
||||||
$bar.attr('style', `height:${barHeight}`)
|
$bar.attr('style', `height:${barHeight}`)
|
||||||
$value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`);
|
|
||||||
|
let number = ((input.val() * (20 / 100)) - 10).toFixed(1)
|
||||||
|
$value.val(`${number}`);
|
||||||
//调用接口提交数据
|
//调用接口提交数据
|
||||||
|
changeInputValue('output',number)
|
||||||
}
|
}
|
||||||
|
|
||||||
function LineInputLeftRandomBar(number) {
|
function LineInputLeftRandomBar(number) {
|
||||||
|
@ -1291,6 +1507,9 @@
|
||||||
max = Math.floor(max);
|
max = Math.floor(max);
|
||||||
return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值
|
return Math.floor(Math.random() * (max - min + 1)) + min; //含最大值,含最小值
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
</html>
|
</html>
|
17
login.html
17
login.html
|
@ -77,13 +77,26 @@
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
let url = 'http://localhost/login';
|
let url = '/cgi-bin/test.cgi';
|
||||||
|
let postData = {
|
||||||
|
action: 'login_set',
|
||||||
|
name: name,
|
||||||
|
password: password
|
||||||
|
}
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: 'POST',
|
type: 'POST',
|
||||||
url: url,
|
url: url,
|
||||||
data: { name: name, password: password },
|
data: postData,
|
||||||
dataType: "json",
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
alert('登录成功')
|
||||||
|
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
},
|
},
|
||||||
error: function (res) {
|
error: function (res) {
|
||||||
}
|
}
|
||||||
|
|
52
network.html
52
network.html
|
@ -17,7 +17,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -26,12 +27,23 @@
|
||||||
<div class=""><a href="eq.html">EQ</a></div>
|
<div class=""><a href="eq.html">EQ</a></div>
|
||||||
<div class=""><a href="ducking.html">DUCKING</a></div>
|
<div class=""><a href="ducking.html">DUCKING</a></div>
|
||||||
<div class="active"><a href="network.html">NETWORK</a></div>
|
<div class="active"><a href="network.html">NETWORK</a></div>
|
||||||
<div class="">
|
<div class=""><a href="security.html">SECURITY</a></div>
|
||||||
<a href="security.html">SECURITY</a>
|
|
||||||
</div>
|
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
|
@ -131,7 +143,34 @@
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
|
||||||
|
let url = '/cgi-bin/test.cgi?action=network_set';
|
||||||
|
let postData = {
|
||||||
|
config: $("input[name=type]:checked").val(),
|
||||||
|
mac: '',
|
||||||
|
address: $("#ipaddress").val(),
|
||||||
|
subnet: $('#subnet').val(),
|
||||||
|
gateway: $('#gateway').val(),
|
||||||
|
hostname:$('#hostName').val()
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
data = res.content
|
||||||
|
bindData()
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
|
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
|
@ -152,8 +191,7 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
|
let url = '/cgi-bin/test.cgi?action=network_get';
|
||||||
let url = ""
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
|
@ -163,7 +201,7 @@
|
||||||
},
|
},
|
||||||
error: function () {
|
error: function () {
|
||||||
data = {
|
data = {
|
||||||
config: "dhcp",
|
config: "static",
|
||||||
mac: '00-2F-33-7X-3B',
|
mac: '00-2F-33-7X-3B',
|
||||||
address: '127.0.0.10',
|
address: '127.0.0.10',
|
||||||
subnet: '255.255.255.0',
|
subnet: '255.255.255.0',
|
||||||
|
|
|
@ -17,7 +17,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -26,12 +27,23 @@
|
||||||
<div class=""><a href="eq.html">EQ</a></div>
|
<div class=""><a href="eq.html">EQ</a></div>
|
||||||
<div class=""><a href="ducking.html">DUCKING</a></div>
|
<div class=""><a href="ducking.html">DUCKING</a></div>
|
||||||
<div class=""><a href="network.html">NETWORK</a></div>
|
<div class=""><a href="network.html">NETWORK</a></div>
|
||||||
<div class="active">
|
<div class="active"> <a href="security.html">SECURITY</a> </div>
|
||||||
<a href="security.html">SECURITY</a>
|
|
||||||
</div>
|
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class=""><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last "><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<main class="px-3 d-flex justify-content-center">
|
<main class="px-3 d-flex justify-content-center">
|
||||||
|
@ -117,9 +129,32 @@
|
||||||
alert('Confirm that the password is inconsistent with the new password')
|
alert('Confirm that the password is inconsistent with the new password')
|
||||||
return
|
return
|
||||||
}
|
}
|
||||||
|
let url = '/cgi-bin/test.cgi??action=security_set';
|
||||||
|
let postData = {
|
||||||
|
oldname: oldname,
|
||||||
|
newname: newname,
|
||||||
|
oldpassword: oldpassword,
|
||||||
|
newpassword: newpassword,
|
||||||
|
confirmpassword: confirmpassword
|
||||||
|
}
|
||||||
|
|
||||||
|
$.ajax({
|
||||||
alert('submit')
|
type: 'POST',
|
||||||
|
url: url,
|
||||||
|
data: postData,
|
||||||
|
dataType: "json",
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
|
success: function (res) {
|
||||||
|
if (res.success) {
|
||||||
|
alert('success')
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
alert(res.message)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
error: function (res) {
|
||||||
|
}
|
||||||
|
})
|
||||||
})
|
})
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
23
system.html
23
system.html
|
@ -17,7 +17,8 @@
|
||||||
<div class="fs-3">GEAZAN</div>
|
<div class="fs-3">GEAZAN</div>
|
||||||
<div></div>
|
<div></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="d-flex justify-content-center fw-bold border-black nav">
|
<div class="fw-bold border-black nav-bar" style="position:relative;">
|
||||||
|
<div class="d-flex nav justify-content-center">
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="home.html">HOME</a>
|
<a href="home.html">HOME</a>
|
||||||
</div>
|
</div>
|
||||||
|
@ -29,8 +30,21 @@
|
||||||
<div class="">
|
<div class="">
|
||||||
<a href="security.html">SECURITY</a>
|
<a href="security.html">SECURITY</a>
|
||||||
</div>
|
</div>
|
||||||
<div class=""><a href="control.html">CONTROL</a></div>
|
<div class="active"><a href="control.html">CONTROL</a></div>
|
||||||
<div class="last active"><a href="system.html">SYSTEM</a></div>
|
<div class="last "><a href="system.html">SYSTEM</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="d-flex float-end ps-5 align-items-center" style="position:absolute; right: 10px;top: 3px;">
|
||||||
|
<button class="btn btn-dark border-black">
|
||||||
|
<svg t="1699500251819" class="icon" viewBox="0 0 1024 1024" version="1.1"
|
||||||
|
xmlns="http://www.w3.org/2000/svg" p-id="4301" xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||||
|
width="20" height="20">
|
||||||
|
<path
|
||||||
|
d="M513.3 239.9c-73.5 0-142.6 28.6-194.6 80.6-52 52-80.6 121.1-80.6 194.6s28.6 142.6 80.6 194.6c52 52 121.1 80.6 194.6 80.6s142.6-28.6 194.6-80.6c52-52 80.6-121.1 80.6-194.6s-28.6-142.6-80.6-194.6c-52-52-121.1-80.6-194.6-80.6z m0 482.3c-114.2 0-207.2-92.9-207.2-207.2S399 307.8 513.3 307.8c114.2 0 207.2 92.9 207.2 207.2s-92.9 207.2-207.2 207.2zM637.9 803.6H388.7c-18.8 0-34 15.2-34 34s15.2 34 34 34h249.2c18.8 0 34-15.2 34-34s-15.2-34-34-34zM588.1 885H438.6c-18.8 0-34 15.2-34 34s15.2 34 34 34h149.5c18.8 0 34-15.2 34-34s-15.2-34-34-34zM513.3 227.5c18.8 0 34-15.2 34-34V97c0-18.8-15.2-34-34-34s-34 15.2-34 34v96.5c0 18.7 15.2 34 34 34zM701.3 276.9c5.9 4.2 12.7 6.2 19.5 6.2 10.7 0 21.3-5.1 27.9-14.5l55.3-79c10.8-15.4 7-36.6-8.3-47.4-15.4-10.8-36.6-7-47.4 8.3l-55.3 79c-10.8 15.4-7.1 36.6 8.3 47.4zM938 357.6c-6.6-17.6-26.2-26.5-43.8-19.9l-90.4 33.8c-17.6 6.6-26.5 26.2-19.9 43.8 5.1 13.7 18.1 22.1 31.9 22.1 4 0 8-0.7 11.9-2.2l90.4-33.8c17.6-6.6 26.5-26.2 19.9-43.8zM283.4 252.5c6.6 9.4 17.2 14.5 27.9 14.5 6.7 0 13.5-2 19.5-6.2 15.4-10.8 19.1-32 8.3-47.4l-55.3-79c-10.8-15.4-32-19.1-47.4-8.3-15.4 10.8-19.1 32-8.3 47.4l55.3 79zM248.1 399.1c6.6-17.6-2.4-37.2-19.9-43.8l-90.4-33.8c-17.6-6.6-37.2 2.4-43.8 19.9-6.6 17.6 2.4 37.2 19.9 43.8l90.4 33.8c3.9 1.5 7.9 2.2 11.9 2.2 13.8 0 26.8-8.4 31.9-22.1z"
|
||||||
|
fill="#ffffff" p-id="4302" data-spm-anchor-id="a313x.search_index.0.i3.5b953a811enFNb"
|
||||||
|
class="selected"></path>
|
||||||
|
</svg>
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
@ -131,10 +145,11 @@
|
||||||
})
|
})
|
||||||
|
|
||||||
function loadData() {
|
function loadData() {
|
||||||
let url = ""
|
let url = "http://localhost:5001/Test/system"
|
||||||
$.ajax({
|
$.ajax({
|
||||||
type: "GET",
|
type: "GET",
|
||||||
url: url,
|
url: url,
|
||||||
|
contentType: "application/json; charset=utf-8",
|
||||||
success: function (res) {
|
success: function (res) {
|
||||||
data = res.content
|
data = res.content
|
||||||
bindData()
|
bindData()
|
||||||
|
|
Loading…
Reference in New Issue