Persoenliche Mediazentrale
ulrich
2021-04-08 fcc734a744409e307d334a1f8f4bfcfc0a319cb1
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>