Fill main screen with buttons

[harbour-pedalo.git] / qml / pages / MainPage.qml

diff --git a/qml/pages/MainPage.qml b/qml/pages/MainPage.qml
index 5c0c16b..4e7293c 100644 (file)
--- a/qml/pages/MainPage.qml
+++ b/qml/pages/MainPage.qml
@@ -1,5 +1,6 @@
 import QtQuick 2.0
 import Sailfish.Silica 1.0
+import "../components"
 
 Page {
     id: page
@@ -22,26 +23,18 @@ Page {
         }
 
         // Tell SilicaFlickable the height of its content.
-        contentHeight: column.implicitHeight + Theme.paddingLarge
+        contentHeight: column.implicitHeight
 
-        // Place our content in a Column.  The PageHeader is always placed at the top
-        // of the page, followed by our content.
         Column {
             id: column
 
-            width: page.width
-            spacing: Theme.paddingLarge
-            PageHeader {
-                title: qsTr("Pedalo")
-            }
-
-            SectionHeader {
-                text: qsTr("Cycle!")
-            }
+            width: isPortrait ? parent.width : parent.width / 2.0
+            height: isPortrait ? page.height / 2.0 : page.height
+            spacing: 0
 
-            Button {
-                anchors.horizontalCenter: parent.horizontalCenter
-                text: currentStatus.cycling ? qsTr("Finish") : qsTr("Start a journey")
+            BarButton {
+                source: "image://theme/icon-launcher-component-gallery"
+                text: currentStatus.cycling ? qsTr("Finish your journey") : qsTr("Start a journey")
                 onClicked: {
                     if (currentStatus.cycling) {
                         var dialog = pageStack.push(Qt.resolvedUrl("JourneyEdit.qml"), {title: "Finish journey", start: journeymodel.epochToDateTime(currentStatus.startTime), duration: currentStatus.getDuration()})
@@ -56,36 +49,33 @@ Page {
                 }
             }
 
-            SectionHeader {
-                text: qsTr("Add a journey")
-            }
-
-            Button {
-                anchors.horizontalCenter: parent.horizontalCenter
-                text: qsTr("Enter journey")
+            BarButton {
+                source: "image://theme/icon-launcher-component-gallery"
+                text: "Add a journey"
                 onClicked: pageStack.push(Qt.resolvedUrl("JourneyEdit.qml"))
             }
+        }
 
-            SectionHeader {
-                text: qsTr("Latest stats")
-            }
+        Column {
+            id: column2
 
-            Button {
-                anchors.horizontalCenter: parent.horizontalCenter
-                text: qsTr("View stats")
-                onClicked: pageStack.push(Qt.resolvedUrl("Stats.qml"))
-            }
+            width: isPortrait ? parent.width : parent.width / 2.0
+            height: isPortrait ? page.height / 2.0 : page.height
+            spacing: 0
+            y: isPortrait ? page.height / 2: 0
+            x: isPortrait ? 0 : page.width / 2.0
 
-            SectionHeader {
-                text: qsTr("Previous journeys")
+            BarButton {
+                source: "image://theme/icon-launcher-component-gallery"
+                text: "View latest stats"
+                onClicked: pageStack.push(Qt.resolvedUrl("Stats.qml"))
             }
 
-            Button {
-                anchors.horizontalCenter: parent.horizontalCenter
-                text: qsTr("View journeys")
+            BarButton {
+                source: "image://theme/icon-launcher-component-gallery"
+                text: "Previous journeys"
                 onClicked: pageStack.push(Qt.resolvedUrl("JourneyList.qml"))
             }
-
         }
     }
 }