3 files changed, 126 insertions, 1 deletions
diff --git a/qmafwwatchlet/liveview.qml b/qmafwwatchlet/liveview.qml
new file mode 100644
index 0000000..23273eb
--- /dev/null
+++ b/qmafwwatchlet/liveview.qml
@@ -0,0 +1,123 @@
+import QtQuick 1.0
+
+Rectangle {
+	width: 128
+	height: 128
+
+	color: "black"
+
+	Image {
+		id: mediaart
+		anchors.fill: parent
+		fillMode: Image.PreserveAspectFit
+		smooth: true
+		source: player.mediaArt
+	}
+
+	Rectangle {
+		x: 0
+		width: parent.width
+		height: 14
+		anchors.bottom: parent.bottom
+		color: "black"
+
+		Text {
+			anchors.fill: parent
+			text: player.title.length > 0 ? player.title : qsTr("No media");
+			color: "white"
+		}
+	}
+
+	Rectangle {
+		id: volumeBar
+		width: 18
+
+		anchors.top: parent.top
+		anchors.bottom: parent.bottom
+		anchors.right: parent.right
+
+		color: "white"
+
+		visible: false
+
+		Image {
+			id: volumeIcon
+			anchors.top: parent.top
+			anchors.left: parent.left
+			anchors.leftMargin: 2
+
+			source: "volume.png"
+		}
+
+		Rectangle {
+			id: volumeBarBox
+
+			anchors.top: volumeIcon.bottom
+			anchors.left: parent.left
+			anchors.right: parent.right
+			anchors.bottom: parent.bottom
+			anchors.leftMargin: 2
+
+			color: "black"
+
+			Rectangle {
+				id: volumeBarThing
+
+				anchors.left: parent.left
+				anchors.right: parent.right
+				anchors.bottom: parent.bottom
+				anchors.margins: 4
+
+				height: volumeBar.visible ?
+					(volumeControl.volume * (parent.height - anchors.margins*2)) / (volumeControl.max - volumeControl.min) :
+					0; // Avoid unnecessary updates when not visible.
+
+				color: "white"
+			}
+		}
+
+		Timer {
+			id: autoHideTimer
+			interval: 3000
+			repeat: false
+			onTriggered: {
+				volumeBar.visible = false;
+			}
+		}
+
+		function show() {
+			volumeBar.visible = true;
+			autoHideTimer.restart();
+		}
+	}
+
+	Connections {
+		target: watch
+		onButtonPressed : {
+			switch(button) {
+			case 0: {
+				player.playPause();
+				break;
+			}
+			case 1: {
+				volumeControl.up();
+				volumeBar.show();
+				break;
+			}
+			case 2: {
+				volumeControl.down();
+				volumeBar.show();
+				break;
+			}
+			case 3: {
+				player.previous();
+				break;
+			}
+			case 4: {
+				player.next();
+				break;
+			}
+			}
+		}
+	}
+}
diff --git a/qmafwwatchlet/metawatch-digital-icon.png b/qmafwwatchlet/metawatch-digital-icon.png
new file mode 100644
index 0000000..8b8dac4
--- /dev/null
+++ b/qmafwwatchlet/metawatch-digital-icon.png
diff --git a/qmafwwatchlet/qmafwwatchlet.pro b/qmafwwatchlet/qmafwwatchlet.pro
index 8dc89d4..fdd529d 100644
--- a/qmafwwatchlet/qmafwwatchlet.pro
+++ b/qmafwwatchlet/qmafwwatchlet.pro
@@ -15,7 +15,9 @@ HEADERS += qmafwwatchlet.h \
     qmafwwatchletplayer.h \
     qmafwwatchletvolumecontrol.h
 
-qml_files.files = metawatch-digital.qml icon.png volume.png
+qml_files.files = icon.png volume.png \
+	metawatch-digital.qml metawatch-digital-icon.png \
+	liveview.qml liveview-icon.png
 
 LIBS += -L$$OUT_PWD/../libsowatch/ -lsowatch
 INCLUDEPATH += $$PWD/../libsowatch