subsurface/qt-mobile/qml/DiveDetails.qml
Sebastian Kügler b50202bfc5 Use styled text items in divedetails
Using Label instead of text gives us consistent coloring and styling of
the text labels. Also remove the boldness to make it comply to the
design language used.

Signed-off-by: Sebastian Kügler <sebas@kde.org>
Signed-off-by: Dirk Hohndel <dirk@hohndel.org>
2015-11-11 19:05:20 -08:00

92 lines
2.2 KiB
QML

import QtQuick 2.3
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Window 2.2
import QtQuick.Dialogs 1.2
import QtQuick.Layouts 1.1
import QtQuick.Window 2.2
import org.subsurfacedivelog.mobile 1.0
Item {
id: diveDetailsWindow
width: parent.width
objectName: "DiveDetails"
property string location
property string dive_id
property string airtemp
property string watertemp
property string suit
property string buddy
property string divemaster;
property string notes;
property string date
property string number
onDive_idChanged: {
qmlProfile.diveId = dive_id
qmlProfile.update()
}
Flickable {
id: flick
anchors.fill: parent
contentHeight: parent.height
clip: true
ColumnLayout {
width: parent.width
spacing: 8
Button {
text: "Hide Dive Profile"
onClicked: {
qmlProfile.visible = !qmlProfile.visible
if (qmlProfile.visible) {
text = "Hide Dive Profile"
} else {
text = "Show Dive Profile"
}
}
}
GridLayout {
id: editorDetails
width: parent.width
columns: 2
Label {
Layout.columnSpan: 2
Layout.alignment: Qt.AlignHCenter
text: "Dive " + number + " (" + date + ")"; font.bold: true
}
QMLProfile {
Layout.columnSpan: 2
Layout.fillWidth: true
id: qmlProfile
height: 500
}
Label { text: "Location:" }
TextField { id: txtLocation; text: location; Layout.fillWidth: true }
Label { text: "Air Temp:" }
TextField { id: txtAirTemp; text: airtemp; Layout.fillWidth: true }
Label { text: "Water Temp:" }
TextField { id: txtWaterTemp; text: watertemp; Layout.fillWidth: true }
Label { text: "Suit:" }
TextField { id: txtSuit; text: suit; Layout.fillWidth: true }
Label { text: "Buddy:" }
TextField { id: txtBuddy; text: buddy; Layout.fillWidth: true }
Label { text: "Dive Master:" }
TextField { id: txtDiveMaster; text: divemaster; Layout.fillWidth: true}
Label { text: "Notes:" }
TextEdit{
id: txtNotes
text: notes
focus: true
Layout.fillWidth: true
Layout.fillHeight: true
selectByMouse: true
wrapMode: TextEdit.WrapAtWordBoundaryOrAnywhere
}
}
}
}
}