Symbolleiste fuer Hauptfunktionen

ulrich

2021-04-21 f6ea0cf99b605bc48ed307d90064fd1d3f0a2b07

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<div class="ctrl">
  <div class="ctrl-btns">
    <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">
    <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="Abspielliste">
        <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 Abspielliste hinzuf&uuml;gen"><i class="icon-forward"></i></button>
    <button class="ctrl-btn ctrl-item" id="weg-btn" title="aus Abspielliste entfernen"><i class="icon-cancel"></i></button>
    <button class="ctrl-btn ctrl-item" id="leeren-btn" title="Abspielliste leeren"><i class="icon-trash-empty"></i></button>
  </div>
  <div class="ctrl-menue">
    <button class="ctrl-btn ctrl-item" id="media-btn" title="Media-Inhalte"><i class="icon-video"></i></button>
    <button class="ctrl-btn ctrl-item" id="plst-btn" title="Abspielliste"><i class="icon-music"></i></button>
    <button class="ctrl-btn ctrl-item" id="live-btn" title="Live"><i class="icon-podcast"></i></button>
    <button class="ctrl-btn ctrl-item" id="switch-btn" title="Ger&auml;te"><i class="icon-flash"></i></button>
    <!-- <button class="ctrl-btn ctrl-item" id="" title="Einstellungen"><i class="icon-tablet"></i></button> -->
  </div>
</div>