QML UI: add context 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, 28 insertions, 0 deletions

diff --git a/qt-mobile/qml/TopBar.qml b/qt-mobile/qml/TopBar.qml
index e52909bca..a7630860f 100644
--- a/qt-mobile/qml/TopBar.qml
+++ b/qt-mobile/qml/TopBar.qml
@@ -80,5 +80,33 @@ Rectangle {
 		Item {
 			Layout.fillWidth: true
 		}
+		Item {
+			id: contextMenu
+			visible: contextDrawer.enabled
+			anchors.right: parent.right
+			anchors.top: parent.top
+			Layout.preferredHeight: contextMenuIcon.height
+			width: contextMenuIcon.width
+			Image {
+				id: contextMenuIcon
+				source: "qrc:/qml/context-menu.png"
+				width: MobileComponents.Units.gridUnit
+				height: width
+				anchors {
+					top: parent.top
+					right: parent.right
+					topMargin: MobileComponents.Units.smallSpacing * -1
+					rightMargin: MobileComponents.Units.smallSpacing
+				}
+			}
+			MouseArea {
+				height: parent.height
+				width: parent.width
+				onClicked: {
+					contextDrawer.open()
+				}
+			}
+		}
+
 	}
 }