Page {
tools: commonTools
+ orientationLock: PageOrientation.LockPortrait
property bool canRefresh: realtimeResult.sourceUrl != '' || (realtimeResult.isStation && realtimeResult.gstation != '')
//property alias stationSelect: stationSelector
property variant nearbyStations
+ function showFavorites() {
+ favSelector.model.clear();
+ for (var i=0; i<favManager.getCount(); i++) {
+ var data = eval('(' + favManager.getItem(i) + ')');
+ favSelector.model.append(data);
+ }
+ favSelector.model.sync();
+ favSelector.open();
+ }
+
+ function search() {
+ lineSearchButton.clicked()
+ }
+
function refresh() {
realtimeResult.refresh()
}
function showNearby() {
console.log("show nearby")
- var stations = nearbyStations
- stationSelectorModel.clear()
+ var stations = nearbyStations;
+ stationSelectorModel.clear();
for (var idx in stations) {
- stationSelectorModel.append({'name': stations[idx]})
+ stationSelectorModel.append({'name': stations[idx]});
}
- stationSelector.open()
+ stationSelector.open();
}
- PositionSource {
- id: positionSource
- updateInterval: 10000
+ Text {
+ visible: !parent.canRefresh
+ anchors.centerIn: parent
+ font.pixelSize: 30
+ text: '<p><strong>Welcome, traveller!<br></strong></p><p>Press <img src="image://theme/icon-m-toolbar-search"> to search for<br>departure information.</p><p>Press <img src="image://theme/icon-m-toolbar-view-menu"> for nearby stations.<br></p><p><strong>Have a safe journey.</strong></p>'
+ }
- active: true
+ Rectangle {
+ id: header
+ anchors {
+ top: parent.top
+ left: parent.left
+ right: parent.right
+ margins: -1
+ }
+ border {
+ color: 'black'
+ width: 1
+ }
- onPositionChanged: {
- fillNearbyStations(positionSource.position.coordinate.latitude, positionSource.position.coordinate.longitude)
+ gradient: Gradient {
+ GradientStop { position: 0; color: '#777' }
+ GradientStop { position: 1; color: '#aaa' }
}
- }
- SelectionDialog {
- id: lineSelector
- titleText: 'Select line'
+ height: 80
+ color: 'white'
- model: ListModel {
- id: lineSelectorModel
+ Image {
+ id: logo
+ source: 'logo.png'
+
+ anchors {
+ verticalCenter: parent.verticalCenter
+ left: parent.left
+ leftMargin: 10
+ }
+ }
- Component.onCompleted: {
- var lines = itip.get_lines()
- for (var idx in lines) {
- lineSelectorModel.append({'name': lines[idx]})
+ ToolIcon {
+ property int increaseMeGently: 0
+ anchors {
+ verticalCenter: parent.verticalCenter
+ right: parent.right
+ rightMargin: 10
+ }
+ platformIconId: {
+ if (favManager.isFavorite(realtimeResult.gline, realtimeResult.gdirection, realtimeResult.gstation, realtimeResult.sourceUrl, realtimeResult.isStation, increaseMeGently)) {
+ 'icon-m-toolbar-favorite-mark'
+ } else {
+ 'icon-m-toolbar-favorite-unmark'
}
}
+ onClicked: {
+ favManager.toggleFavorite(realtimeResult.gline, realtimeResult.gdirection, realtimeResult.gstation, realtimeResult.sourceUrl, realtimeResult.isStation);
+ increaseMeGently = increaseMeGently + 1;
+ }
}
+ }
- // XXX It would be nice if we could make a delegate with
- // icons (i.e. U1, U2, ... in the right colors), but we
- // would have to "copy" the default delegate style
+ PositionSource {
+ id: positionSource
+ updateInterval: 10000
- onAccepted: {
- console.log('accepted: ' + selectedIndex)
- gline.text = lineSelectorModel.get(selectedIndex).name
+ active: true
+
+ onPositionChanged: {
+ fillNearbyStations(positionSource.position.coordinate.latitude, positionSource.position.coordinate.longitude)
}
}
onAccepted: {
realtimeResult.isStation = true
- realtimeResult.gstation = stationSelectorModel.get(selectedIndex).name
realtimeResult.gline = ''
realtimeResult.sourceUrl = ''
gline.text = ''
gstation.text = stationSelectorModel.get(selectedIndex).name
+ realtimeResult.gstation = stationSelectorModel.get(selectedIndex).name
console.log('station to get: ' + realtimeResult.gstation)
}
}
TextField {
+ visible: false
placeholderText: 'Line'
id: gline
}
onTextChanged: {
- // TODO: Check if text matches an item in lineSelectorModel and
- // set selectedIndex in lineSelector to the right item
gstation.text = ''
-
- if (lineSelector.selectedIndex === -1) {
- return
- }
-
- // Disable selection in line selector if user changes the text
- if (lineSelectorModel.get(lineSelector.selectedIndex).name !== text) {
- lineSelector.selectedIndex = -1
- }
}
MouseArea {
}
}
- /*
LineSheet {
id: lineSheet
- }*/
+ onAccepted: {
+ gline.text = currentLine
+
+ /* We usually want to select a station after selecting a line */
+ stationPickerButton.clicked()
+ }
+ }
Button {
id: lineSearchButton
+ visible: false
anchors {
top: gline.top
width: 60
iconSource: 'image://theme/icon-m-common-search'
- onClicked: lineSelector.open()
+ onClicked: {
+ lineSheet.currentLine = ''
+ lineSheet.open()
+ }
}
TextField {
placeholderText: 'Station'
id: gstation
+ visible: false
anchors {
top: gline.bottom
StationSheet {
id: stationSheet
+ onAccepted: {
+ gstation.text = stationSheet.currentStation
+
+ realtimeResult.gline = stationSheet.currentLine
+ realtimeResult.gdirection = stationSheet.currentDirection
+ realtimeResult.isStation = false
+ realtimeResult.sourceUrl = itip.get_directions_url(stationSheet.currentLine, stationSheet.currentDirection, stationSheet.currentStation)
+ realtimeResult.gstation = stationSheet.currentStation
+
+ console.debug('url to get: ' + realtimeResult.sourceUrl)
+ realtimeResult.refresh()
+ }
}
Button {
rightMargin: 10
}
- Behavior on opacity { PropertyAnimation { } }
-
- opacity: gline.text !== '' // XXX: Check if the line is valid
+ visible: false
width: lineSearchButton.width * opacity
//iconSource: 'image://theme/icon-m-common-location-picker'
anchors {
margins: 10
- top: gstation.bottom
+ top: header.bottom
left: parent.left
bottom: parent.bottom
right: parent.right
sourceUrl: stationSheet.currentUrl
}
+
+ SelectionDialog {
+ id: favSelector
+ titleText: 'Your favorites'
+
+ model: ListModel {}
+
+ onAccepted: {
+ realtimeResult.isStation = model.get(selectedIndex).isstation
+ realtimeResult.gline = model.get(selectedIndex).gline
+ realtimeResult.gdirection = model.get(selectedIndex).gdirection
+ realtimeResult.sourceUrl = model.get(selectedIndex).sourceurl
+ realtimeResult.gstation = model.get(selectedIndex).gstation
+ realtimeResult.refresh()
+ }
+ }
}