diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css index 9f9a0b1d..4a4cd7ed 100644 --- a/htdocs/css/openwebrx.css +++ b/htdocs/css/openwebrx.css @@ -1422,3 +1422,14 @@ img.openwebrx-mirror-img height: 50px; border-bottom: 1px solid white; } + +.openwebrx-section-divider { + border-bottom: 2px dotted white; + margin-bottom: 5px; + opacity: 0.25; + height: 5px; +} + +.openwebrx-section { + display: block; +} diff --git a/htdocs/index.html b/htdocs/index.html index 5a57d85b..18d7ed9a 100644 --- a/htdocs/index.html +++ b/htdocs/index.html @@ -190,65 +190,74 @@ -
-
-
- - -
- -
- -
- +
+
+
-
-
- +
+
+
+
+ + +
+ +
+ +
+
- -
- - +
+
+ +
+ +
+ + +
+ +
+
+
+ +
+ +
+ +
+
-
-
-
- +
+
+
+
+
+
+
+
+
REC
- -
- +
+
+
+
+
0 dB
- -
-
-
-
-
-
-
-
REC
-
-
-
-
-
-
0 dB
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js index e9b50a1e..9210cc80 100644 --- a/htdocs/openwebrx.js +++ b/htdocs/openwebrx.js @@ -41,6 +41,17 @@ function updateVolume() { audioEngine.setVolume(parseFloat($("#openwebrx-panel-volume").val()) / 100); } +function toggleSection(el) { + var next_el = el.nextElementSibling; + if (next_el) { + if (next_el.style.display === "none") { + next_el.style.display = "block"; + } else { + next_el.style.display = "none"; + } + } +} + function toggleMute() { var $muteButton = $('.openwebrx-mute-button'); var $volumePanel = $('#openwebrx-panel-volume');