import QtQuick 2.0
import Ubuntu.Components 1.2
/*!
\brief MainView with a Label and Button elements.
*/
MainView {
// objectName for functional testing purposes (autopilot-qt5)
objectName: "mainView"
// Note! applicationName needs to match the "name" field of the click manifest
applicationName: "timehub.ahoneybun"
/*
This property enables the application to change orientation
when the device is rotated. The default is false.
*/
//automaticOrientation: true
// Removes the old toolbar and enables new features of the new header.
width: units.gu(50)
height: units.gu(75)
Page {
title: i18n.tr("TimeHub")
Column {
spacing: units.gu(1)
anchors {
margins: units.gu(2)
fill: parent
}
Item {
height: units.gu(10); width: units.gu(35)
UbuntuShape {
radius: "medium"
backgroundColor: "grey"
height: units.gu(10); width: units.gu(35)
Label {
id: zoneTime
text: i18n.tr("Time")
fontSize: "x-large"
color: "white"
anchors.centerIn: parent
}
}
}
OptionSelector {
id: firstSelector
text: i18n.tr("Country Selection")
model: [i18n.tr("USA"),
i18n.tr("UK"),
i18n.tr("China")]
}
OptionSelector {
id: secondSelector
delegate: OptionSelectorDelegate { text: city; }
text: i18n.tr("City Selection")
model: SortFilterModel {
model: ListModel {
id: myModel
ListElement {
country: "USA"
city: "New York"
}
ListElement {
country: "UK"
city: "London"
}
ListElement {
country: "UK"
city: "Oxford"
}
}
sort.property: "city"
filter.property: "country"
filter.pattern: new RegExp(firstSelector.model[firstSelector.selectedIndex], "")
}
}
}
}
}