changes to compass, overlays and waypoints

a very messy commit:
- add waypoints to show up on the map
- fix compass to work correctly
- fix centering of buttons on flat tyre watches

1 files changed, 26 insertions, 2 deletions

diff --git a/src/SetPointMapControls.qml b/src/SetPointMapControls.qml
index 8423ea7..de0078e 100644
--- a/src/SetPointMapControls.qml
+++ b/src/SetPointMapControls.qml
@@ -1,5 +1,6 @@
 import QtQuick 2.0
 import org.asteroid.controls 1.0
+import org.asteroid.utils 1.0
 
 Item {
     PageHeader {
@@ -8,7 +9,8 @@ Item {
     IconButton {
         iconName: "ios-add-circle-outline"
         anchors.right: parent.right
-        anchors.bottom: parent.verticalCenter
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.verticalCenterOffset: - height/2 + DeviceInfo.flatTireHeight/2
         height: parent.height*0.2
         width: height
         iconColor: "blue"
@@ -18,17 +20,39 @@ Item {
     IconButton {
         iconName: "ios-remove-circle-outline"
         anchors.right: parent.right
-        anchors.top: parent.verticalCenter
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.verticalCenterOffset: height/2 + DeviceInfo.flatTireHeight/2
         height: parent.height*0.2
         width: height
         iconColor: "blue"
         z: 2
         onClicked: mapView.zoomLevel = mapView.zoomLevel - 0.3
     }
+    MouseArea {
+        anchors.left: parent.left
+        anchors.verticalCenter: parent.verticalCenter
+        anchors.verticalCenterOffset: - height/2 + DeviceInfo.flatTireHeight/2
+        height: parent.height*0.2
+        width: height
+        z: 2
+        rotation: compassMode.value == 1 ? 360 - compass.reading.azimuth : 45
+        onClicked: compassMode.value = enableCompass.value ? (compassMode.value+1)%3 : 0
+        onPressAndHold: {
+            if (compassMode.value == 2) {compassMode.value = 0}
+            mapView.bearing = 0
+        }
+        Icon {
+            anchors.fill: parent
+            name: compass.reading.calibrationLevel > 0 ? "ios-compass-outline" : "ios-infinite-outline"
+            rotation: -45
+            color: "blue"
+        }
+    }
     IconButton {
         iconName: "ios-locate-outline"
         anchors.left: parent.left
         anchors.verticalCenter: parent.verticalCenter
+        anchors.verticalCenterOffset: height/2 + DeviceInfo.flatTireHeight/2
         height: parent.height*0.2
         width: height
         iconColor: "blue"