FlightDisplayView.qml 24.3 KB
Newer Older
1 2 3 4 5 6 7 8
/****************************************************************************
 *
 *   (c) 2009-2016 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>
 *
 * QGroundControl is licensed according to the terms in the file
 * COPYING.md in the root of the source code directory.
 *
 ****************************************************************************/
9 10


11 12
import QtQuick                  2.3
import QtQuick.Controls         1.2
13
import QtQuick.Controls.Styles  1.4
14
import QtQuick.Dialogs          1.2
15 16 17
import QtLocation               5.3
import QtPositioning            5.3
import QtMultimedia             5.5
18
import QtQuick.Layouts          1.2
19

20
import QGroundControl               1.0
Don Gagne's avatar
Don Gagne committed
21
import QGroundControl.FlightDisplay 1.0
22 23 24 25
import QGroundControl.FlightMap     1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.Controls      1.0
import QGroundControl.Palette       1.0
26
import QGroundControl.Vehicle       1.0
27
import QGroundControl.Controllers   1.0
Don Gagne's avatar
Don Gagne committed
28
import QGroundControl.FactSystem    1.0
29 30

/// Flight Display View
31 32 33
QGCView {
    id:             root
    viewPanel:      _panel
34

35
    QGCPalette { id: qgcPal; colorGroupEnabled: enabled }
36

Don Gagne's avatar
Don Gagne committed
37 38
    property alias  guidedController:   guidedActionsController

39 40
    property bool activeVehicleJoystickEnabled: _activeVehicle ? _activeVehicle.joystickEnabled : false

41 42 43 44 45 46 47 48 49 50 51 52
    property var    _planMasterController:  masterController
    property var    _missionController:     _planMasterController.missionController
    property var    _geoFenceController:    _planMasterController.geoFenceController
    property var    _rallyPointController:  _planMasterController.rallyPointController
    property var    _activeVehicle:         QGroundControl.multiVehicleManager.activeVehicle
    property bool   _mainIsMap:             QGroundControl.videoManager.hasVideo ? QGroundControl.loadBoolGlobalSetting(_mainIsMapKey,  true) : true
    property bool   _isPipVisible:          QGroundControl.videoManager.hasVideo ? QGroundControl.loadBoolGlobalSetting(_PIPVisibleKey, true) : false
    property real   _savedZoomLevel:        0
    property real   _margins:               ScreenTools.defaultFontPixelWidth / 2
    property real   _pipSize:               mainWindow.width * 0.2
    property alias  _guidedController:      guidedActionsController
    property alias  _altitudeSlider:        altitudeSlider
53

54

Don Gagne's avatar
Don Gagne committed
55 56 57 58 59 60 61 62 63 64 65 66
    readonly property bool      isBackgroundDark:       _mainIsMap ? (_flightMap ? _flightMap.isSatelliteMap : true) : true
    readonly property real      _defaultRoll:           0
    readonly property real      _defaultPitch:          0
    readonly property real      _defaultHeading:        0
    readonly property real      _defaultAltitudeAMSL:   0
    readonly property real      _defaultGroundSpeed:    0
    readonly property real      _defaultAirSpeed:       0
    readonly property string    _mapName:               "FlightDisplayView"
    readonly property string    _showMapBackgroundKey:  "/showMapBackground"
    readonly property string    _mainIsMapKey:          "MainFlyWindowIsMap"
    readonly property string    _PIPVisibleKey:         "IsPIPVisible"

67
    function setStates() {
68
        QGroundControl.saveBoolGlobalSetting(_mainIsMapKey, _mainIsMap)
69
        if(_mainIsMap) {
70 71 72 73 74 75 76 77
            //-- Adjust Margins
            _flightMapContainer.state   = "fullMode"
            _flightVideo.state          = "pipMode"
            //-- Save/Restore Map Zoom Level
            if(_savedZoomLevel != 0)
                _flightMap.zoomLevel = _savedZoomLevel
            else
                _savedZoomLevel = _flightMap.zoomLevel
78
        } else {
79 80 81 82 83 84
            //-- Adjust Margins
            _flightMapContainer.state   = "pipMode"
            _flightVideo.state          = "fullMode"
            //-- Set Map Zoom Level
            _savedZoomLevel = _flightMap.zoomLevel
            _flightMap.zoomLevel = _savedZoomLevel - 3
85
        }
Don Gagne's avatar
Don Gagne committed
86 87
    }

88 89 90
    function setPipVisibility(state) {
        _isPipVisible = state;
        QGroundControl.saveBoolGlobalSetting(_PIPVisibleKey, state)
91 92
    }

93
    function px4JoystickCheck() {
94
        if ( _activeVehicle && !_activeVehicle.supportsManualControl && (QGroundControl.settingsManager.appSettings.virtualJoystick.value || _activeVehicle.joystickEnabled)) {
95 96 97 98
            px4JoystickSupport.open()
        }
    }

99 100
    PlanElemementMasterController {
        id:                     masterController
101
        Component.onCompleted:  start(false /* editMode */)
102 103
    }

104 105 106
    Connections {
        target:                 _missionController
        onResumeMissionReady:   guidedActionsController.confirmAction(guidedActionsController.actionResumeMissionReady)
107 108
    }

109 110
    MessageDialog {
        id:     px4JoystickSupport
111 112 113
        text:   qsTr("Joystick support requires MAVLink MANUAL_CONTROL support. ") +
                qsTr("The firmware you are running does not normally support this. ") +
                qsTr("It will only work if you have modified the firmware to add MANUAL_CONTROL support.")
114 115 116
    }

    Connections {
117
        target:                 QGroundControl.multiVehicleManager
118 119 120 121
        onActiveVehicleChanged: px4JoystickCheck()
    }

    Connections {
122 123
        target:         QGroundControl.settingsManager.appSettings.virtualJoystick
        onValueChanged: px4JoystickCheck()
124 125 126 127
    }

    onActiveVehicleJoystickEnabledChanged: px4JoystickCheck()

128 129
    Component.onCompleted: {
        setStates()
130
        px4JoystickCheck()
131 132 133
        if(QGroundControl.corePlugin.options.flyViewOverlay.toString().length) {
            flyViewOverlay.source = QGroundControl.corePlugin.options.flyViewOverlay
        }
134
    }
dogmaphobic's avatar
dogmaphobic committed
135

136 137 138 139 140 141 142 143 144 145 146 147 148 149
    // The following code is used to track vehicle states such that we prompt to remove mission from vehicle when mission completes

    property bool vehicleArmed:                 _activeVehicle ? _activeVehicle.armed : true // true here prevents pop up from showing during shutdown
    property bool vehicleWasArmed:              false
    property bool vehicleInMissionFlightMode:   _activeVehicle ? (_activeVehicle.flightMode === _activeVehicle.missionFlightMode) : false
    property bool promptForMissionRemove:       false

    onVehicleArmedChanged: {
        if (vehicleArmed) {
            if (!promptForMissionRemove) {
                promptForMissionRemove = vehicleInMissionFlightMode
                vehicleWasArmed = true
            }
        } else {
150
            if (promptForMissionRemove && (_missionController.containsItems || _geoFenceController.containsItems || _rallyPointController.containsItems)) {
151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169
                root.showDialog(removeMissionDialogComponent, qsTr("Flight complete"), showDialogDefaultWidth, StandardButton.No | StandardButton.Yes)
            }
            promptForMissionRemove = false
        }
    }

    onVehicleInMissionFlightModeChanged: {
        if (!promptForMissionRemove && vehicleArmed) {
            promptForMissionRemove = true
        }
    }

    Component {
        id: removeMissionDialogComponent

        QGCViewMessage {
            message: qsTr("Do you want to remove the mission from the vehicle?")

            function accept() {
170
                _planMasterController.removeAllFromVehicle()
171 172 173 174 175
                hideDialog()
            }
        }
    }

176 177
    QGCMapPalette { id: mapPal; lightColors: _mainIsMap ? _flightMap.isSatelliteMap : true }

178 179 180 181 182 183 184 185 186 187 188 189 190
    QGCViewPanel {
        id:             _panel
        anchors.fill:   parent

        //-- Map View
        //   For whatever reason, if FlightDisplayViewMap is the _panel item, changing
        //   width/height has no effect.
        Item {
            id: _flightMapContainer
            z:  _mainIsMap ? _panel.z + 1 : _panel.z + 2
            anchors.left:   _panel.left
            anchors.bottom: _panel.bottom
            visible:        _mainIsMap || _isPipVisible
191 192
            width:          _mainIsMap ? _panel.width  : _pipSize
            height:         _mainIsMap ? _panel.height : _pipSize * (9/16)
193 194 195 196 197 198 199 200 201 202 203 204 205 206
            states: [
                State {
                    name:   "pipMode"
                    PropertyChanges {
                        target:             _flightMapContainer
                        anchors.margins:    ScreenTools.defaultFontPixelHeight
                    }
                },
                State {
                    name:   "fullMode"
                    PropertyChanges {
                        target:             _flightMapContainer
                        anchors.margins:    0
                    }
207
                }
208 209
            ]
            FlightDisplayViewMap {
210 211
                id:                         _flightMap
                anchors.fill:               parent
212
                planMasterController:       masterController
213 214 215 216 217
                guidedActionsController:    _guidedController
                flightWidgets:              flightDisplayViewWidgets
                rightPanelWidth:            ScreenTools.defaultFontPixelHeight * 9
                qgcView:                    root
                scaleState:                 (_mainIsMap && flyViewOverlay.item) ? (flyViewOverlay.item.scaleState ? flyViewOverlay.item.scaleState : "bottomMode") : "bottomMode"
218
            }
219
        }
220

221
        //-- Video View
222
        Item {
223 224
            id:             _flightVideo
            z:              _mainIsMap ? _panel.z + 2 : _panel.z + 1
225 226
            width:          !_mainIsMap ? _panel.width  : _pipSize
            height:         !_mainIsMap ? _panel.height : _pipSize * (9/16)
227 228
            anchors.left:   _panel.left
            anchors.bottom: _panel.bottom
229
            visible:        QGroundControl.videoManager.hasVideo && (!_mainIsMap || _isPipVisible)
230 231 232 233 234 235 236 237 238 239 240 241 242 243
            states: [
                State {
                    name:   "pipMode"
                    PropertyChanges {
                        target: _flightVideo
                        anchors.margins:    ScreenTools.defaultFontPixelHeight
                    }
                },
                State {
                    name:   "fullMode"
                    PropertyChanges {
                        target: _flightVideo
                        anchors.margins:    0
                    }
244
                }
245
            ]
246
            //-- Video Streaming
247 248 249 250 251
            FlightDisplayViewVideo {
                anchors.fill:   parent
                visible:        QGroundControl.videoManager.isGStreamer
            }
            //-- UVC Video (USB Camera or Video Device)
252 253
            Loader {
                id:             cameraLoader
254 255
                anchors.fill:   parent
                visible:        !QGroundControl.videoManager.isGStreamer
256
                source:         QGroundControl.videoManager.uvcEnabled ? "qrc:/qml/FlightDisplayViewUVC.qml" : "qrc:/qml/FlightDisplayViewDummy.qml"
257
            }
dogmaphobic's avatar
dogmaphobic committed
258
        }
259 260 261 262

        QGCPipable {
            id:                 _flightVideoPipControl
            z:                  _flightVideo.z + 3
263 264
            width:              _pipSize
            height:             _pipSize * (9/16)
265 266 267
            anchors.left:       _panel.left
            anchors.bottom:     _panel.bottom
            anchors.margins:    ScreenTools.defaultFontPixelHeight
268
            visible:            QGroundControl.videoManager.hasVideo
269 270 271 272 273 274 275 276 277
            isHidden:           !_isPipVisible
            isDark:             isBackgroundDark
            onActivated: {
                _mainIsMap = !_mainIsMap
                setStates()
            }
            onHideIt: {
                setPipVisibility(!state)
            }
dogmaphobic's avatar
dogmaphobic committed
278
        }
Don Gagne's avatar
Don Gagne committed
279

280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306
        Row {
            id:                     singleMultiSelector
            anchors.topMargin:      ScreenTools.toolbarHeight + _margins
            anchors.rightMargin:    _margins
            anchors.right:          parent.right
            anchors.top:            parent.top
            spacing:                ScreenTools.defaultFontPixelWidth
            z:                      _panel.z + 4
            visible:                QGroundControl.multiVehicleManager.vehicles.count > 1

            ExclusiveGroup { id: multiVehicleSelectorGroup }

            QGCRadioButton {
                id:             singleVehicleView
                exclusiveGroup: multiVehicleSelectorGroup
                text:           qsTr("Single")
                checked:        true
                color:          mapPal.text
            }

            QGCRadioButton {
                exclusiveGroup: multiVehicleSelectorGroup
                text:           qsTr("Multi-Vehicle (WIP)")
                color:          mapPal.text
            }
        }

307
        FlightDisplayViewWidgets {
308 309 310 311
            id:                 flightDisplayViewWidgets
            z:                  _panel.z + 4
            height:             ScreenTools.availableHeight
            anchors.left:       parent.left
312
            anchors.right:      altitudeSlider.visible ? altitudeSlider.left : parent.right
313 314
            anchors.bottom:     parent.bottom
            qgcView:            root
315
            useLightColors:     isBackgroundDark
316
            missionController:  _missionController
317 318 319
            visible:            singleVehicleView.checked
        }

320 321 322 323 324 325 326 327 328
        //-------------------------------------------------------------------------
        //-- Loader helper for plugins to overlay elements over the fly view
        Loader {
            id:                 flyViewOverlay
            z:                  flightDisplayViewWidgets.z + 1
            height:             ScreenTools.availableHeight
            anchors.left:       parent.left
            anchors.right:      altitudeSlider.visible ? altitudeSlider.left : parent.right
            anchors.bottom:     parent.bottom
329 330

            property var qgcView: root
331 332
        }

333 334 335 336 337 338 339 340
        // Button to start/stop video recording
        Item {
            z:                  _flightVideoPipControl.z + 1
            anchors.margins:    ScreenTools.defaultFontPixelHeight / 2
            anchors.bottom:     _flightVideo.bottom
            anchors.right:      _flightVideo.right
            height:             ScreenTools.defaultFontPixelHeight * 2
            width:              height
341
            visible:            QGroundControl.videoManager.videoRunning && QGroundControl.videoManager.recordingEnabled
342 343 344 345 346 347
            opacity:            0.75

            Rectangle {
                anchors.top:        parent.top
                anchors.bottom:     parent.bottom
                width:              height
348
                radius:             QGroundControl.videoManager && QGroundControl.videoManager.videoReceiver && QGroundControl.videoManager.videoReceiver.recording ? 0 : height
349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364
                color:              "red"
            }

            QGCColoredImage {
                anchors.top:                parent.top
                anchors.bottom:             parent.bottom
                anchors.horizontalCenter:   parent.horizontalCenter
                width:                      height * 0.625
                sourceSize.width:           width
                source:                     "/qmlimages/CameraIcon.svg"
                fillMode:                   Image.PreserveAspectFit
                color:                      "white"
            }

            MouseArea {
                anchors.fill:   parent
365
                onClicked:      QGroundControl.videoManager.videoReceiver && QGroundControl.videoManager.videoReceiver.recording ? QGroundControl.videoManager.videoReceiver.stopRecording() : QGroundControl.videoManager.videoReceiver.startRecording()
366 367 368
            }
        }

369 370 371 372 373 374 375 376
        MultiVehicleList {
            anchors.margins:    _margins
            anchors.top:        singleMultiSelector.bottom
            anchors.right:      parent.right
            anchors.bottom:     parent.bottom
            width:              ScreenTools.defaultFontPixelWidth * 30
            visible:            !singleVehicleView.checked
            z:                  _panel.z + 4
377
        }
dogmaphobic's avatar
dogmaphobic committed
378

379

380
        //-- Virtual Joystick
381
        Loader {
382
            id:                         virtualJoystickMultiTouch
383 384
            z:                          _panel.z + 5
            width:                      parent.width  - (_flightVideoPipControl.width / 2)
385
            height:                     Math.min(ScreenTools.availableHeight * 0.25, ScreenTools.defaultFontPixelWidth * 16)
386
            visible:                    _virtualJoystick ? _virtualJoystick.value : false
387 388
            anchors.bottom:             _flightVideoPipControl.top
            anchors.bottomMargin:       ScreenTools.defaultFontPixelHeight * 2
389
            anchors.horizontalCenter:   flightDisplayViewWidgets.horizontalCenter
390
            source:                     "qrc:/qml/VirtualJoystick.qml"
391
            active:                     _virtualJoystick ? _virtualJoystick.value : false
Don Gagne's avatar
Don Gagne committed
392

393
            property bool useLightColors: isBackgroundDark
394 395

            property Fact _virtualJoystick: QGroundControl.settingsManager.appSettings.virtualJoystick
Don Gagne's avatar
Don Gagne committed
396
        }
397 398

        ToolStrip {
399
            visible:            _activeVehicle ? _activeVehicle.guidedModeSupported : true
400 401 402
            id:                 toolStrip
            anchors.leftMargin: ScreenTools.defaultFontPixelWidth
            anchors.left:       _panel.left
403
            anchors.topMargin:  ScreenTools.toolbarHeight + (_margins * 2)
404 405 406 407
            anchors.top:        _panel.top
            z:                  _panel.z + 4
            title:              qsTr("Fly")
            maxHeight:          (_flightVideo.visible ? _flightVideo.y : parent.height) - toolStrip.y
408 409
            buttonVisible:      [ _guidedController.showTakeoff || !_guidedController.showLand, _guidedController.showLand && !_guidedController.showTakeoff, true, true, true, _guidedController.smartShotsAvailable ]
            buttonEnabled:      [ _guidedController.showTakeoff, _guidedController.showLand, _guidedController.showRTL, _guidedController.showPause, _anyActionAvailable, _anySmartShotAvailable ]
410

411
            property bool _anyActionAvailable: _guidedController.showStartMission || _guidedController.showResumeMission || _guidedController.showChangeAlt || _guidedController.showLandAbort
412
            property bool _anySmartShotAvailable: _guidedController.showOrbit
413 414
            property var _actionModel: [
                {
415 416 417 418
                    title:      _guidedController.startMissionTitle,
                    text:       _guidedController.startMissionMessage,
                    action:     _guidedController.actionStartMission,
                    visible:    _guidedController.showStartMission
419
                },
Don Gagne's avatar
Don Gagne committed
420 421 422 423 424 425
                {
                    title:      _guidedController.continueMissionTitle,
                    text:       _guidedController.continueMissionMessage,
                    action:     _guidedController.actionContinueMission,
                    visible:    _guidedController.showContinueMission
                },
426
                {
427 428 429 430
                    title:      _guidedController.resumeMissionTitle,
                    text:       _guidedController.resumeMissionMessage,
                    action:     _guidedController.actionResumeMission,
                    visible:    _guidedController.showResumeMission
431 432
                },
                {
433 434 435 436
                    title:      _guidedController.changeAltTitle,
                    text:       _guidedController.changeAltMessage,
                    action:     _guidedController.actionChangeAlt,
                    visible:    _guidedController.showChangeAlt
437 438
                },
                {
439 440 441 442
                    title:      _guidedController.landAbortTitle,
                    text:       _guidedController.landAbortMessage,
                    action:     _guidedController.actionLandAbort,
                    visible:    _guidedController.showLandAbort
443 444 445 446
                }
            ]
            property var _smartShotModel: [
                {
447 448 449 450
                    title:      _guidedController.orbitTitle,
                    text:       _guidedController.orbitMessage,
                    action:     _guidedController.actionOrbit,
                    visible:    _guidedController.showOrbit
451 452 453 454 455
                }
            ]

            model: [
                {
456
                    name:       _guidedController.takeoffTitle,
457
                    iconSource: "/res/takeoff.svg",
458
                    action:     _guidedController.actionTakeoff
459 460
                },
                {
461
                    name:       _guidedController.landTitle,
462
                    iconSource: "/res/land.svg",
463
                    action:     _guidedController.actionLand
464 465
                },
                {
466
                    name:       _guidedController.rtlTitle,
467
                    iconSource: "/res/rtl.svg",
468
                    action:     _guidedController.actionRTL
469 470
                },
                {
471
                    name:       _guidedController.pauseTitle,
Gus Grubba's avatar
Gus Grubba committed
472
                    iconSource: "/res/pause-mission.svg",
473
                    action:     _guidedController.actionPause
474 475 476
                },
                {
                    name:       qsTr("Action"),
Gus Grubba's avatar
Gus Grubba committed
477
                    iconSource: "/res/action.svg",
478 479 480 481 482 483 484 485 486 487 488 489 490
                    action:     -1
                },
                /*
                  No firmware support any smart shots yet
                {
                    name:       qsTr("Smart"),
                    iconSource: "/qmlimages/MapCenter.svg",
                    action:     -1
                },
                */
            ]

            onClicked: {
491
                guidedActionsController.closeAll()
492 493 494
                var action = model[index].action
                if (action === -1) {
                    if (index == 4) {
495
                        guidedActionList.model   = _actionModel
496 497
                        guidedActionList.visible = true
                    } else if (index == 5) {
498
                        guidedActionList.model   = _smartShotModel
499 500 501
                        guidedActionList.visible = true
                    }
                } else {
502
                    _guidedController.confirmAction(action)
503 504 505 506 507
                }
            }
        }

        GuidedActionsController {
508
            id:                 guidedActionsController
509
            missionController:  _missionController
510
            confirmDialog:      guidedActionConfirm
Don Gagne's avatar
Don Gagne committed
511
            altitudeSlider:     _altitudeSlider
512 513
            z:                  _flightVideoPipControl.z + 1

514
            onShowStartMissionChanged: {
515
                if (showStartMission && !showResumeMission) {
516 517 518 519
                    confirmAction(actionStartMission)
                }
            }

520 521 522 523 524 525
            onShowContinueMissionChanged: {
                if (showContinueMission) {
                    confirmAction(actionContinueMission)
                }
            }

526 527 528 529 530
            onShowResumeMissionChanged: {
                if (showResumeMission) {
                    confirmAction(actionResumeMission)
                }
            }
531 532 533 534 535 536

            onShowLandAbortChanged: {
                if (showLandAbort) {
                    confirmAction(actionLandAbort)
                }
            }
537 538 539 540 541 542 543 544

            /// Close all dialogs
            function closeAll() {
                rootLoader.sourceComponent  = null
                guidedActionConfirm.visible = false
                guidedActionList.visible    = false
                altitudeSlider.visible      = false
            }
545 546
        }

547
        GuidedActionConfirm {
548 549 550 551
            id:                         guidedActionConfirm
            anchors.margins:            _margins
            anchors.bottom:             parent.bottom
            anchors.horizontalCenter:   parent.horizontalCenter
552 553
            guidedController:           _guidedController
            altitudeSlider:             _altitudeSlider
554 555
        }

556
        GuidedActionList {
557 558 559 560
            id:                         guidedActionList
            anchors.margins:            _margins
            anchors.bottom:             parent.bottom
            anchors.horizontalCenter:   parent.horizontalCenter
561
            guidedController:           _guidedController
562 563 564
        }

        //-- Altitude slider
DonLakeFlyer's avatar
DonLakeFlyer committed
565
        GuidedAltitudeSlider {
566 567 568 569 570 571
            id:                 altitudeSlider
            anchors.margins:    _margins
            anchors.right:      parent.right
            anchors.topMargin:  ScreenTools.toolbarHeight + _margins
            anchors.top:        parent.top
            anchors.bottom:     parent.bottom
572
            z:                  _guidedController.z
573 574 575 576 577
            radius:             ScreenTools.defaultFontPixelWidth / 2
            width:              ScreenTools.defaultFontPixelWidth * 10
            color:              qgcPal.window
            visible:            false
        }
Don Gagne's avatar
Don Gagne committed
578
    }
579
}