webinterface: use font-awesome for icons. Disable all styles but "modern" for now
[enigma2-plugins.git] / webinterface / src / web-data / tpl / default / tplVolume.htm
1 <!-- tplVolume -->
2                                                 {for state in volume.states}
3                                                 <a href="#" class="volume" data-volume="set${state.percent}">
4                                                         {if state.enabled}
5                                                         <i class="fa fa-minus item_enabled" title="${state.percent}%" alt="${state.percent}%"></i>
6                                                         {elseif}
7                                                         <i class="fa fa-minus" title="${state.percent}%" alt="${state.percent}%"></i>
8                                                         {/if}
9                                                 </a>
10                                                 {/for}
11                                                 <br>
12                                                 <!-- Volume Control -->
13                                                 <a href="#" class="volume" data-volume="down">
14                                                         <i class="fa fa-border fa-fw fa-volume-down" title="${strings.volume_down}" alt="${strings.down}"></i>
15                                                 </a>&nbsp;
16                                                 <a href="#" class="volume" data-volume="mute">
17                                                         {if volume.isMuted}
18                                                         <i id='speaker' class="fa fa-border fa-fw fa-volume-off" title="${strings.unmute}" alt="${strings.unmute}"></i>
19                                                         {elseif}
20                                                         <i id='speaker' class="fa fa-border fa-fw fa-volume-off" title="${strings.mute}" alt="${strings.mute}"></i>
21                                                         {/if}
22                                                 </a>&nbsp;
23                                                 <a href="#" class="volume" data-volume="up">
24                                                         <i class="fa fa-border fa-fw fa-volume-up" title="${strings.volume_up}" alt="${strings.up}"></i>
25                                                 </a>
26 <!-- /tplVolume -->