Page {
property variant stationView
id: stationListPage
- Component.onCompleted: {
- stationListProxyModel.sortingMode = StationListProxyModel.AlphaSorting
- }
tools: ToolBarLayout {
id: toolBar
- ToolIcon { iconId: "icon-m-toolbar-back"; onClicked: pageStack.pop(); }
- ToolIcon { iconId: "icon-m-toolbar-settings"; onClicked: settingsSheet.open(); }
- ToolIcon { iconId: "icon-m-toolbar-view-menu"; }
+ ToolIcon { iconId: "icon-m-toolbar-search"; onClicked: searchField.visible = !searchField.visible; }
+ ToolIcon { iconId: "icon-m-toolbar-view-menu"; onClicked: menu.open() }
}
-
- DataProvider {
- id: provider
- onStationScheduleReady: {
- if (Private.view !== undefined) {
- Private.view.html = result
- //Private.view.url = url
+ Menu {
+ id: menu
+ content: MenuLayout {
+ MenuItem {
+ text: qsTr("Update Periodically")
+ Switch {
+ id: periodicCheckSwitch
+ anchors {
+ verticalCenter: parent.verticalCenter
+ right: parent.right
+ rightMargin: UiConstants.DefaultMargin
+ }
+ onCheckedChanged: settings.autoUpdate = checked
+ }
+ }
+ MenuItem {
+ text: qsTr("About Quando Parte")
+ onClicked: Private.showAboutPage()
}
+ Component.onCompleted: periodicCheckSwitch.checked = settings.autoUpdate
}
}
PageHeader {
id: header
anchors.top: parent.top
selectedIndex: stationListProxyModel.sortingMode
- options: ListModel {
- id: dialogOptions
- ListElement {
- name: QT_TR_NOOP("Stations by Name")
- }
- ListElement {
- name: QT_TR_NOOP("Stations by Distance")
- }
- ListElement {
- name: QT_TR_NOOP("Stations Recently Seen")
- }
- }
+ options: [
+ qsTr("Stations by Name"),
+ qsTr("Stations by Distance"),
+ qsTr("Stations Recently Seen")
+ ]
}
SearchBar {
id: searchField
anchors.top: header.bottom
+ visible: false
}
Binding {
target: stationListProxyModel
property: "sortingMode"
value: header.selectedIndex
}
- Rectangle {
- id: shadow
- width: parent.width
- anchors.top: mainView.top
- height: 5
- gradient: Gradient {
- GradientStop {color: "#aa000000"; position: 0.0}
- GradientStop {color: "#00000000"; position: 1.0}
- }
- }
Item {
id: mainView
- x: 16
- y: 16
- anchors.top: searchField.bottom
- width: parent.width - 32
- height: parent.height
+ anchors {
+ top: searchField.bottom
+ bottom: parent.bottom
+ left: parent.left
+ right: parent.right
+ }
+ DroppedShadow {
+ id: shadow
+ anchors.top: mainView.top
+ }
ListView {
id: stationListView
clip: true
width: parent.width
- height: parent.height
+ anchors {
+ top: shadow.top
+ bottom: parent.bottom
+ }
model: stationListProxyModel
delegate: Item {
id: listItem
- height: 48
+ height: UiConstants.ListItemHeightSmall
width: parent.width
BorderImage {
id: background
anchors.fill: parent
// Fill page borders
visible: mouseArea.pressed
- source: "image://theme/meegotouch-list-background-pressed-center"
+ source: "image://theme/meegotouch-list-fullwidth-background-pressed"
}
Row {
anchors.fill: parent
-
+ Item {
+ width: UiConstants.DefaultMargin
+ height: UiConstants.DefaultMargin
+ }
Column {
anchors.verticalCenter: parent.verticalCenter
Label {
id: mainText
- text: Private.highlightSearch(model.display, UiConstants.AccentColor)
+ text: Private.highlightSearch(model.name, UiConstants.AccentColor)
font.bold: true
}
+ Label {
+ id: subText
+ text: (model.code !== undefined) ? model.code : "none"
+ font.bold: UiConstants.SubtitleFontBoldness
+ font.pixelSize: UiConstants.SubtitleFontPixelSize
+ }
+ }
+ }
+ Image {
+ anchors {
+ left: parent.left
+ right: parent.right
}
+ source: "image://theme/meegotouch-separator-background-horizontal"
}
MouseArea {
id: mouseArea
anchors.fill: background
onClicked: {
- Private.loadStation(model.display)
+ Private.loadStation(model.name, model.code)
}
}
}
}
- }
-
- Sheet {
- id: settingsSheet
- acceptButtonText: qsTr("Save")
- rejectButtonText: qsTr("Cancel")
- content: Item {
- x: 16
- y: 16
- width: parent.width - 32
- height: parent.height - 32
- Column {
- spacing: 16
- anchors.fill: parent
- Item {
- height: 40
- anchors.leftMargin: UiConstants.DefaultMargins
- anchors.left: parent.left
- anchors.right: parent.right
- Label {
- font.bold: true
- text: "Show Last Station on Startup"
- anchors.verticalCenter: parent.verticalCenter
- anchors.left: parent.left
- }
- Switch {
- anchors.verticalCenter: parent.verticalCenter
- id: showLastStationSwitch
- anchors.right: parent.right
- }
- }
- Item {
- height: 40
- anchors.leftMargin: UiConstants.DefaultMargins
- anchors.left: parent.left
- anchors.right: parent.right
- Label {
- font.bold: true
- text: "Update Display Periodically"
- anchors.verticalCenter: parent.verticalCenter
- }
- Switch {
- anchors.verticalCenter: parent.verticalCenter
- anchors.right: parent.right
- id: periodicCheckSwitch
- }
- }
- }
+ ScrollDecorator {
+ id: decorator
+ flickableItem: stationListView
}
}
}