- BorderImage {
- id: borderImage
- anchors.fill: turnImage
- anchors.margins: -8
- source: "qrc:/res/images/profile_pic_border.png"
- border.left: 24; border.top: 24
- border.right: 24; border.bottom: 24
- horizontalTileMode: BorderImage.Stretch
- verticalTileMode: BorderImage.Stretch
- }
-
- Text {
- id: instructionText
- anchors { left: turnImage.right; right: background.right; top: background.top; margins: 5; leftMargin: 10 }
- text: streetName
- clip: true;
- elide: Text.ElideRight
- }
-
- Image {
- id: timeImage
- source: "qrc:/res/images/clock.png"
- anchors { left: instructionText.left; top: instructionText.bottom }
- }
- Text {
- id: timeText
- font.pixelSize: timeImage.height * 0.8
- anchors { margins: 5; left: timeImage.right; right: parent.right; verticalCenter: timeImage.verticalCenter }
- text: time
- }
-
- Image {
- id: lengthImage
- anchors { left: instructionText.left; top: timeImage.bottom }
- source: "qrc:/res/images/ruler.png"
- }
- Text {
- id: lengthText
- font.pixelSize: lengthImage.height * 0.8
- anchors { margins: 5; left: lengthImage.right; right: parent.right; verticalCenter: lengthImage.verticalCenter }
- text: lengthCaption
- }
-
-
-// Rectangle {
-// id: listItem
-// width: parent.width
-// height: col.height + 8
-// color: "lightsteelblue"
-// radius: 10
-// border { color: "black"; width: 2 }
-// clip: true
-
-// MouseArea {
-// anchors.fill: parent
-// onClicked: listItem.state == 'expanded' ? listItem.state = '' : listItem.state = 'expanded'
-// }
-
-// Image {
-// id: image
-// source: picture
-// anchors.top: parent.top
-// anchors.topMargin: 5
-// anchors.left: parent.left
-// anchors.leftMargin: 7
-// }
-
-// Column {
-// id: col
-// x: image.x + image.width + 7
-// width: parent.width - x - 7
-// y: 3
-// Text { text: '<b>' + instruction + '</b> ' }
-// Text {
-// id: msg;
-// text: message;
-// font.pixelSize: 16;
-// clip: true;
-// elide: Text.ElideRight
-// anchors.left: parent.left;
-// anchors.right: parent.right}
-// }
-
-// states: [
-// State {
-// name: "expanded"
-// PropertyChanges {
-// target: msg
-// wrapMode: Text.Wrap
-// elide: Text.ElideNone
-// }
-// }
-// ]
-
-// transitions: [
-// Transition {
-// from: ""
-// to: "expanded"
-// NumberAnimation { properties: "height"; duration: 100 }
-// reversible: true
-// }
-// ]