From 4d30fff4bc598c68848eead86d5f90324039b2a7 Mon Sep 17 00:00:00 2001
From: SuperBFG7 <daniel@despite.ch>
Date: Mon, 21 Jun 2021 09:28:34 +0200
Subject: [PATCH] hide volume controls when volume is not supported by the
 current output

---
 htdocs/index.html | 2 +-
 htdocs/js/mpd.js  | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index 4c5e951..169ab5a 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -107,7 +107,7 @@
                 ></span>
               </button>
             </div>
-            <div class="btn-group" role="group">
+            <div class="btn-group" role="group" id="volume-group">
               <div class="btn btn-toolbar btn-default">
                 <span
                   id="volume-icon"
diff --git a/htdocs/js/mpd.js b/htdocs/js/mpd.js
index 88d817c..18b5e38 100644
--- a/htdocs/js/mpd.js
+++ b/htdocs/js/mpd.js
@@ -952,11 +952,14 @@ function get_appropriate_ws_url() {
 }
 
 var updateVolumeIcon = function (volume) {
+    $('#volume-group').removeClass('hide');
     $('#volume-icon').removeClass('glyphicon-volume-off');
     $('#volume-icon').removeClass('glyphicon-volume-up');
     $('#volume-icon').removeClass('glyphicon-volume-down');
 
-    if (volume == 0) {
+    if (volume == -1) {
+        $('#volume-group').addClass('hide');
+    } else if (volume == 0) {
         $('#volume-icon').addClass('glyphicon-volume-off');
     } else if (volume < 50) {
         $('#volume-icon').addClass('glyphicon-volume-down');