Merge lp:~nik90/ubuntu-clock-app/stopwatch-add-blips into lp:ubuntu-clock-app/saucy

[Nekhelesh Ramananthan]

Add blips to stopwatch

This MP adds blip support to the stopwatch page. For more information refer to screenshot at http://design.canonical.com/wp-content/uploads/clock_recording_laps.png

[Ubuntu Phone Apps Jenkins Bot (ubuntu-phone-apps-jenkins-bot)]

review: Approve (continuous-integration)

=== added file 'stopwatch/Blip.qml'
--- stopwatch/Blip.qml	1970-01-01 00:00:00 +0000
+++ stopwatch/Blip.qml	2013-04-12 16:39:24 +0000
@@ -0,0 +1,37 @@
+import QtQuick 2.0
+import Ubuntu.Components 0.1
+import "../common/Constants.js" as Constants
+
+Rectangle {
+    id: stopwatchBlip
+
+    property int number: 0
+    property real radAngle: ((number % 60 * -6) * Math.PI / 180) - Math.PI
+    property real distance: 0.50
+    property real size: 2
+
+    z: parent.z - 1
+    width: units.gu(size); height: units.gu(size)
+    radius: width / 2
+    anchors.centerIn: parent
+    color: Constants.ubuntuOrange
+    antialiasing: true
+    visible: false
+
+    // Position the blip at the correct position
+    transform: Translate {
+        x: parent.width * distance * Math.sin(radAngle)
+        y: parent.height * distance * Math.cos(radAngle)
+    }
+
+    // Increase the radius and decrease the opacity gradually
+    Behavior on number {
+        ParallelAnimation {
+            running: false
+            NumberAnimation { target: stopwatchBlip; property: "size"; from: 1; to: 7; duration: 3500; easing.type: Easing.OutQuad}
+            NumberAnimation { target: stopwatchBlip; property: "opacity"; from: 1; to: 0; duration: 3500; easing.type: Easing.OutQuad}
+        }
+    }
+
+}
+
 
=== modified file 'stopwatch/StopwatchPage.qml'
--- stopwatch/StopwatchPage.qml	2013-04-12 12:19:07 +0000
+++ stopwatch/StopwatchPage.qml	2013-04-12 16:39:24 +0000
@@ -69,6 +69,10 @@
     AnalogFaceBase {
         id: clockOuterCircle
 
+        Blip {
+            id: blipFist
+        }
+
         HandGradient {
             id: gradientSecond
             rotationAngle: parseInt(stopwatchPage.secondHandValue) * perRadius
@@ -450,6 +454,8 @@
                     labelNumberLap1.text = countlap - 1
                     move.start()
                     move2.start()
+                    blipFist.number = stopwatchPage.seconds
+                    blipFist.visible = true
                 }
             }
         }