From 3f38c527540d10de012910857d6635438c0596fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fran=C3=A7ois-Xavier=20Thomas?= <fx.thomas@gmail.com>
Date: Mon, 16 Mar 2020 12:26:49 +0100
Subject: [PATCH] Toggle play queue with a button (#1539)

---
 .../airsonic/player/theme/default_dark.properties   |  2 ++
 .../airsonic/player/theme/default_light.properties  |  2 ++
 .../src/main/webapp/WEB-INF/jsp/playQueue.jsp       | 13 +++++++++++++
 .../webapp/icons/default_dark/chevrons-down.svg     |  1 +
 .../main/webapp/icons/default_dark/chevrons-up.svg  |  1 +
 .../webapp/icons/default_light/chevrons-down.svg    |  1 +
 .../main/webapp/icons/default_light/chevrons-up.svg |  1 +
 7 files changed, 21 insertions(+)
 create mode 100644 airsonic-main/src/main/webapp/icons/default_dark/chevrons-down.svg
 create mode 100644 airsonic-main/src/main/webapp/icons/default_dark/chevrons-up.svg
 create mode 100644 airsonic-main/src/main/webapp/icons/default_light/chevrons-down.svg
 create mode 100644 airsonic-main/src/main/webapp/icons/default_light/chevrons-up.svg

diff --git a/airsonic-main/src/main/resources/org/airsonic/player/theme/default_dark.properties b/airsonic-main/src/main/resources/org/airsonic/player/theme/default_dark.properties
index b608c3c4..bf251023 100644
--- a/airsonic-main/src/main/resources/org/airsonic/player/theme/default_dark.properties
+++ b/airsonic-main/src/main/resources/org/airsonic/player/theme/default_dark.properties
@@ -64,3 +64,5 @@ viewAsListImage = icons/default_dark/view_as_list.png
 volumeImage = icons/default_dark/volume.png
 alertImage = icons/default_dark/alert.svg
 checkImage = icons/default_dark/check.svg
+playQueueShow = icons/default_dark/chevrons-up.svg
+playQueueHide = icons/default_dark/chevrons-down.svg
diff --git a/airsonic-main/src/main/resources/org/airsonic/player/theme/default_light.properties b/airsonic-main/src/main/resources/org/airsonic/player/theme/default_light.properties
index 6bfbd11e..0864165d 100644
--- a/airsonic-main/src/main/resources/org/airsonic/player/theme/default_light.properties
+++ b/airsonic-main/src/main/resources/org/airsonic/player/theme/default_light.properties
@@ -64,3 +64,5 @@ viewAsListImage = icons/default_light/view_as_list.svg
 volumeImage = icons/default_light/volume.svg
 alertImage = icons/default_light/alert.svg
 checkImage = icons/default_light/check.svg
+playQueueShow = icons/default_light/chevrons-up.svg
+playQueueHide = icons/default_light/chevrons-down.svg
diff --git a/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp b/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp
index 7a0bb778..96db01a9 100644
--- a/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp
+++ b/airsonic-main/src/main/webapp/WEB-INF/jsp/playQueue.jsp
@@ -139,6 +139,8 @@
     function onHidePlayQueue() {
       setFrameHeight(50);
       isVisible = false;
+      $(".playqueue-shown").hide();
+      $(".playqueue-hidden").show();
     }
 
     function onShowPlayQueue() {
@@ -146,6 +148,8 @@
       height = Math.min(height, window.top.innerHeight * 0.8);
       setFrameHeight(height);
       isVisible = true;
+      $(".playqueue-shown").show();
+      $(".playqueue-hidden").hide();
     }
 
     function onTogglePlayQueue() {
@@ -959,6 +963,15 @@
                     </select>
                     </td>
 
+                    <c:if test="${not model.autoHide}">
+                    <td style="white-space:nowrap; text-align:right; width:100%; padding-right:1.5em">
+                      <a href="javascript:onTogglePlayQueue()">
+                        <img class="playqueue-shown" src="<spring:theme code='playQueueHide'/>" alt="Hide play queue" title="Hide play queue" style="cursor:pointer; height:18px;"/>
+                        <img class="playqueue-hidden" src="<spring:theme code='playQueueShow'/>" alt="Show play queue" title="Show play queue" style="cursor:pointer; height:18px; display: none;"/>
+                      </a>
+                    </td>
+                    </c:if>
+
                 </tr></table>
         </div>
     </c:otherwise>
diff --git a/airsonic-main/src/main/webapp/icons/default_dark/chevrons-down.svg b/airsonic-main/src/main/webapp/icons/default_dark/chevrons-down.svg
new file mode 100644
index 00000000..7db0756a
--- /dev/null
+++ b/airsonic-main/src/main/webapp/icons/default_dark/chevrons-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cdcdcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>
\ No newline at end of file
diff --git a/airsonic-main/src/main/webapp/icons/default_dark/chevrons-up.svg b/airsonic-main/src/main/webapp/icons/default_dark/chevrons-up.svg
new file mode 100644
index 00000000..66715959
--- /dev/null
+++ b/airsonic-main/src/main/webapp/icons/default_dark/chevrons-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#cdcdcd" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up"><polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline></svg>
\ No newline at end of file
diff --git a/airsonic-main/src/main/webapp/icons/default_light/chevrons-down.svg b/airsonic-main/src/main/webapp/icons/default_light/chevrons-down.svg
new file mode 100644
index 00000000..c2750c30
--- /dev/null
+++ b/airsonic-main/src/main/webapp/icons/default_light/chevrons-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#696969" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-down"><polyline points="7 13 12 18 17 13"></polyline><polyline points="7 6 12 11 17 6"></polyline></svg>
\ No newline at end of file
diff --git a/airsonic-main/src/main/webapp/icons/default_light/chevrons-up.svg b/airsonic-main/src/main/webapp/icons/default_light/chevrons-up.svg
new file mode 100644
index 00000000..7a40f7b7
--- /dev/null
+++ b/airsonic-main/src/main/webapp/icons/default_light/chevrons-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#696969" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevrons-up"><polyline points="17 11 12 6 7 11"></polyline><polyline points="17 18 12 13 7 18"></polyline></svg>
\ No newline at end of file