From add9d4daf0c12a67f8d302b32bf681d852d88023 Mon Sep 17 00:00:00 2001
From: jcorporation <mail@jcgames.de>
Date: Sun, 11 Nov 2018 22:22:48 +0000
Subject: [PATCH] Feat: display queued items in bottom bar

---
 htdocs/index.html  | 2 +-
 htdocs/js/mympd.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/htdocs/index.html b/htdocs/index.html
index 5455679..6de0642 100644
--- a/htdocs/index.html
+++ b/htdocs/index.html
@@ -531,7 +531,7 @@
     <nav class="navbar navbar-expand navbar-dark fixed-bottom bg-dark">
       <div class="d-flex flex-fill navbar-nav" id="navbar-bottom">
         <div id="navPlayback" class="nav-item flex-fill text-center"><a data-href='{"cmd": "appGoto", "options": ["Playback"]}' class="nav-link" href="#">Playback</a></div>
-        <div id="navQueue" class="nav-item flex-fill text-center"><a data-href='{"cmd": "appGoto", "options": ["Queue"]}' class="nav-link" href="#">Queue</a></div>
+        <div id="navQueue" class="nav-item flex-fill text-center"><a data-href='{"cmd": "appGoto", "options": ["Queue"]}' class="nav-link" href="#">Queue <span id="badgeQueueItems" class="badge badge-secondary"></span></a></div>
         <div class="nav-item flex-fill text-center" id="navBrowse"><a data-href='{"cmd": "appGoto", "options": ["Browse"]}' class="nav-link" href="#">Browse</a></div>
         <div class="nav-item flex-fill text-center" id="navSearch"><a data-href='{"cmd": "appGoto", "options": ["Search"]}' class="nav-link" href="#">Search</a></div>        
       </div>
diff --git a/htdocs/js/mympd.js b/htdocs/js/mympd.js
index f0366cb..f0d49e9 100644
--- a/htdocs/js/mympd.js
+++ b/htdocs/js/mympd.js
@@ -82,6 +82,7 @@ domCache.currentCover = document.getElementById('currentCover');
 domCache.currentTitle = document.getElementById('currentTitle');
 domCache.btnVoteUp = document.getElementById('btnVoteUp');
 domCache.btnVoteDown = document.getElementById('btnVoteDown');
+domCache.badgeQueueItems = document.getElementById('badgeQueueItems');
 
 var modalConnectionError = new Modal(document.getElementById('modalConnectionError'), { backdrop: 'static', keyboard: false});
 var modalSettings = new Modal(document.getElementById('modalSettings'));
@@ -1393,6 +1394,8 @@ function parseState(obj) {
         for (var i = 0; i < domCache.btnsPlayLen; i++)
             domCache.btnsPlay[i].removeAttribute('disabled');
 
+    domCache.badgeQueueItems.innerText = obj.data.queueLength;
+
     //Set volume
     parseVolume(obj);