mapwidgetcontextmenu: add an Image for the context menu toggle

- add the PNG file into the QRC
- add a simple scale animation for the Image on click

Signed-off-by: Lubomir I. Ivanov <neolit123@gmail.com>

mobile-widgets/qml/MapWidgetContextMenu.qml

@@ -2,8 +2,25 @@
 import QtQuick 2.7
 
 Item {
-	Rectangle {
+	Image {
-		width: 100; height: width
+		id: contextMenuImage
-		color: "white"
+		source: "qrc:///mapwidget-context-menu"
+
+		SequentialAnimation {
+			id:contextMenuImageAnimation
+			PropertyAnimation {
+				target: contextMenuImage; property: "scale"; from: 1.0; to: 0.8; duration: 80;
+			}
+			PropertyAnimation {
+				target: contextMenuImage; property: "scale"; from: 0.8; to: 1.0; duration: 60;
+			}
+		}
+
+		MouseArea {
+			anchors.fill: parent
+			onClicked: {
+				contextMenuImageAnimation.restart()
+			}
+		}
 	}
 }

subsurface.qrc

@@ -6,6 +6,7 @@
         <file alias="mapwidget-marker-selected">mobile-widgets/qml/icons/mapwidget-marker-selected.png</file>
         <file alias="mapwidget-toggle-satellite">mobile-widgets/qml/icons/mapwidget-toggle-satellite.png</file>
         <file alias="mapwidget-toggle-street">mobile-widgets/qml/icons/mapwidget-toggle-street.png</file>
+        <file alias="mapwidget-context-menu">mobile-widgets/qml/icons/mapwidget-context-menu.png</file>
         <file alias="star">icons/star.svg</file>
         <file alias="subsurface-icon">icons/subsurface-icon.png</file>
         <file alias="subsurface-mobile-icon">icons/subsurface-mobile-icon.png</file>