0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

add audio-related symbols, update example

Browse source
This commit is contained in:
rolux 2012-12-08 15:02:14 +01:00
parent 34cef100ad
commit 9a84581c2e
8 changed files with 47 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
examples/ui/symbols/js/example.js
View file

@ -11,10 +11,15 @@ Ox.load('UI', function() {
['arrowLeft', 'arrowRight', 'arrowUp', 'arrowDown'],
['left', 'right', 'up', 'down'],
[
'play', 'pause', 'playInToOut', 'goToIn', 'goToOut',
'setIn', 'setOut', 'goToPoster', 'setPoster'
'play', 'pause', 'playPrevious', 'playNext',
'playInToOut', 'goToIn', 'goToOut', 'setIn', 'setOut',
'goToPoster', 'setPoster'
],
['open', 'grow', 'shrink', 'fill', 'fit'],
[
'repeatNone', 'repeatOne', 'repeatAll',
'shuffleAll', 'shuffleNone'
],
['unmute', 'volumeUp', 'volumeDown', 'mute'],
[
'bookmark', 'chat', 'check', 'click', 'delete', 'edit', 'embed',

4
source/Ox.UI/themes/classic/svg/symbolPlayNext.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="32,32 128,128 32,224" fill="#404040"/>
<polygon points="160,32 255,128 160,224" fill="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 194 B

4
source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<polygon points="223,32 128,128 224,224" fill="#404040"/>
<polygon points="96,32 0,128 96,224" fill="#404040"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 192 B

6
source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 24,128 a 64,64 0 0,1 64,-64 l 80,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="168,0 232,64 168,128" fill="#404040" stroke="#404040" stroke-width="1"/>
<path d="M 232,128 a 64,64 0 0,1 -64,64 l -80,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="88,128 24,192 88,255" fill="#404040" stroke="#404040" stroke-width="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 462 B

4
source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 0,128 l 192,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="192,64 255,128 192,192" fill="#404040" stroke="#404040" stroke-width="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 247 B

6
source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 24,128 a 64,64 0 0,1 64,-64 l 80,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="168,0 232,64 168,128" fill="#404040" stroke="#404040" stroke-width="1"/>
<path d="M 232,128 a 64,64 0 0,1 -64,64 l -32,0" fill="none" stroke="#404040" stroke-width="48"/>
<circle cx="64" cy="192" r="40" fill="none" stroke="#404040" stroke-width="48"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 453 B

10
source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg Normal file
View file

@ -0,0 +1,10 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<!--<path d="M 0,192 l 32,0 l 128,-128 l 32,0" fill="none" stroke="#404040" stroke-width="48"/>-->
<path d="M 0,192 a 80,80 0 0,0 56,-24 l 80,-80 a 80,80 0 0,1 56,-24 l 8,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="192,0 255,64 192,128" fill="#404040" stroke="#404040" stroke-width="1"/>
<!--<path d="M 0,64 l 32,0 l 32,32" fill="none" stroke="#404040" stroke-width="48"/>-->
<path d="M 0,64 a 80,80 0 0,1 56,24 l 8,8" fill="none" stroke="#404040" stroke-width="48"/>
<!--<path d="M 128,160 l 32,32 l 32,0" fill="none" stroke="#404040" stroke-width="48"/>-->
<path d="M 128,160 l 8,8 a 80,80 0 0,0 56,24 l 8,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="192,128 255,192 192,255" fill="#404040" stroke="#404040" stroke-width="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 882 B

6
source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg Normal file
View file

@ -0,0 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256">
<path d="M 0,64 l 192,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="192,0 255,64 192,128" fill="#404040" stroke="#404040" stroke-width="1"/>
<path d="M 0,192 l 192,0" fill="none" stroke="#404040" stroke-width="48"/>
<polygon points="192,128 255,192 192,255" fill="#404040" stroke="#404040" stroke-width="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 420 B