From da93caa3902e03476a94369bbdbf9017154be2e5 Mon Sep 17 00:00:00 2001
From: Matthew Stratford <hi@mstratford.net>
Date: Thu, 27 May 2021 00:18:35 +0100
Subject: [PATCH] Make selected audio devices obvious.

---
 ui-templates/config_player.html | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/ui-templates/config_player.html b/ui-templates/config_player.html
index f825bcd..982f6e6 100644
--- a/ui-templates/config_player.html
+++ b/ui-templates/config_player.html
@@ -2,7 +2,15 @@
 {% block content_inner %}
 <h3 class="h5">Audio Outputs</h3>
 <p>
-  <strong>Please note: Currently BAPSicle does not support choosing which Host API is used. Only supported options can be selected.</strong>
+  <strong>Please note:</strong> Currently BAPSicle does not support choosing which Host API is used. Only supported options can be selected.
+  <br>
+  <strong>On MacOS:</strong> The available inputs will not update automatically, the server must be restarted.
+</p>
+<h4 class="h5">Currently Selected</h4>
+<p>
+{% for channel in data.channels %}
+  <strong>Channel {{channel.channel}}:</strong> {% if channel.output %}{{channel.output}}{% else %}Default Audio Device{% endif %}<br>
+{% endfor %}
 </p>
 {% for host_api in data.outputs %}
   {{host_api.name}}
@@ -12,7 +20,11 @@
   {% if host_api.usable %}
   Set for:
     {% for channel in data.channels %}
+      {% if channel.output == output.name %}
+      <strong>Channel {{channel.channel}}</strong>
+      {% else %}
       <a href="/player/{{channel.channel}}/output/{{output.name}}">Channel {{channel.channel}}</a>
+      {% endif %}
     {% endfor %}
     -
   {% endif %}{% if output.name %}{{output.name}}{% else %}System Default Output{% endif %}<br>