QML UI: add main menu button

Right now this is an alternative to the magic action button - but the goal is
to replace it completely.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

1 files changed, 25 insertions, 0 deletions

diff --git a/qt-mobile/qml/TopBar.qml b/qt-mobile/qml/TopBar.qml
index 5ebf3b390..e52909bca 100644
--- a/qt-mobile/qml/TopBar.qml
+++ b/qt-mobile/qml/TopBar.qml
@@ -25,6 +25,31 @@ Rectangle {
 		anchors.right: topPart.right
 		anchors.rightMargin: MobileComponents.Units.smallSpacing
 		Item {
+			id: mainMenu
+			anchors.left: parent.left
+			Layout.preferredHeight: mainMenuIcon.height
+			width: mainMenuIcon.width
+			Image {
+				id: mainMenuIcon
+				source: "qrc:/qml/main-menu.png"
+				width: MobileComponents.Units.gridUnit
+				height: width
+				anchors {
+					top: parent.top
+					topMargin: MobileComponents.Units.smallSpacing * -1
+					leftMargin: MobileComponents.Units.smallSpacing
+
+				}
+			}
+			MouseArea {
+				height: parent.height
+				width: parent.width
+				onClicked: {
+					globalDrawer.open()
+				}
+			}
+		}
+		Item {
 			Layout.preferredHeight: subsurfaceLogo.height
 			Rectangle { color: "green"; anchors.fill: parent; }
 			Image {