First attempt at QML hacking.

Main and ServiceControl adapted. Project files

1 files changed, 15 insertions, 15 deletions

diff --git a/rockwork/qml/SystemAppIcon.qml b/rockwork/qml/SystemAppIcon.qml
index 88e37bc..3823cf2 100644
--- a/rockwork/qml/SystemAppIcon.qml
+++ b/rockwork/qml/SystemAppIcon.qml
@@ -1,5 +1,6 @@
-import QtQuick 2.4
-import Ubuntu.Components 1.3
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+import RockPool 1.0
 
 Item {
     id: root
@@ -8,10 +9,10 @@ Item {
     property string uuid: ""
     property string iconSource: ""
 
-    UbuntuShape {
+    Rectangle {
         anchors.fill: parent
         visible: root.isSystemApp
-        backgroundColor: {
+        color: {
             switch (root.uuid) {
             case "{07e0d9cb-8957-4bf7-9d42-35bf47caadfe}":
                 return "gray";
@@ -32,28 +33,27 @@ Item {
             return "";
         }
     }
-    Icon {
+    IconButton {
         anchors.fill: parent
         implicitHeight: height
-        anchors.margins: units.gu(1)
+        //anchors.margins: units.gu(1)
         visible: root.isSystemApp
-        color: "white"
-        name: {
+        icon.source: {
             switch (root.uuid) {
             case "{07e0d9cb-8957-4bf7-9d42-35bf47caadfe}":
-                return "settings";
+                return "image://theme/icon-m-developer-mode";
             case "{18e443ce-38fd-47c8-84d5-6d0c775fbe55}":
-                return "clock-app-symbolic";
+                return "image://theme/icon-m-clock";
             case "{36d8c6ed-4c83-4fa1-a9e2-8f12dc941f8c}":
-                return "like";
+                return "image://theme/icon-m-like";
             case "{1f03293d-47af-4f28-b960-f2b02a6dd757}":
-                return "stock_music";
+                return "image://theme/icon-m-music";
             case "{b2cae818-10f8-46df-ad2b-98ad2254a3c1}":
-                return "stock_notification";
+                return "image://theme/icon-m-notifications";
             case "{67a32d95-ef69-46d4-a0b9-854cc62f97f9}":
-                return "stock_alarm-clock";
+                return "image://theme/icon-m-alarm";
             case "{8f3c8686-31a1-4f5f-91f5-01600c9bdc59}":
-                return "clock-app-symbolic";
+                return "image://theme/icon-m-clock";
             }
             return "";
         }