diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index c2e87fc..689d0bc 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -1233,12 +1233,12 @@ img.openwebrx-mirror-img
height: 15px;
}
-#openwebrx-mute-on .sprite-speaker {
- background-position: -117px -38px;
+.openwebrx-mute-button .sprite-speaker {
+ background-position: -103px -38px;
}
-#openwebrx-mute-off .sprite-speaker {
- background-position: -103px -38px;
+.openwebrx-mute-button.muted .sprite-speaker {
+ background-position: -117px -38px;
}
.sprite-squelch {
diff --git a/htdocs/index.html b/htdocs/index.html
index 3932923..61df568 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -132,7 +132,7 @@
-
+
diff --git a/htdocs/openwebrx.js b/htdocs/openwebrx.js
index 05bce97..cbef892 100644
--- a/htdocs/openwebrx.js
+++ b/htdocs/openwebrx.js
@@ -32,26 +32,20 @@ var fft_codec;
var waterfall_setup_done = 0;
var secondary_fft_size;
-function e(what) {
- return document.getElementById(what);
-}
-
function updateVolume() {
- audioEngine.setVolume(parseFloat(e("openwebrx-panel-volume").value) / 100);
+ audioEngine.setVolume(parseFloat($("#openwebrx-panel-volume").val()) / 100);
}
function toggleMute() {
- if (mute) {
- mute = false;
- e("openwebrx-mute-on").id = "openwebrx-mute-off";
- e("openwebrx-panel-volume").disabled = false;
- e("openwebrx-panel-volume").value = volumeBeforeMute;
+ var $muteButton = $('.openwebrx-mute-button');
+ var $volumePanel = $('#openwebrx-panel-volume');
+ if ($muteButton.hasClass('muted')) {
+ $muteButton.removeClass('muted');
+ $volumePanel.prop('disabled', false).val(volumeBeforeMute);
} else {
- mute = true;
- e("openwebrx-mute-off").id = "openwebrx-mute-on";
- e("openwebrx-panel-volume").disabled = true;
- volumeBeforeMute = e("openwebrx-panel-volume").value;
- e("openwebrx-panel-volume").value = 0;
+ $muteButton.addClass('muted');
+ volumeBeforeMute = $volumePanel.val();
+ $volumePanel.prop('disabled', true).val(0);
}
updateVolume();
@@ -191,7 +185,7 @@ function setSmeterAbsoluteValue(value) //the value that comes from `csdr squelch
var highLevel = waterfall_max_level + 20;
var percent = (logValue - lowLevel) / (highLevel - lowLevel);
setSmeterRelativeValue(percent);
- e("openwebrx-smeter-db").innerHTML = logValue.toFixed(1) + " dB";
+ $("#openwebrx-smeter-db").html(logValue.toFixed(1) + " dB");
}
function typeInAnimation(element, timeout, what, onFinish) {
@@ -244,14 +238,14 @@ var scale_ctx;
var scale_canvas;
function scale_setup() {
- scale_canvas = e("openwebrx-scale-canvas");
+ scale_canvas = $("#openwebrx-scale-canvas")[0];
scale_ctx = scale_canvas.getContext("2d");
scale_canvas.addEventListener("mousedown", scale_canvas_mousedown, false);
scale_canvas.addEventListener("mousemove", scale_canvas_mousemove, false);
scale_canvas.addEventListener("mouseup", scale_canvas_mouseup, false);
resize_scale();
- var frequency_container = e("openwebrx-frequency-container");
- frequency_container.addEventListener("mousemove", frequency_container_mousemove, false);
+ var frequency_container = $("#openwebrx-frequency-container");
+ frequency_container.on("mousemove", frequency_container_mousemove, false);
}
var scale_canvas_drag_params = {
@@ -784,10 +778,10 @@ function on_ws_recv(evt) {
$('#openwebrx-bar-clients').progressbar().setClients(json['value']);
break;
case "profiles":
- var listbox = e("openwebrx-sdr-profiles-listbox");
- listbox.innerHTML = json['value'].map(function (profile) {
+ var listbox = $("#openwebrx-sdr-profiles-listbox");
+ listbox.html(json['value'].map(function (profile) {
return '
";
- }).join("");
+ }).join(""));
if (currentprofile) {
$('#openwebrx-sdr-profiles-listbox').val(currentprofile);
}
@@ -1019,7 +1013,7 @@ function divlog(what, is_error) {
what = "
" + what + "";
toggle_panel("openwebrx-panel-log", true); //show panel if any error is present
}
- e("openwebrx-debugdiv").innerHTML += what + "
";
+ $('#openwebrx-debugdiv')[0].innerHTML += what + "
";
var nano = $('.nano');
nano.nanoScroller();
nano.nanoScroller({scroll: 'bottom'});
@@ -1145,14 +1139,14 @@ function add_canvas() {
function init_canvas_container() {
- canvas_container = e("webrx-canvas-container");
+ canvas_container = $("#webrx-canvas-container")[0];
canvas_container.addEventListener("mouseleave", canvas_container_mouseleave, false);
canvas_container.addEventListener("mousemove", canvas_mousemove, false);
canvas_container.addEventListener("mouseup", canvas_mouseup, false);
canvas_container.addEventListener("mousedown", canvas_mousedown, false);
canvas_container.addEventListener("wheel", canvas_mousewheel, false);
- var frequency_container = e("openwebrx-frequency-container");
- frequency_container.addEventListener("wheel", canvas_mousewheel, false);
+ var frequency_container = $("#openwebrx-frequency-container");
+ frequency_container.on("wheel", canvas_mousewheel, false);
add_canvas();
}