aboutsummaryrefslogtreecommitdiffstats
path: root/qt-mobile/qml/TopBar.qml
blob: f07a88e47571f04eb2e259df1f0400a40ffdec66 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
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: subsurfaceTheme.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: subsurfaceTheme.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: subsurfaceTheme.accentColor
				}
				label: Text {
					id: txt
					color: subsurfaceTheme.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()
				}
			}
		}

	}

}