From 9a84581c2e23c5bea3574d28c58e2407b1d0c209 Mon Sep 17 00:00:00 2001
From: rolux <rolux@rolux.org>
Date: Sat, 8 Dec 2012 15:02:14 +0100
Subject: [PATCH] add audio-related symbols, update example

---
 examples/ui/symbols/js/example.js                      |  9 +++++++--
 source/Ox.UI/themes/classic/svg/symbolPlayNext.svg     |  4 ++++
 source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg |  4 ++++
 source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg    |  6 ++++++
 source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg   |  4 ++++
 source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg    |  6 ++++++
 source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg   | 10 ++++++++++
 source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg  |  6 ++++++
 8 files changed, 47 insertions(+), 2 deletions(-)
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolPlayNext.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg
 create mode 100644 source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg

diff --git a/examples/ui/symbols/js/example.js b/examples/ui/symbols/js/example.js
index 04820edd..5b1d6d38 100644
--- a/examples/ui/symbols/js/example.js
+++ b/examples/ui/symbols/js/example.js
@@ -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',
diff --git a/source/Ox.UI/themes/classic/svg/symbolPlayNext.svg b/source/Ox.UI/themes/classic/svg/symbolPlayNext.svg
new file mode 100644
index 00000000..7bbd3f44
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolPlayNext.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg b/source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg
new file mode 100644
index 00000000..fc9c261f
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolPlayPrevious.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg b/source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg
new file mode 100644
index 00000000..a3e59204
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolRepeatAll.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg b/source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg
new file mode 100644
index 00000000..18d54b0c
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolRepeatNone.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg b/source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg
new file mode 100644
index 00000000..cabf2683
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolRepeatOne.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg b/source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg
new file mode 100644
index 00000000..33368dc9
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolShuffleAll.svg
@@ -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>
\ No newline at end of file
diff --git a/source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg b/source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg
new file mode 100644
index 00000000..5f046b38
--- /dev/null
+++ b/source/Ox.UI/themes/classic/svg/symbolShuffleNone.svg
@@ -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>
\ No newline at end of file