Merge pull request #5251 from opengisch/NavigatingDrawer

Information drawer functionality

src/qml/InformationDrawer.qml

@@ -0,0 +1,85 @@
+import QtQuick 2.14
+import QtQuick.Controls 2.14
+
+import org.qfield 1.0
+import Theme 1.0
+
+Item {
+  id: controller
+
+  anchors.bottom: parent.bottom
+  anchors.leftMargin: 10
+  anchors.rightMargin: 10
+
+  width: parent.width
+  height: mainContent.height + (mainContent.height > 0 ? 10 : 0)
+  Behavior on height {
+    PropertyAnimation {
+      easing.type: Easing.OutQuart
+    }
+  }
+
+  property real itemRadius: 8
+
+  // SensorInformationView
+  property bool sensorInformationViewEnabled: sensorInformationView.activeSensors > 0
+
+  // NavigationInformationView
+  property bool navigationInformationViewEnabled: navigation.isActive && !elevationProfile.visible
+
+  // PositioningInformationView
+  property Navigation navigation
+  property bool positioningInformationViewEnabled: positioningSettings.showPositionInformation && !elevationProfile.visible
+
+  // PositioningPreciseView
+  property alias positioningPreciseView: positioningPreciseView
+  property PositioningSettings positioningSettings
+  property Positioning positionSource
+  property real positioningPreciseViewHeight
+  property bool positioningPreciseEnabled: !elevationProfile.visible
+                                           && !isNaN(navigation.distance)
+                                           && navigation.isActive
+                                           && (positioningSettings.alwaysShowPreciseView
+                                              || ( positioningPreciseView.hasAcceptableAccuracy
+                                              &&  positioningPreciseView.projectDistance < positioningPreciseView.precision ))
+
+  Column {
+    id: mainContent
+    width: parent.width - 8
+    anchors.horizontalCenter: parent.horizontalCenter
+    spacing: 8
+
+    NavigationInformationView {
+      id: navigationInformationView
+      width: parent.width
+      height: navigationInformationViewEnabled ? contentHeight : 0
+      clip: true
+      navigation: controller.navigation
+      radius: itemRadius
+    }
+
+    PositioningInformationView {
+      id: positioningInformationView
+      width: parent.width
+      height: positioningInformationViewEnabled ? contentHeight : 0
+      clip: true
+      visible: positioningInformationViewEnabled
+      positionSource: controller.positionSource
+      antennaHeight: positioningSettings.antennaHeightActivated ? positioningSettings.antennaHeight : NaN
+      radius: itemRadius
+    }
+
+    PositioningPreciseView {
+      id: positioningPreciseView
+      width: parent.width
+      height: positioningPreciseEnabled ? positioningPreciseViewHeight : 0
+      clip: true
+      precision: positioningSettings.preciseViewPrecision
+    }
+
+    SensorInformationView {
+      id: sensorInformationView
+      height: sensorInformationViewEnabled ? contentHeight : 0
+    }
+  }
+}

src/qml/NavigationInformationView.qml

@@ -17,15 +17,14 @@ Rectangle {
 
   property int ceilsCount: 4
   property double rowHeight: 30
-  property color backgroundColor: Theme.mainBackgroundColor
+  property color backgroundColor: "transparent"
   property color alternateBackgroundColor: Theme.navigationBackgroundColor
   property color textColor: Theme.mainTextColor
+  property real contentHeight: content.height
 
-  height: childrenRect.height
-  width: parent.width
-  anchors.margins: 20
-
-  color: Theme.mainBackgroundColor
+  color: Theme.mainBackgroundColorSemiOpaque
+  border.color: alternateBackgroundColor
+  border.width: 2
 
   Timer {
     id: featureVertexTimer
@@ -46,13 +45,13 @@ Rectangle {
   }
 
   ColumnLayout {
+    id: content
     width: parent.width
     spacing: 0
 
-    Rectangle {
+    Item {
       Layout.fillWidth: true
       Layout.preferredHeight: childrenRect.height
-      color: Theme.navigationColor
 
       RowLayout {
         width: parent.width

src/qml/PositioningInformationView.qml

@@ -19,15 +19,15 @@ Rectangle {
 
   property double antennaHeight: NaN
   property double rowHeight: 30
-  property color backgroundColor: Theme.mainBackgroundColor
+  property color backgroundColor: "transparent"
   property color alternateBackgroundColor: Theme.positionBackgroundColor
   property color textColor: positionSource.currentness ? Theme.mainTextColor : Theme.secondaryTextColor
 
-  height: grid.rows * positioningInformationView.rowHeight
+  property real contentHeight: grid.rows * positioningInformationView.rowHeight
   width: parent.width
   anchors.margins: 20
 
-  color: Theme.mainBackgroundColor
+  color: Theme.mainBackgroundColorSemiOpaque
 
   Grid {
     id: grid

src/qml/PositioningPreciseView.qml

@@ -31,7 +31,8 @@ Item {
 
   Rectangle {
     anchors.fill: parent
-    color: Theme.mainBackgroundColor
+    color: "#ee" + Theme.mainBackgroundColor.toString().slice(1)
+    radius: 8
   }
 
   Row {

src/qml/SensorInformationView.qml

@@ -16,11 +16,11 @@ Rectangle {
   property color backgroundColor: Theme.mainBackgroundColor
   property color alternateBackgroundColor: Theme.sensorBackgroundColor
   property color textColor: Theme.mainTextColor
-
-  width: parent.width
-  height: parent.width > 620
+  property real contentHeight: parent.width > 620
           ? rowHeight * Math.ceil(grid.count / 3)
           : rowHeight * Math.ceil(grid.count / 2)
+
+  width: parent.width
   anchors.margins: 20
 
   color: Theme.mainBackgroundColor

src/qml/imports/Theme/Theme.qml

@@ -7,6 +7,8 @@ QtObject {
     property bool darkTheme: false
 
     property color mainBackgroundColor: darkTheme ? "#303030" : "#fafafa"
+    property color mainBackgroundColorSemiOpaque: darkTheme ? "#dd303030" : "#ddfafafa"
+
     property color mainTextColor: darkTheme ? "#EEEEEE" : "#000000"
     readonly property color mainTextDisabledColor: darkTheme ? "#73EEEEEE" : "#73000000"
     readonly property color mainColor: "#80cc28"