1 files changed, 97 insertions, 0 deletions
diff --git a/doc/VolumeControl.qml b/doc/VolumeControl.qml
new file mode 100644
index 0000000..56540a8
--- /dev/null
+++ b/doc/VolumeControl.qml
@@ -0,0 +1,97 @@
+/* Copyright (C) 2015, Jaguar Land Rover. All Rights Reserved.
+ *
+ * This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+
+import QtQuick 2.0
+
+Item {
+    height: 100
+    width: childrenRect.width
+
+    property alias value: shader.value
+
+    FontLoader {
+        source: "fontawesome-webfont.ttf"
+    }
+
+    Row {
+        spacing: 28
+
+        Text {
+            anchors.verticalCenter: parent.verticalCenter
+            font.family: "FontAwesome"
+            font.pixelSize: 30
+            color: "white"
+            text: "\uf068"
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: shader.value = Math.max(shader.value - 0.1, 0.0)
+            }
+        }
+
+        ShaderEffect {
+            id: shader
+            width: 85
+            height: 100
+
+            property color bgColor: "#333"
+            property color fgColor: "#b2f0ff"
+            property real value: 0.5
+
+            fragmentShader: "
+uniform lowp float qt_Opacity;
+uniform lowp float value;
+uniform lowp vec4 bgColor;
+uniform lowp vec4 fgColor;
+varying highp vec2 qt_TexCoord0;
+
+void main(void) {
+    lowp float x = min(qt_TexCoord0.x, 1.0 - qt_TexCoord0.x);
+    lowp float y = min(qt_TexCoord0.y, 1.0 - qt_TexCoord0.y);
+    lowp float c = y - 0.5 * (0.5 - x);
+    lowp float outside = smoothstep(0.0, 0.01, c);
+    lowp float rim = smoothstep(0.1, 0.11, c - step(x, 0.101));
+    lowp float inside = smoothstep(0.125, 0.135, c - step(x, 0.125));
+
+    lowp vec4 color = mix(bgColor, fgColor, step(qt_TexCoord0.x, value));
+    color = mix(color, bgColor, inside * 0.8);
+    color = mix(color, vec4(1.0), (rim - inside) * 0.6);
+
+    gl_FragColor = mix(vec4(0.0), color, outside) * qt_Opacity;
+}
+            "
+
+            MouseArea {
+                anchors.fill: parent
+                onPositionChanged: {
+                    shader.value = Math.min(Math.max(mouse.x / width, 0.0), 1.0)
+                }
+            }
+
+            Text {
+                anchors.centerIn: parent
+                font.family: "Source Sans Pro"
+                font.weight: Font.Bold
+                font.pixelSize: 30
+                color: "white"
+                text: Math.round(shader.value * 100)
+            }
+        }
+
+        Text {
+            anchors.verticalCenter: parent.verticalCenter
+            font.family: "FontAwesome"
+            font.pixelSize: 30
+            color: "white"
+            text: "\uf067"
+
+            MouseArea {
+                anchors.fill: parent
+                onClicked: shader.value = Math.min(shader.value + 0.1, 1.0)
+            }
+        }
+    }
+}