diff --git a/control.html b/control.html index 79e7f7b..9908c09 100644 --- a/control.html +++ b/control.html @@ -17,20 +17,34 @@
GEAZAN
-
-
- HOME +
+
+
+ HOME +
+
FILTER
+
FS
+
EQ
+
DUCKING
+
NETWORK
+
+ SECURITY +
+
CONTROL
+
SYSTEM
-
FILTER
-
FS
-
EQ
-
DUCKING
-
NETWORK
-
- SECURITY +
+
-
CONTROL
-
SYSTEM
@@ -45,8 +59,7 @@ - +
@@ -68,16 +81,14 @@
- +
- + Analog signal delection
- + - +
@@ -104,12 +113,10 @@
- + - +
@@ -117,7 +124,8 @@
- +
@@ -143,33 +151,33 @@ //初始化配置 loadData() }) - $(document).ready(function(){ - $("#submit").on('click',function(){ + $(document).ready(function () { + $("#submit").on('click', function () { var power = $("input[name='power']:checked").val(); var hibernation = $("input[name='hibernation']:checked").val(); var timer = $("#timer").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(); }) - $("#blink").on('click',function(){ + $("#blink").on('click', function () { alert('blink click') }) - $("#submit").on('click',function(){ + $("#submit").on('click', function () { alert('on submit') }) - $("#timer").on('change',function(){ + $("#timer").on('change', function () { var num = $("#timer").val() - if(num < 5 || num > 30){ + if (num < 5 || num > 30) { alert("The hibernation timer lasts only 5-30 minutes") } }) }) - function loadData(){ + function loadData() { $("input[name='power']").val(["on"]) $("input[name='hibernation']").val(["enable"]) $("#timer").val("1") diff --git a/css/app.css b/css/app.css index 0e388f0..61d178d 100644 --- a/css/app.css +++ b/css/app.css @@ -25,6 +25,22 @@ body { background-size: cover; } + +input::-webkit-inner-spin-button { + -webkit-appearance: none !important; + +} + +input::-webkit-outer-spin-button{ + -webkit-appearance: none !important; + +} + +input[type="number"]{ + -moz-appearance: textfield; + +} + .login { width: 600px; background-color: #1E1E1E; @@ -63,6 +79,10 @@ body { color: #fff; } +.nav-bar{ + background-color: #282828; +} + .nav { border-top: 2px solid black; border-bottom: 2px solid black; @@ -688,7 +708,6 @@ input:disabled { right: 0; } - .volume-ruler .mm { width: 5px; } @@ -726,6 +745,70 @@ input:disabled { } +.volume-ruler.home .cm:nth-of-type(1) { + top: 0%; +} + + +.volume-ruler.home .cm:nth-of-type(2) { + top: 7.14285%; +} + + +.volume-ruler.home .cm:nth-of-type(3) { + top: 14.28571%; +} + + +.volume-ruler.home .cm:nth-of-type(4) { + top: 21.428571%; +} + + +.volume-ruler.home .cm:nth-of-type(5) { + top: 28.571428%; +} + +.volume-ruler.home .cm:nth-of-type(6) { + top: 35.7142857%; +} + +.volume-ruler.home .cm:nth-of-type(7) { + top: 42.8571428%; +} + +.volume-ruler.home .cm:nth-of-type(8) { + top: 50%; +} + +.volume-ruler.home .cm:nth-of-type(9) { + top: 57.14285714%; +} + +.volume-ruler.home .cm:nth-of-type(10) { + top: 64.2857142%; +} + +.volume-ruler.home .cm:nth-of-type(11) { + top: 71.4285714%; +} + +.volume-ruler.home .cm:nth-of-type(12) { + top: 78.57142857%; +} + +.volume-ruler.home .cm:nth-of-type(13) { + top: 85.71428571%; +} + +.volume-ruler.home .cm:nth-of-type(14) { + top: 92.85714285%; +} + +.volume-ruler.home .cm:nth-of-type(15) { + top: 100%; +} + .volume-ruler .cm>span { position: absolute; right: -18px; diff --git a/ducking.html b/ducking.html index 4839836..6e8da57 100644 --- a/ducking.html +++ b/ducking.html @@ -117,12 +117,79 @@
- +
+ +
+ dB
+ +
+
+
+
+ DuckLevel +
+
+
+
+ +
+
+
+
+
+
+
+
+ 0 +
+
+
+ +
+
+
+ +
+
+
+ -45 +
+
+
+ +
+
+
+ +
+
+
+ -100 +
+
+
+
+ +
+
+ +
+ dB +
+
+
+
@@ -174,63 +241,12 @@
- -
-
-
- -
-
-
-
- DuckLevel -
-
-
-
- -
-
-
-
-
-
-
- 0 -
-
-
- -
-
-
- -
-
-
- -45 -
-
-
- -
-
-
- -
-
-
- -100 -
-
+
-
- -
- + ms
@@ -284,9 +300,13 @@
-
- +
+ +
+ ms
@@ -340,12 +360,12 @@ alert($value) }) - mic1.on('change',function(){ + mic1.on('change', function () { var isChecked = mic1.prop('checked'); alert(isChecked) }) - mic2.on('change',function(){ + mic2.on('change', function () { var isChecked = mic2.prop('checked'); alert(isChecked) }) @@ -388,7 +408,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (490 / 100)) + 10).toFixed(1)}ms`); + $value.val(`${((input.val() * (490 / 100)) + 10).toFixed(1)}`); //调用接口提交数据 } @@ -419,7 +439,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (60 / 100)) - 60).toFixed(1)}dB`); + $value.val(`${((input.val() * (60 / 100)) - 60).toFixed(1)}`); //调用接口提交数据 } @@ -450,7 +470,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (100 / 100) - 100)).toFixed(1)}dB`); + $value.val(`${((input.val() * (100 / 100) - 100)).toFixed(1)}`); //调用接口提交数据 } @@ -481,7 +501,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (2000 / 100)) + 10).toFixed(1)}ms`); + $value.val(`${((input.val() * (2000 / 100)) + 10).toFixed(1)}`); //调用接口提交数据 } diff --git a/eq.html b/eq.html index 20dadba..44d787f 100644 --- a/eq.html +++ b/eq.html @@ -95,7 +95,11 @@
- +
+ +
+ dB
@@ -152,7 +156,11 @@
- +
+ +
+ dB
@@ -208,7 +216,11 @@
- +
+ +
+ dB
@@ -264,7 +276,11 @@
- +
+ +
+ dB
@@ -343,7 +359,11 @@
- +
+ +
+ dB
@@ -400,7 +420,11 @@
- +
+ +
+ dB
@@ -456,7 +480,11 @@
- +
+ +
+ dB
@@ -512,7 +540,11 @@
- +
+ +
+ dB
@@ -611,7 +643,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } @@ -642,7 +674,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } @@ -673,7 +705,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`); //调用接口提交数据 } @@ -704,7 +736,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } @@ -739,7 +771,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } @@ -770,7 +802,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } @@ -801,7 +833,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100) - 10)).toFixed(1)}`); //调用接口提交数据 } @@ -832,7 +864,7 @@ let barHeight = `calc(${pct}% + ${$thumb[0].clientHeight / 2}px)`; $bar.attr('style', `height:${barHeight}`) - $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}dB`); + $value.val(`${((input.val() * (20 / 100)) - 10).toFixed(1)}`); //调用接口提交数据 } diff --git a/filter.html b/filter.html index e238f85..56717c0 100644 --- a/filter.html +++ b/filter.html @@ -77,8 +77,12 @@ -
- +
+
+ +
+ Hz
@@ -125,8 +129,12 @@
-
- +
+
+ +
+ Hz
@@ -198,10 +206,10 @@ mouseScrollAction: true, drag: function (args) { - $("#handle1-value").val(`${args.value}Hz`); + $("#handle1-value").val(`${args.value}`); }, change: function (args) { - $("#handle1-value").val(`${args.value}Hz`); + $("#handle1-value").val(`${args.value}`); } }); @@ -221,10 +229,10 @@ mouseScrollAction: true, drag: function (args) { - $("#handle2-value").val(`${args.value}Hz`); + $("#handle2-value").val(`${args.value}`); }, change: function (args) { - $("#handle2-value").val(`${args.value}Hz`); + $("#handle2-value").val(`${args.value}`); } }); diff --git a/fs.html b/fs.html index 4543050..357507a 100644 --- a/fs.html +++ b/fs.html @@ -68,9 +68,12 @@
-
- +
+
+ +
+ Hz
@@ -106,9 +109,12 @@ -
- +
+
+ +
+ Hz
@@ -160,6 +166,7 @@ value: 7.0, min: 1.0, max: 10.0, + step:0.1, handleSize: 0, handleShape: "square", circleShape: "pie", @@ -167,10 +174,10 @@ mouseScrollAction: true, drag: function (args) { - $("#handle1-value").val(`${args.value}Hz`); + $("#handle1-value").val(`${args.value}`); }, change: function (args) { - $("#handle1-value").val(`${args.value}Hz`); + $("#handle1-value").val(`${args.value}`); } }); @@ -182,6 +189,7 @@ value: 7.0, min: 1.0, max: 10.0, + step:0.1, handleSize: 0, handleShape: "square", circleShape: "pie", @@ -189,10 +197,10 @@ mouseScrollAction: true, drag: function (args) { - $("#handle2-value").val(`${args.value}Hz`); + $("#handle2-value").val(`${args.value}`); }, change: function (args) { - $("#handle2-value").val(`${args.value}Hz`); + $("#handle2-value").val(`${args.value}`); } }); diff --git a/home.html b/home.html index b37ec8f..d415cf1 100644 --- a/home.html +++ b/home.html @@ -163,30 +163,62 @@
-
+
12 -
+
- -
+ +
- -
+ 0 +
- -30 -
+ +
- -
+ -12 +
- -
+ + +
+
+ -24 + +
+
+ + +
+
+ -36 + +
+
+ + +
+
+ -48 + +
+
+ + +
+
+ -60 + +
+
+ +
-72 @@ -237,7 +269,12 @@
- +
+ +
+ dB
@@ -287,39 +324,11 @@ -
L -
- -
-
- - - - - - - - - - - - - - - - - - - - - - - - -
-
R +
+
@@ -361,33 +370,65 @@
-
+
+
+ 12 + +
+
+ + +
0 -
+
- -10 -
+ +
- -20 -
+ -12 +
- -30 -
+ +
- -40 -
+ -24 +
- -50 -
+ + +
+
+ -36 + +
+
+ + +
+
+ -48 + +
+
+ +
-60 + +
+
+ + +
+
+ -72
@@ -434,7 +475,12 @@
- +
+ +
+ dB
@@ -484,39 +530,11 @@ -
L -
- -
-
- - - - - - - - - - - - - - - - - - - - - - - - -
-
R +
+
@@ -558,33 +576,65 @@
-
+
+
+ 12 + +
+
+ + +
0 -
+
- -10 -
+ +
- -20 -
+ -12 +
- -30 -
+ +
- -40 -
+ -24 +
- -50 -
+ + +
+
+ -36 + +
+
+ + +
+
+ -48 + +
+
+ +
-60 + +
+
+ + +
+
+ -72
@@ -630,7 +680,12 @@
- +
+ +
+ dB
@@ -751,33 +806,65 @@
-
+
+
+ 12 + +
+
+ + +
0 -
+
- -10 -
+ +
- -20 -
+ -12 +
- -30 -
+ +
- -40 -
+ -24 +
- -50 -
+ + +
+
+ -36 + +
+
+ + +
+
+ -48 + +
+
+ +
-60 + +
+
+ + +
+
+ -72
@@ -823,7 +910,12 @@
- +
+ +
+ dB
@@ -851,10 +943,10 @@