2668da3f60
This is a dumb port of a number of properties to use the new theme and units API. - import the plugin - change accessors from units and theme to MobileComponents.Unit and MobileComponents.Theme Signed-off-by: Sebastian Kügler <sebas@kde.org>
90 lines
2.3 KiB
QML
90 lines
2.3 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.kde.plasma.mobilecomponents 0.2 as MobileComponents
|
|
import org.subsurfacedivelog.mobile 1.0
|
|
|
|
Rectangle {
|
|
id: topPart
|
|
|
|
property bool goBack: (stackView.depth > 1)
|
|
|
|
color: MobileComponents.Theme.accentColor
|
|
Layout.minimumHeight: MobileComponents.Units.gridUnit * 2 + MobileComponents.Units.largeSpacing
|
|
Layout.fillWidth: true
|
|
Layout.margins: 0
|
|
RowLayout {
|
|
anchors.bottom: topPart.bottom
|
|
anchors.bottomMargin: MobileComponents.Units.largeSpacing / 2
|
|
anchors.left: topPart.left
|
|
anchors.leftMargin: MobileComponents.Units.largeSpacing / 2
|
|
anchors.right: topPart.right
|
|
anchors.rightMargin: MobileComponents.Units.largeSpacing / 2
|
|
Item {
|
|
Layout.preferredHeight: subsurfaceLogo.height
|
|
Image {
|
|
id: subsurfaceLogo
|
|
source: "qrc:/qml/subsurface-mobile-icon.png"
|
|
anchors {
|
|
top: parent.top
|
|
left: parent.left
|
|
}
|
|
width: MobileComponents.Units.gridUnit * 2
|
|
height: width
|
|
}
|
|
Text {
|
|
text: qsTr("Subsurface")
|
|
height: subsurfaceLogo.height
|
|
anchors {
|
|
left: subsurfaceLogo.right
|
|
bottom: subsurfaceLogo.bottom
|
|
leftMargin: MobileComponents.Units.gridUnit / 2
|
|
}
|
|
font.pointSize: MobileComponents.Units.fontMetrics.font.pointSize * 1.5
|
|
verticalAlignment: Text.AlignBottom
|
|
Layout.fillWidth: false
|
|
color: MobileComponents.Theme.accentTextColor
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Button {
|
|
id: prefsButton
|
|
// Display back arrow or menu button
|
|
text: topPart.goBack ? "\u2190" : "\u22ee"
|
|
anchors.right: parent.right
|
|
Layout.preferredWidth: MobileComponents.Units.gridUnit * 2
|
|
Layout.preferredHeight: parent.height
|
|
style: ButtonStyle {
|
|
background: Rectangle {
|
|
implicitWidth: MobileComponents.Units.gridUnit * 2
|
|
color: MobileComponents.Theme.accentColor
|
|
}
|
|
label: Text {
|
|
id: txt
|
|
color: MobileComponents.Theme.accentTextColor
|
|
font.pointSize: MobileComponents.Units.fontMetrics.font.pointSize * 2
|
|
font.bold: true
|
|
text: control.text
|
|
horizontalAlignment: Text.AlignHCenter
|
|
verticalAlignment: Text.AlignVCenter
|
|
}
|
|
}
|
|
onClicked: {
|
|
if (topPart.goBack) {
|
|
stackView.pop()
|
|
} else {
|
|
prefsMenu.popup()
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
}
|