PlaceDetailsForm.ui.qml Example File
places/forms/PlaceDetailsForm.ui.qml
import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.2
import "../views"
Item {
id: root
property alias placeName: placeName
property alias placeIcon: placeIcon
property alias distance: distance
property alias address: address
property alias categories: categories
property alias phone: phone
property alias fax: fax
property alias email: email
property alias website: website
property alias addInformation: addInformation
property alias editorialsButton: editorialsButton
property alias reviewsButton: reviewsButton
property alias imagesButton: imagesButton
property alias findSimilarButton: findSimilarButton
property alias ratingView: ratingView
width: parent.width
height: parent.height
ScrollView {
id:scrollView
flickableItem.interactive: true
anchors.fill: parent
anchors.margins: 15
GridLayout {
width: scrollView.width - 15
rows: 7
columns: 2
RowLayout {
Layout.columnSpan: 2
Layout.fillWidth: true
Image {
id: placeIcon
source: "../resources/marker.png"
anchors.margins: 30
}
Label {
id: placeName
text: qsTr("PlaceName")
font.bold: true
}
Item {
Layout.fillWidth: true
}
}
RatingView {
id: ratingView
size: placeName.height * 2
Layout.columnSpan: 2
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
Layout.columnSpan: 2
height: 1
color: "#46a2da"
visible: addressBox.visible
}
GroupBox {
id: addressBox
Layout.fillWidth: true
Layout.columnSpan: 2
flat: true
title: qsTr("Address")
GridLayout {
id: gridLayout3
rowSpacing: 10
rows: 1
columns: 2
anchors.fill: parent
Label {
text: qsTr("Distance:")
}
Label {
id: distance
Layout.fillWidth: true
text: qsTr("1000 km")
}
Label {
id: address
Layout.columnSpan: 2
text: qsTr("Street Number<br/>xxxxx City<br/>Country")
}
}
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
Layout.columnSpan: 2
height: 1
color: "#46a2da"
visible: categoriesBox.visible
}
GroupBox {
id: categoriesBox
Layout.fillWidth: true
Layout.columnSpan: 2
flat: true
title: qsTr("Categories")
Label {
id: categories
anchors.fill: parent
text: qsTr("category1, category2 ,category3")
}
}
Rectangle {
anchors.left: parent.left
anchors.right: parent.right
height: 1
color: "#46a2da"
visible: contactDetailsBox.visible
}
GroupBox {
id: contactDetailsBox
Layout.fillWidth: true
Layout.columnSpan: 2
flat: true
title: qsTr("Contact details")
GridLayout {
id: gridLayout4
rowSpacing: 10
rows: 1
columns: 2
anchors.fill: parent
Label {
text: qsTr("Phone: ")
}
Label {
id: phone
Layout.fillWidth: true
text: qsTr("000-000-000")
}
Label {
text: qsTr("Fax: ")
}
Label {
id: fax
Layout.fillWidth: true
text: qsTr("000-000-000")
}
Label {
text: qsTr("Email: ")
}
Label {
id: email
Layout.fillWidth: true
text: qsTr("name@company.com")
}
Label {
text: qsTr("Website: ")
}
Label {
id: website
Layout.fillWidth: true
text: qsTr("http:://company.com")
}
}
}
Rectangle {
Layout.columnSpan: 2
anchors.left: parent.left
anchors.right: parent.right
height: 1
color: "#46a2da"
visible: informationBox.visible
}
GroupBox {
id: informationBox
Layout.fillWidth: true
Layout.columnSpan: 2
flat: true
title: qsTr("Additional information")
ColumnLayout {
Label {
id: addInformation
text: qsTr("AdditionalInformation1<br/>AdditionalInformation2<br/>AdditionalInformation3")
}
}
}
RowLayout {
Layout.columnSpan: 2
Layout.alignment: Qt.AlignHCenter
Button {
id: editorialsButton
text: qsTr("Editorials")
enabled: false
}
Button {
id: reviewsButton
text: qsTr("Reviews")
enabled: false
}
Button {
id: imagesButton
text: qsTr("Images")
enabled: false
}
Button {
id: findSimilarButton
text: qsTr("Find similar")
enabled: false
}
}
}
}
}