author | ymh <ymh.work@gmail.com> |
Wed, 08 Feb 2017 15:25:24 +0100 | |
changeset 502 | 74fba571487e |
parent 480 | 814468b0fc69 |
permissions | -rw-r--r-- |
480
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
1 |
<div id="sound-control-speaker" title='mute/unmute'><i class="fa {{speakerClass}}" {{action 'muteToggle'}}></i><i class="fa fa-times" {{action 'muteToggle'}}></i></div> |
477 | 2 |
<div id="sound-control-scale"> |
3 |
<div id="sound-control-scale-plus" class="sound-control-scale-indicator" {{ action 'clickPlus' }} disabled={{muted}}>+</div> |
|
480
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
4 |
<div id="sound-control-range-wrapper" title="volume" > |
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
5 |
<input |
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
6 |
id="sound-control-range-slider" |
477 | 7 |
type="range" |
8 |
min="0" |
|
9 |
max="1" |
|
480
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
10 |
step="0.01" |
477 | 11 |
class="volume-slider" |
480
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
12 |
disabled={{ mut muted }} |
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
13 |
data-orientation="vertical" |
814468b0fc69
use rangeslider.js polyfill to ensure cross browser compatibility
ymh <ymh.work@gmail.com>
parents:
479
diff
changeset
|
14 |
> |
479
e7df0b5b09b6
better cross browser compatibility, still pb with MS edge
ymh <ymh.work@gmail.com>
parents:
477
diff
changeset
|
15 |
</div> |
477 | 16 |
<div id="sound-control-scale-minus" class="sound-control-scale-indicator" {{ action 'clickMinus' }} disabled={{muted}}>-</div> |
17 |
</div> |