From f5754bde8c3c9f47e75f8eea5a7bcda6c87367ab Mon Sep 17 00:00:00 2001
From: Aaron Seigo <aseigo@kde.org>
Date: Tue, 19 Aug 2014 14:08:19 +0200
Subject: [PATCH] the buttons in the stripe

---
 .../contents/lockscreen/LockScreen.qml        | 94 +++++++++++++++++--
 1 file changed, 86 insertions(+), 8 deletions(-)

diff --git a/look-and-feel/contents/lockscreen/LockScreen.qml b/look-and-feel/contents/lockscreen/LockScreen.qml
index 8c3d73c6..17d62cfc 100644
--- a/look-and-feel/contents/lockscreen/LockScreen.qml
+++ b/look-and-feel/contents/lockscreen/LockScreen.qml
@@ -1,20 +1,98 @@
 import QtQuick 2.0
+import org.kde.plasma.core 2.0 as PlasmaCore
+import "../components"
 
 Item {
     id: lockscreen
 
+    PlasmaCore.Svg {
+        id: symbolsSvg
+        imagePath:  Qt.resolvedUrl("images/symbols.svgz")
+    }
+
     Leaves {
         id: background
         anchors.fill: parent
     }
 
-    Rectangle {
-        id: test
-        color: "red"
-        opacity: .5
-        height: 100
-        width: parent.width
-        y: parent.height / 2 - height / 2
-        x: 0
+    SatelliteStripe {
+        id: stripe
+
+        PlasmaCore.SvgItem {
+            id: square
+            property int value: 1
+            opacity: 1
+            anchors.top: parent.top
+            anchors.left: parent.left
+            width: parent.width/4
+            height: parent.height
+
+            svg: symbolsSvg
+            elementId: "square"
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    console.log("square");
+                }
+            }
+        }
+
+        PlasmaCore.SvgItem {
+            id: circle
+            property int value: 2
+            anchors.top: parent.top
+            anchors.left: square.right
+            width: square.width
+            height: square.height
+
+            svg: symbolsSvg
+            elementId: "circle"
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    console.log("circle");
+                }
+            }
+        }
+
+        PlasmaCore.SvgItem {
+            id: ex
+            property int value: 3
+            anchors.top: parent.top
+            anchors.left: circle.right
+            width: square.width
+            height: square.height
+
+            svg: symbolsSvg
+            elementId: "ex"
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    console.log("ex");
+                }
+            }
+        }
+
+        PlasmaCore.SvgItem {
+            id: triangle
+            property int value: 4
+            anchors.top: parent.top
+            anchors.left: ex.right
+            width: parent.width - (square.width * 3)
+            height: square.height
+
+            svg: symbolsSvg
+            elementId: "triangle"
+
+            MouseArea {
+                anchors.fill: parent
+                onPressed: {
+                    console.log("triangle");
+                }
+            }
+        }
     }
 }