new watch scanning ui

1 files changed, 25 insertions, 54 deletions

diff --git a/sowatchui/qml/MainPage.qml b/sowatchui/qml/MainPage.qml
index a7ba7d7..b660161 100644
--- a/sowatchui/qml/MainPage.qml
+++ b/sowatchui/qml/MainPage.qml
@@ -1,67 +1,38 @@
 import QtQuick 1.1
-import com.nokia.meego 1.0
+import com.nokia.meego 1.1
+import com.nokia.extras 1.1
 
 Page {
 	id: mainPage
-    tools: commonTools
+	anchors.leftMargin: UiConstants.DefaultMargin
+	anchors.rightMargin: UiConstants.DefaultMargin
 
-	ListModel {
-		id: testModel
-		ListElement {
-			name: "one"
-		}
-		ListElement {
-			name: "two"
+	tools: ToolBarLayout {
+		ToolIcon {
+			platformIconId: "toolbar-add"
+			anchors.right: parent.right
+			onClicked: newWatchSheet.open()
 		}
 	}
 
-	Flickable {
-		anchors.fill: parent
-		contentWidth: mainPage.width
-		contentHeight: mainColumn.height + 100
-
-		Column {
-			id: mainColumn
+	NewWatchSheet {
+		id: newWatchSheet
+	}
 
-			width: mainPage.width
-			height: childrenRect.height
-			spacing: 8
+	ListView {
+		id: watchesListView
+		anchors.fill: parent
+		model: watches
 
-			ListView {
-				model: testModel
-				width: mainPage.width
-				height: 50*model.count
-				clip: true
-				interactive: false
-				delegate: Rectangle {
-					height: 50
-					width: mainPage.width
-					color: "red"
-					Text {
-						text: name
-					}
-				}
-			}
-			ListView {
-				model: testModel
-				width: mainPage.width
-				height: 50*model.count
-				clip: true
-				interactive: false
-				delegate: Rectangle {
-					height: 50
-					width: mainPage.width
-					color: "green"
-					Text {
-						text: name
-					}
-				}
-			}
-			Button {
-				anchors.horizontalCenter: parent.horizontalCenter
-				text: qsTr("Refresh")
-				onClicked: Sowatch.refreshWatches()
-			}
+		delegate: ListDelegate {
+			Image {
+                source: "image://theme/icon-m-common-drilldown-arrow" + (theme.inverted ? "-inverse" : "")
+                anchors.right: parent.right;
+                anchors.verticalCenter: parent.verticalCenter
+            }
 		}
 	}
+	ScrollDecorator {
+		flickableItem: watchesListView
+	}
 }