From fcc734a744409e307d334a1f8f4bfcfc0a319cb1 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Thu, 08 Apr 2021 19:41:43 +0000
Subject: [PATCH] Titel auf Abspielliste, Abspielliste anzeigen, Eintrag auswaehlen

---
 www/ui/data/tpl/ctrl.tpl |   38 +++++++++++++++++++++-----------------
 1 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/www/ui/data/tpl/ctrl.tpl b/www/ui/data/tpl/ctrl.tpl
index 5b55a59..1a04087 100644
--- a/www/ui/data/tpl/ctrl.tpl
+++ b/www/ui/data/tpl/ctrl.tpl
@@ -1,23 +1,27 @@
 <div class="ctrl">
   <div class="ctrl-btns">
-    <button class="button ctrl-item ctrl-btn" id="play-btn">Play</button>
-    <button class="button ctrl-item ctrl-btn" id="play-btn">Pause</button>
-    <button class="button ctrl-item ctrl-btn" id="play-btn">Stop</button>
-    <button class="button ctrl-item ctrl-btn" id="play-btn">Weiter</button>
-    <button class="button ctrl-item ctrl-btn" id="play-btn">Hier</button>
+    <button class="ctrl-btn ctrl-item" id="play-btn" title="Abspielen"><i class="icon-play"></i></button>
+    <button class="ctrl-btn ctrl-item" id="pause-btn" title="Pause"><i class="icon-pause"></i></button>
+    <button class="ctrl-btn ctrl-item" id="stop-btn" title="Stopp"><i class="icon-stop"></i></button>
+    <button class="ctrl-btn ctrl-item" id="weiter-btn" title="Weiterspielen"><i class="icon-right-open"></i></button>
+    <button class="ctrl-btn ctrl-item" id="hier-btn" title="hier spielen"><i class="icon-tablet"></i></button>
   </div>
   <div class="ctrl-orte">
-    <select class="u-full-width ctrl-item ctrl-select" id="abspieler">
-      <option value="as1">Wohnzimmer langtext</option>
-      <option value="as2">Arbeitsz</option>
-      <option value="as3">K&uuml;che</option>
-    </select>  
-    <select class="u-full-width ctrl-item ctrl-select" id="playlist">
-      <option value="Pl1">Liste 1</option>
-      <option value="Pl2">Liste 2</option>
-      <option value="Pl3">Liste 3</option>
-    </select>  
-    <button class="button ctrl-item ctrl-btn" id="dazu-btn">Dazu</button>
-    <button class="button ctrl-item ctrl-btn" id="weg-btn">Weg</button>
+    <div class="abs-sel">
+      <select class="u-full-width ctrl-item ctrl-select" id="abspieler" title="Abspieler">
+        <option value="as1">Wohnzimmer langtext</option>
+        <option value="as2">Arbeitsz</option>
+        <option value="as3">K&uuml;che</option>
+      </select>  
+    </div>
+    <div class="pl-sel">
+      <select class="u-full-width ctrl-item ctrl-select" id="playlist" title="Playliste">
+        <option value="Pl1">Liste 1</option>
+        <option value="Pl2">Liste 2</option>
+        <option value="Pl3">Liste 3</option>
+      </select>  
+    </div>
+    <button class="ctrl-btn ctrl-item" id="dazu-btn" title="der Playlist hinzuf&uuml;gen"><i class="icon-forward"></i></button>
+    <button class="ctrl-btn ctrl-item" id="weg-btn" title="aus Playlist entfernen"><i class="icon-trash-empty"></i></button>
   </div>
 </div>

--
Gitblit v1.9.3