Realtime search gui mockup

[pywienerlinien] / gotovienna / gotovienna_qml / qml / gotovienna_qml / MainPage.qml

diff --git a/gotovienna/gotovienna_qml/qml/gotovienna_qml/MainPage.qml b/gotovienna/gotovienna_qml/qml/gotovienna_qml/MainPage.qml
index eaaf565..5bd38e1 100644 (file)
--- a/gotovienna/gotovienna_qml/qml/gotovienna_qml/MainPage.qml
+++ b/gotovienna/gotovienna_qml/qml/gotovienna_qml/MainPage.qml
@@ -1,14 +1,15 @@
 import QtQuick 1.1
 import com.nokia.meego 1.0
+import "UIConstants.js" as UIConstants
+import "ExtrasConstants.js" as ExtrasConstants
 
 Page {
     tools: commonTools
 
     TextField {
-        placeholderText: 'origin'
+        placeholderText: 'Line'
 
-        id: origin
-        text: "Test"
+        id: gline
         anchors {
             top: parent.top
             left: parent.left
@@ -17,13 +18,21 @@ Page {
             rightMargin: 10
         }
         width: parent.width - 20
+
+         MouseArea {
+             anchors.fill: parent
+             drag.target: gline
+             drag.axis: Drag.YAxis
+             drag.minimumY: 0
+             drag.maximumY: parent.height
+         }
     }
 
     TextField {
-        placeholderText: 'destination'
-        id: destination
+        placeholderText: 'Station'
+        id: gstation
         anchors {
-            top: origin.bottom
+            top: gline.bottom
             left: parent.left
             right: parent.right
             topMargin: 10
@@ -32,103 +41,21 @@ Page {
         }
     }
 
+    ResultRealtime { id: resu }
+
     Button {
         id: btnSearch
         text: 'Search'
         anchors {
-            top: destination.bottom
+            top: gstation.bottom
             topMargin: 10
             horizontalCenter: parent.horizontalCenter
         }
-    }
-
-    ListModel {
-            id: delegateModel
-            ListElement {
-                item_index: 0
-                item_name: "Item 1";
-                item_description: "Description 1";
-
-            }
-            ListElement {
-                item_index: 1
-                item_name: "Item 2"
-                item_description: "Description 2"
-            }
-            ListElement {
-                item_index: 2
-                item_name: "Item 3"
-                item_description: "Description 3"
-            }
-        }
-
-    Component {
-            id: departureDelegate
-            Item {
-                visible: false
-                id: wrapper
-                width: parent.width
-                height: 40
-                Column {
-                    x: 5; y: 5
-                    Text { text: '<b>Name:</b>' + item_name }
-                    Text { text: '<b>Description:</b>' + item_description }
-                }
-                MouseArea {
-                    anchors.fill: parent
-                    onClicked: departureList.currentIndex = item_index
-                }
-            }
-        }
-
-    Component {
-        id: departureHilight
-        Rectangle {
-            visible: false
-            width: parent.width
-            height: 70
-            color: "lightsteelblue"
-            radius: 5
-        }
-    }
-
-    PinchArea {
-        anchors {
-            top: btnSearch.bottom
-            topMargin: 20
-            left: parent.left
-            right: parent.right
-            bottom: parent.bottom
-        }
-        pinch.maximumScale: 3
-        pinch.minimumScale: 1
-
-        onPinchUpdated: {
-            console.debug(pinch.scale)
-        }
-
-        function swap(o, d) {
-            var tmp = d.text
-            d.text = o.text
-            o.text = tmp
-        }
-        onPinchFinished: swap(origin, destination)
-    }
-
-    ListView {
-        id: departureList
-        anchors {
-            top: btnSearch.bottom
-            topMargin: 20
-            left: parent.left
-            leftMargin: 20
-            right: parent.right
-            rightMargin: 20
+        onClicked: {
+            resu.gline = gline.text
+            resu.gstation = gstation.text
+            pageStack.push(resu)
         }
-        width: parent.width
-        model: delegateModel
-        delegate: departureDelegate
-        highlight: departureHilight
-        focus: false
     }
 }
+