MissionEditor.qml 39.1 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.
 *
 ****************************************************************************/
Don Gagne's avatar
Don Gagne committed
9 10


11 12
import QtQuick          2.3
import QtQuick.Controls 1.2
Don Gagne's avatar
Don Gagne committed
13
import QtQuick.Dialogs  1.2
14 15 16
import QtLocation       5.3
import QtPositioning    5.3
import QtQuick.Layouts  1.2
Don Gagne's avatar
Don Gagne committed
17

18
import QGroundControl               1.0
Don Gagne's avatar
Don Gagne committed
19 20 21 22
import QGroundControl.FlightMap     1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.Controls      1.0
import QGroundControl.Palette       1.0
Don Gagne's avatar
Don Gagne committed
23
import QGroundControl.Mavlink       1.0
24
import QGroundControl.Controllers   1.0
Don Gagne's avatar
Don Gagne committed
25 26

/// Mission Editor
Don Gagne's avatar
Don Gagne committed
27

Don Gagne's avatar
Don Gagne committed
28
QGCView {
29 30
    id:         qgcView
    viewPanel:  panel
Don Gagne's avatar
Don Gagne committed
31

32
    // zOrder comes from the Loader in MainWindow.qml
Gus Grubba's avatar
Gus Grubba committed
33
    z: QGroundControl.zOrderTopMost
34

35 36 37 38 39
    readonly property int       _decimalPlaces:         8
    readonly property real      _horizontalMargin:      ScreenTools.defaultFontPixelWidth  / 2
    readonly property real      _margin:                ScreenTools.defaultFontPixelHeight * 0.5
    readonly property var       _activeVehicle:         QGroundControl.multiVehicleManager.activeVehicle
    readonly property real      _rightPanelWidth:       Math.min(parent.width / 3, ScreenTools.defaultFontPixelWidth * 30)
Gus Grubba's avatar
Gus Grubba committed
40
    readonly property real      _rightPanelOpacity:     1
41 42
    readonly property int       _toolButtonCount:       6
    readonly property real      _toolButtonTopMargin:   parent.height - ScreenTools.availableHeight + (ScreenTools.defaultFontPixelHeight / 2)
43
    readonly property var       _defaultVehicleCoordinate:   QtPositioning.coordinate(37.803784, -122.462276)
44

45
    property var    _visualItems:           missionController.visualItems
Don Gagne's avatar
Don Gagne committed
46
    property var    _currentMissionItem
47
    property int    _currentMissionIndex:   0
48 49
    property bool   _firstVehiclePosition:  true
    property var    activeVehiclePosition:  _activeVehicle ? _activeVehicle.coordinate : QtPositioning.coordinate()
50
    property bool   _lightWidgetBorders:    editorMap.isSatelliteMap
51
    property bool   _addWaypointOnClick:    false
52

53 54 55 56 57
    /// The controller which should be called for load/save, send to/from vehicle calls
    property var _syncDropDownController: missionController

    readonly property int _layerMission:        1
    readonly property int _layerGeoFence:       2
58
    readonly property int _layerRallyPoints:    3
59 60
    property int _editingLayer: _layerMission

61
    onActiveVehiclePositionChanged: updateMapToVehiclePosition()
62

63
    Connections {
64
        target: QGroundControl.multiVehicleManager
65 66 67 68 69 70

        onActiveVehicleChanged: {
            // When the active vehicle changes we need to allow the first vehicle position to move the map again
            _firstVehiclePosition = true
            updateMapToVehiclePosition()
        }
71
    }
72 73

    function updateMapToVehiclePosition() {
74
        if (_activeVehicle && _activeVehicle.coordinateValid && _activeVehicle.coordinate.isValid && _firstVehiclePosition) {
75 76
            _firstVehiclePosition = false
            editorMap.center = _activeVehicle.coordinate
77 78 79
        }
    }

80 81 82 83 84 85 86 87
    property bool _firstMissionLoadComplete:    false
    property bool _firstFenceLoadComplete:      false
    property bool _firstRallyLoadComplete:      false
    property bool _firstLoadComplete:           false

    function checkFirstLoadComplete() {
        if (!_firstLoadComplete && _firstMissionLoadComplete && _firstRallyLoadComplete && _firstFenceLoadComplete) {
            _firstLoadComplete = true
88
            mapFitFunctions.fitMapViewportToAllItems()
89 90 91
        }
    }

92 93 94
    MapFitFunctions {
        id:                         mapFitFunctions
        map:                        editorMap
95
        mapFitViewport:             editorMap.centerViewport
96 97 98 99 100 101
        usePlannedHomePosition:     true
        mapGeoFenceController:      geoFenceController
        mapMissionController:       missionController
        mapRallyPointController:    rallyPointController
    }

102
    MissionController {
103
        id: missionController
104

105 106
        Component.onCompleted: {
            start(true /* editMode */)
107
            setCurrentItem(0)
108 109
        }

110 111
        function loadFromSelectedFile() {
            if (ScreenTools.isMobile) {
Don Gagne's avatar
Don Gagne committed
112
                qgcView.showDialog(mobileFilePicker, qsTr("Select Mission File"), qgcView.showDialogDefaultWidth, StandardButton.Cancel)
113 114
            } else {
                missionController.loadFromFilePicker()
115
                mapFitFunctions.fitMapViewportToMissionItems()
116 117 118 119 120 121
                _currentMissionItem = _visualItems.get(0)
            }
        }

        function saveToSelectedFile() {
            if (ScreenTools.isMobile) {
122
                qgcView.showDialog(mobileFileSaver, qsTr("Save Mission File"), qgcView.showDialogDefaultWidth, StandardButton.Save | StandardButton.Cancel)
123 124 125 126 127
            } else {
                missionController.saveToFilePicker()
            }
        }

128
        function fitViewportToItems() {
129
            mapFitFunctions.fitMapViewportToMissionItems()
130 131
        }

132
        onVisualItemsChanged: itemDragger.clearItem()
133

134
        onNewItemsFromVehicle: {
135 136 137
            if (_visualItems && _visualItems.count != 1) {
                mapFitFunctions.fitMapViewportToMissionItems()
            }
138
            setCurrentItem(0)
139 140
            _firstMissionLoadComplete = true
            checkFirstLoadComplete()
141 142
        }
    }
143

144 145
    GeoFenceController {
        id: geoFenceController
146

147
        Component.onCompleted: start(true /* editMode */)
148

149 150 151 152 153 154 155 156 157 158 159 160 161
        function saveToSelectedFile() {
            if (ScreenTools.isMobile) {
                qgcView.showDialog(mobileFileSaver, qsTr("Save Fence File"), qgcView.showDialogDefaultWidth, StandardButton.Save | StandardButton.Cancel)
            } else {
                geoFenceController.saveToFilePicker()
            }
        }

        function loadFromSelectedFile() {
            if (ScreenTools.isMobile) {
                qgcView.showDialog(mobileFilePicker, qsTr("Select Fence File"), qgcView.showDialogDefaultWidth, StandardButton.Yes | StandardButton.Cancel)
            } else {
                geoFenceController.loadFromFilePicker()
162
                mapFitFunctions.fitMapViewportToFenceItems()
163 164 165
            }
        }

166
        function fitViewportToItems() {
167
            mapFitFunctions.fitMapViewportToFenceItems()
168 169 170 171 172 173
        }

        onLoadComplete: {
            _firstFenceLoadComplete = true
            switch (_syncDropDownController) {
            case geoFenceController:
174
                mapFitFunctions.fitMapViewportToFenceItems()
175 176 177 178 179 180
                break
            case missionController:
                checkFirstLoadComplete()
                break
            }
        }
181
    }
182

183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208
    RallyPointController {
        id: rallyPointController

        onCurrentRallyPointChanged: {
            if (_editingLayer == _layerRallyPoints && !currentRallyPoint) {
                itemDragger.visible = false
                itemDragger.coordinateItem = undefined
                itemDragger.mapCoordinateIndicator = undefined
            }
        }

        Component.onCompleted: start(true /* editMode */)

        function saveToSelectedFile() {
            if (ScreenTools.isMobile) {
                qgcView.showDialog(mobileFileSaver, qsTr("Save Rally Point File"), qgcView.showDialogDefaultWidth, StandardButton.Save | StandardButton.Cancel)
            } else {
                rallyPointController.saveToFilePicker()
            }
        }

        function loadFromSelectedFile() {
            if (ScreenTools.isMobile) {
                qgcView.showDialog(mobileFilePicker, qsTr("Select Rally Point File"), qgcView.showDialogDefaultWidth, StandardButton.Yes | StandardButton.Cancel)
            } else {
                rallyPointController.loadFromFilePicker()
209
                mapFitFunctions.fitMapViewportToRallyItems()
210 211 212 213
            }
        }

        function fitViewportToItems() {
214
            mapFitFunctions.fitMapViewportToRallyItems()
215 216 217 218 219 220
        }

        onLoadComplete: {
            _firstRallyLoadComplete = true
            switch (_syncDropDownController) {
            case rallyPointController:
221
                mapFitFunctions.fitMapViewportToRallyItems()
222 223 224 225
                break
            case missionController:
                checkFirstLoadComplete()
                break
226 227 228 229
            }
        }
    }

230
    QGCPalette { id: qgcPal; colorGroupEnabled: enabled }
Don Gagne's avatar
Don Gagne committed
231

232 233 234 235
    ExclusiveGroup {
        id: _mapTypeButtonsExclusiveGroup
    }

236 237
    /// Sets a new current mission item
    ///     @param sequenceNumber - index for new item, -1 to clear current item
238
    function setCurrentItem(sequenceNumber) {
239
        console.log("setCurrentItem", sequenceNumber, _currentMissionIndex)
240 241 242 243 244 245 246 247
        if (sequenceNumber !== _currentMissionIndex) {
            _currentMissionItem = undefined
            _currentMissionIndex = -1
            for (var i=0; i<_visualItems.count; i++) {
                var visualItem = _visualItems.get(i)
                if (visualItem.sequenceNumber == sequenceNumber) {
                    _currentMissionItem = visualItem
                    _currentMissionItem.isCurrentItem = true
248
                    _currentMissionIndex = sequenceNumber
249 250 251
                } else {
                    visualItem.isCurrentItem = false
                }
Don Gagne's avatar
Don Gagne committed
252
            }
253 254 255
        }
    }

256 257 258 259 260 261 262 263 264
    /// Inserts a new simple mission item
    ///     @param coordinate Location to insert item
    ///     @param index Insert item at this index
    function insertSimpleMissionItem(coordinate, index) {
        setCurrentItem(-1)
        var sequenceNumber = missionController.insertSimpleMissionItem(coordinate, index)
        setCurrentItem(sequenceNumber)
    }

265 266
    property int _moveDialogMissionItemIndex

267 268 269
    Component {
        id: mobileFilePicker

Don Gagne's avatar
Don Gagne committed
270 271
        QGCMobileFileOpenDialog {
            fileExtension: _syncDropDownController.fileExtension
272 273 274 275
            onFilenameReturned: {
                _syncDropDownController.loadFromFile(filename)
                _syncDropDownController.fitViewportToItems()
            }
276 277 278 279 280 281
        }
    }

    Component {
        id: mobileFileSaver

Don Gagne's avatar
Don Gagne committed
282
        QGCMobileFileSaveDialog {
283
            fileExtension:      _syncDropDownController.fileExtension
284
            onFilenameReturned: _syncDropDownController.saveToFile(filename)
285 286 287
        }
    }

288 289 290 291 292 293 294 295 296 297
    Component {
        id: moveDialog

        QGCViewDialog {
            function accept() {
                var toIndex = toCombo.currentIndex

                if (toIndex == 0) {
                    toIndex = 1
                }
298
                missionController.moveMissionItem(_moveDialogMissionItemIndex, toIndex)
299 300 301 302 303 304 305 306 307 308 309 310
                hideDialog()
            }

            Column {
                anchors.left:   parent.left
                anchors.right:  parent.right
                spacing:        ScreenTools.defaultFontPixelHeight

                QGCLabel {
                    anchors.left:   parent.left
                    anchors.right:  parent.right
                    wrapMode:       Text.WordWrap
311
                    text:           qsTr("Move the selected mission item to the be after following mission item:")
312 313 314 315
                }

                QGCComboBox {
                    id:             toCombo
316
                    model:          _visualItems.count
317 318 319 320 321 322
                    currentIndex:   _moveDialogMissionItemIndex
                }
            }
        }
    }

Don Gagne's avatar
Don Gagne committed
323 324
    QGCViewPanel {
        id:             panel
325 326 327 328
        height:         ScreenTools.availableHeight
        anchors.bottom: parent.bottom
        anchors.left:   parent.left
        anchors.right:  parent.right
Don Gagne's avatar
Don Gagne committed
329

Don Gagne's avatar
Don Gagne committed
330
        Item {
Don Gagne's avatar
Don Gagne committed
331 332
            anchors.fill: parent

Don Gagne's avatar
Don Gagne committed
333 334
            FlightMap {
                id:             editorMap
335
                height:         qgcView.height
336 337 338
                anchors.bottom: parent.bottom
                anchors.left:   parent.left
                anchors.right:  parent.right
Don Gagne's avatar
Don Gagne committed
339
                mapName:        "MissionEditor"
340

341 342 343 344 345 346 347
                // This is the center rectangle of the map which is not obscured by tools
                property rect centerViewport: Qt.rect(_leftToolWidth, _toolbarHeight, editorMap.width - _leftToolWidth - _rightPanelWidth, editorMap.height - _statusHeight - _toolbarHeight)

                property real _toolbarHeight:   qgcView.height - ScreenTools.availableHeight
                property real _leftToolWidth:   toolStrip.x + toolStrip.width
                property real _statusHeight:    waypointValuesDisplay.visible ? editorMap.height - waypointValuesDisplay.y : 0

348 349
                readonly property real animationDuration: 500

350 351 352
                // Initial map position duplicates Fly view position
                Component.onCompleted: editorMap.center = QGroundControl.flightMapPosition

353 354 355 356 357 358 359
                Behavior on zoomLevel {
                    NumberAnimation {
                        duration:       editorMap.animationDuration
                        easing.type:    Easing.InOutQuad
                    }
                }

360 361
                QGCMapPalette { id: mapPal; lightColors: editorMap.isSatelliteMap }

Don Gagne's avatar
Don Gagne committed
362
                MouseArea {
363 364
                    //-- It's a whole lot faster to just fill parent and deal with top offset below
                    //   than computing the coordinate offset.
Don Gagne's avatar
Don Gagne committed
365 366
                    anchors.fill: parent
                    onClicked: {
367 368
                        //-- Don't pay attention to items beneath the toolbar.
                        var topLimit = parent.height - ScreenTools.availableHeight
369 370 371 372
                        if(mouse.y < topLimit) {
                            return
                        }

DonLakeFlyer's avatar
DonLakeFlyer committed
373
                        var coordinate = editorMap.toCoordinate(Qt.point(mouse.x, mouse.y), false /* clipToViewPort */)
374 375 376 377 378 379
                        coordinate.latitude = coordinate.latitude.toFixed(_decimalPlaces)
                        coordinate.longitude = coordinate.longitude.toFixed(_decimalPlaces)
                        coordinate.altitude = coordinate.altitude.toFixed(_decimalPlaces)

                        switch (_editingLayer) {
                        case _layerMission:
380
                            if (_addWaypointOnClick) {
381
                                insertSimpleMissionItem(coordinate, missionController.visualItems.count)
382
                            }
383
                            break
384 385 386 387
                        case _layerRallyPoints:
                            if (rallyPointController.rallyPointsSupported) {
                                rallyPointController.addPoint(coordinate)
                            }
388
                            break
389
                        }
Don Gagne's avatar
Don Gagne committed
390
                    }
Don Gagne's avatar
Don Gagne committed
391
                }
Don Gagne's avatar
Don Gagne committed
392

393
                // We use this item to support dragging since dragging a MapQuickItem just doesn't seem to work
Don Gagne's avatar
Don Gagne committed
394 395
                Rectangle {
                    id:             itemDragger
396 397
                    x:              mapCoordinateIndicator ? (mapCoordinateIndicator.x + mapCoordinateIndicator.anchorPoint.x - (itemDragger.width / 2)) : 100
                    y:              mapCoordinateIndicator ? (mapCoordinateIndicator.y + mapCoordinateIndicator.anchorPoint.y - (itemDragger.height / 2)) : 100
398 399
                    width:          ScreenTools.defaultFontPixelHeight * 3
                    height:         ScreenTools.defaultFontPixelHeight * 3
Don Gagne's avatar
Don Gagne committed
400 401 402
                    color:          "transparent"
                    visible:        false
                    z:              QGroundControl.zOrderMapItems + 1    // Above item icons
403

404 405
                    property var    coordinateItem
                    property var    mapCoordinateIndicator
406 407 408 409 410 411 412 413
                    property bool   preventCoordinateBindingLoop: false

                    onXChanged: liveDrag()
                    onYChanged: liveDrag()

                    function liveDrag() {
                        if (!itemDragger.preventCoordinateBindingLoop && Drag.active) {
                            var point = Qt.point(itemDragger.x + (itemDragger.width  / 2), itemDragger.y + (itemDragger.height / 2))
DonLakeFlyer's avatar
DonLakeFlyer committed
414
                            var coordinate = editorMap.toCoordinate(point, false /* clipToViewPort */)
415
                            coordinate.altitude = itemDragger.coordinateItem.coordinate.altitude
416
                            itemDragger.preventCoordinateBindingLoop = true
417
                            itemDragger.coordinateItem.coordinate = coordinate
418 419 420
                            itemDragger.preventCoordinateBindingLoop = false
                        }
                    }
Don Gagne's avatar
Don Gagne committed
421

422
                    function clearItem() {
Don Gagne's avatar
Don Gagne committed
423
                        itemDragger.visible = false
424 425
                        itemDragger.coordinateItem = undefined
                        itemDragger.mapCoordinateIndicator = undefined
Don Gagne's avatar
Don Gagne committed
426 427
                    }

428 429 430 431 432 433 434 435
                    Drag.active:    itemDrag.drag.active
                    Drag.hotSpot.x: width  / 2
                    Drag.hotSpot.y: height / 2

                    MouseArea {
                        id:             itemDrag
                        anchors.fill:   parent
                        drag.target:    parent
Don Gagne's avatar
Don Gagne committed
436 437 438 439
                        drag.minimumX:  0
                        drag.minimumY:  0
                        drag.maximumX:  itemDragger.parent.width - parent.width
                        drag.maximumY:  itemDragger.parent.height - parent.height
Don Gagne's avatar
Don Gagne committed
440
                    }
441
                }
442

443
                // Add the mission item visuals to the map
444
                Repeater {
445
                    model: missionController.visualItems
446

447
                    delegate: MissionItemMapVisual {
448
                        map: editorMap
449 450 451
                    }
                }

452
                // Add lines between waypoints
453
                MissionLineView {
454
                    model:      _editingLayer == _layerMission ? missionController.waypointLines : undefined
Don Gagne's avatar
Don Gagne committed
455 456
                }

Don Gagne's avatar
Don Gagne committed
457 458
                // Add the vehicles to the map
                MapItemView {
459
                    model: QGroundControl.multiVehicleManager.vehicles
Don Gagne's avatar
Don Gagne committed
460 461
                    delegate:
                        VehicleMapItem {
462 463 464
                        vehicle:        object
                        coordinate:     object.coordinate
                        isSatellite:    editorMap.isSatelliteMap
Gus Grubba's avatar
Gus Grubba committed
465
                        size:           ScreenTools.defaultFontPixelHeight * 3
466 467
                        z:              QGroundControl.zOrderMapItems - 1
                    }
Don Gagne's avatar
Don Gagne committed
468 469
                }

470 471 472
                // Plan Element selector (Mission/Fence/Rally)
                Row {
                    id:                 planElementSelectorRow
Don Gagne's avatar
Don Gagne committed
473 474 475 476
                    anchors.topMargin:  parent.height - ScreenTools.availableHeight + _margin
                    anchors.top:        parent.top
                    anchors.leftMargin: parent.width - _rightPanelWidth
                    anchors.left:       parent.left
477
                    z:                  QGroundControl.zOrderWidgets
478
                    spacing:            _horizontalMargin
479
                    visible:            QGroundControl.corePlugin.options.enablePlanViewSelector
480 481

                    readonly property real _buttonRadius: ScreenTools.defaultFontPixelHeight * 0.75
Don Gagne's avatar
Don Gagne committed
482 483 484 485

                    ExclusiveGroup {
                        id: planElementSelectorGroup
                        onCurrentChanged: {
486 487 488 489 490 491 492 493 494 495 496 497 498 499
                            switch (current) {
                            case planElementMission:
                                _editingLayer = _layerMission
                                _syncDropDownController = missionController
                                break
                            case planElementGeoFence:
                                _editingLayer = _layerGeoFence
                                _syncDropDownController = geoFenceController
                                break
                            case planElementRallyPoints:
                                _editingLayer = _layerRallyPoints
                                _syncDropDownController = rallyPointController
                                break
                            }
500
                            _syncDropDownController.fitViewportToItems()
Don Gagne's avatar
Don Gagne committed
501 502 503
                        }
                    }

504
                    QGCRadioButton {
505 506
                        id:             planElementMission
                        exclusiveGroup: planElementSelectorGroup
507
                        text:           qsTr("Mission")
508
                        checked:        true
Don Gagne's avatar
Don Gagne committed
509
                        color:          mapPal.text
510 511
                        textStyle:      Text.Outline
                        textStyleColor: mapPal.textOutline
512 513 514 515
                    }

                    Item { height: 1; width: 1 }

516
                    QGCRadioButton {
517 518
                        id:             planElementGeoFence
                        exclusiveGroup: planElementSelectorGroup
519
                        text:           qsTr("Fence")
Don Gagne's avatar
Don Gagne committed
520
                        color:          mapPal.text
521 522
                        textStyle:      Text.Outline
                        textStyleColor: mapPal.textOutline
Don Gagne's avatar
Don Gagne committed
523
                    }
524 525 526

                    Item { height: 1; width: 1 }

527
                    QGCRadioButton {
528 529
                        id:             planElementRallyPoints
                        exclusiveGroup: planElementSelectorGroup
530
                        text:           qsTr("Rally")
Don Gagne's avatar
Don Gagne committed
531
                        color:          mapPal.text
532 533
                        textStyle:      Text.Outline
                        textStyleColor: mapPal.textOutline
534 535
                    }
                } // Row - Plan Element Selector
Don Gagne's avatar
Don Gagne committed
536

537
                // Mission Item Editor
Don Gagne's avatar
Don Gagne committed
538
                Item {
Don Gagne's avatar
Don Gagne committed
539 540
                    id:                 missionItemEditor
                    anchors.topMargin:  _margin
541
                    anchors.top:        planElementSelectorRow.visible ? planElementSelectorRow.bottom : planElementSelectorRow.top
Don Gagne's avatar
Don Gagne committed
542 543 544 545 546 547
                    anchors.bottom:     parent.bottom
                    anchors.right:      parent.right
                    width:              _rightPanelWidth
                    opacity:            _rightPanelOpacity
                    z:                  QGroundControl.zOrderTopMost
                    visible:            _editingLayer == _layerMission
548

Don Gagne's avatar
Don Gagne committed
549
                    MouseArea {
550 551 552 553 554
                        // This MouseArea prevents the Map below it from getting Mouse events. Without this
                        // things like mousewheel will scroll the Flickable and then scroll the map as well.
                        anchors.fill:       missionItemEditorListView
                        onWheel:            wheel.accepted = true
                    }
Don Gagne's avatar
Don Gagne committed
555

Don Gagne's avatar
Don Gagne committed
556
                    QGCListView {
557
                        id:             missionItemEditorListView
558 559 560
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        anchors.top:    parent.top
561
                        height:         parent.height
562 563
                        spacing:        _margin / 2
                        orientation:    ListView.Vertical
564
                        model:          missionController.visualItems
565
                        cacheBuffer:    Math.max(height * 2, 0)
566
                        clip:           true
567
                        currentIndex:   _currentMissionIndex
568 569
                        highlightMoveDuration: 250

570
                        delegate: MissionItemEditor {
571
                            map:            editorMap
572 573
                            missionItem:    object
                            width:          parent.width
574
                            readOnly:       false
575 576 577 578

                            onClicked:  setCurrentItem(object.sequenceNumber)

                            onRemove: {
579
                                var removeIndex = index
580
                                itemDragger.clearItem()
581 582 583 584 585
                                missionController.removeMissionItem(removeIndex)
                                if (removeIndex >= missionController.visualItems.count) {
                                    removeIndex--
                                }
                                setCurrentItem(removeIndex)
586 587
                            }

588
                            onInsert: insertSimpleMissionItem(editorMap.center, index)
589
                        }
Don Gagne's avatar
Don Gagne committed
590
                    } // QGCListView
591 592
                } // Item - Mission Item editor

593 594
                // GeoFence Editor
                Loader {
Don Gagne's avatar
Don Gagne committed
595
                    anchors.topMargin:  _margin
596
                    anchors.top:        planElementSelectorRow.bottom
597 598
                    anchors.right:      parent.right
                    opacity:            _rightPanelOpacity
599 600
                    z:                  QGroundControl.zOrderWidgets
                    sourceComponent:    _editingLayer == _layerGeoFence ? geoFenceEditorComponent : undefined
601

602 603 604
                    property real   availableWidth:         _rightPanelWidth
                    property real   availableHeight:        ScreenTools.availableHeight
                    property var    myGeoFenceController:   geoFenceController
605 606
                }

607 608 609 610 611 612
                GeoFenceMapVisuals {
                    map:                    editorMap
                    myGeoFenceController:   geoFenceController
                    interactive:            _editingLayer == _layerGeoFence
                    homePosition:           missionController.plannedHomePosition
                    planView:               true
613 614
                }

615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648
                // Rally Point Editor

                RallyPointEditorHeader {
                    id:                 rallyPointHeader
                    anchors.topMargin:  _margin
                    anchors.top:        planElementSelectorRow.bottom
                    anchors.right:      parent.right
                    width:              _rightPanelWidth
                    opacity:            _rightPanelOpacity
                    z:                  QGroundControl.zOrderTopMost
                    visible:            _editingLayer == _layerRallyPoints
                    controller:         rallyPointController
                }

                RallyPointItemEditor {
                    id:                 rallyPointEditor
                    anchors.topMargin:  _margin
                    anchors.top:        rallyPointHeader.bottom
                    anchors.right:      parent.right
                    width:              _rightPanelWidth
                    opacity:            _rightPanelOpacity
                    z:                  QGroundControl.zOrderTopMost
                    visible:            _editingLayer == _layerRallyPoints && rallyPointController.points.count
                    rallyPoint:         rallyPointController.currentRallyPoint
                    controller:         rallyPointController
                }

                // Rally points on map

                MapItemView {
                    model: rallyPointController.points

                    delegate: MapQuickItem {
                        id:             itemIndicator
649 650
                        anchorPoint.x:  sourceItem.anchorPointX
                        anchorPoint.y:  sourceItem.anchorPointY
651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672
                        coordinate:     object.coordinate
                        z:              QGroundControl.zOrderMapItems

                        sourceItem: MissionItemIndexLabel {
                            id:         itemIndexLabel
                            label:      qsTr("R", "rally point map item label")
                            checked:    _editingLayer == _layerRallyPoints ? object == rallyPointController.currentRallyPoint : false

                            onClicked: rallyPointController.currentRallyPoint = object

                            onCheckedChanged: {
                                if (checked) {
                                    // Setup our drag item
                                    itemDragger.visible = true
                                    itemDragger.coordinateItem = Qt.binding(function() { return object })
                                    itemDragger.mapCoordinateIndicator = Qt.binding(function() { return itemIndicator })
                                }
                            }
                        }
                    }
                }

673
                ToolStrip {
Don Gagne's avatar
Don Gagne committed
674
                    id:                 toolStrip
675 676 677 678 679 680 681
                    anchors.leftMargin: ScreenTools.defaultFontPixelWidth
                    anchors.left:       parent.left
                    anchors.topMargin:  _toolButtonTopMargin
                    anchors.top:        parent.top
                    color:              qgcPal.window
                    title:              qsTr("Plan")
                    z:                  QGroundControl.zOrderWidgets
682 683 684 685 686
                    showAlternateIcon:  [ false, false, _syncDropDownController.dirty, false, false, false ]
                    rotateImage:        [ false, false, _syncDropDownController.syncInProgress, false, false, false ]
                    animateImage:       [ false, false, _syncDropDownController.dirty, false, false, false ]
                    buttonEnabled:      [ true, true, !_syncDropDownController.syncInProgress, true, true, true ]
                    buttonVisible:      [ true, true, true, true, _showZoom, _showZoom ]
687
                    maxHeight:          mapScale.y - toolStrip.y
Don Gagne's avatar
Don Gagne committed
688

Don Gagne's avatar
Don Gagne committed
689
                    property bool _showZoom: !ScreenTools.isMobile
690 691 692 693 694 695 696 697

                    model: [
                        {
                            name:       "Waypoint",
                            iconSource: "/qmlimages/MapAddMission.svg",
                            toggle:     true
                        },
                        {
698 699 700
                            name:               "Pattern",
                            iconSource:         "/qmlimages/MapDrawShape.svg",
                            dropPanelComponent: patternDropPanel
701 702 703 704 705 706 707 708 709 710 711 712
                        },
                        {
                            name:                   "Sync",
                            iconSource:             "/qmlimages/MapSync.svg",
                            alternateIconSource:    "/qmlimages/MapSyncChanged.svg",
                            dropPanelComponent:     syncDropPanel
                        },
                        {
                            name:               "Center",
                            iconSource:         "/qmlimages/MapCenter.svg",
                            dropPanelComponent: centerMapDropPanel
                        },
Don Gagne's avatar
Don Gagne committed
713 714 715 716 717 718 719
                        {
                            name:               "In",
                            iconSource:         "/qmlimages/ZoomPlus.svg"
                        },
                        {
                            name:               "Out",
                            iconSource:         "/qmlimages/ZoomMinus.svg"
720 721 722 723
                        }
                    ]

                    onClicked: {
Don Gagne's avatar
Don Gagne committed
724
                        switch (index) {
Don Gagne's avatar
Don Gagne committed
725
                        case 0:
726
                            _addWaypointOnClick = checked
Don Gagne's avatar
Don Gagne committed
727 728 729 730 731 732 733 734 735 736 737 738 739
                            break
                        case 5:
                            editorMap.zoomLevel += 0.5
                            break
                        case 6:
                            editorMap.zoomLevel -= 0.5
                            break
                        case 5:
                            editorMap.zoomLevel += 0.5
                            break
                        case 6:
                            editorMap.zoomLevel -= 0.5
                            break
740 741 742 743
                        }
                    }
                }

744
                MapScale {
745
                    id:                 mapScale
746 747 748 749 750 751 752
                    anchors.margins:    ScreenTools.defaultFontPixelHeight * (0.66)
                    anchors.bottom:     waypointValuesDisplay.visible ? waypointValuesDisplay.top : parent.bottom
                    anchors.left:       parent.left
                    mapControl:         editorMap
                    visible:            !ScreenTools.isTinyScreen
                }

753
                MissionItemStatus {
754 755 756 757 758 759 760 761 762
                    id:                     waypointValuesDisplay
                    anchors.margins:        ScreenTools.defaultFontPixelWidth
                    anchors.left:           parent.left
                    anchors.bottom:         parent.bottom
                    z:                      QGroundControl.zOrderTopMost
                    currentMissionItem:     _currentMissionItem
                    missionItems:           missionController.visualItems
                    expandedWidth:          missionItemEditor.x - (ScreenTools.defaultFontPixelWidth * 2)
                    missionDistance:        missionController.missionDistance
763
                    missionTime:            missionController.missionTime
764 765
                    missionMaxTelemetry:    missionController.missionMaxTelemetry
                    visible:                _editingLayer == _layerMission && !ScreenTools.isShortScreen
766
                }
767
            } // FlightMap
Don Gagne's avatar
Don Gagne committed
768 769
        } // Item - split view container
    } // QGCViewPanel
770

771 772 773 774
    Component {
        id: syncLoadFromVehicleOverwrite
        QGCViewMessage {
            id:         syncLoadFromVehicleCheck
Don Gagne's avatar
Don Gagne committed
775
            message:   qsTr("You have unsaved/unsent changes. Loading from the Vehicle will lose these changes. Are you sure you want to load from the Vehicle?")
776 777
            function accept() {
                hideDialog()
Don Gagne's avatar
Don Gagne committed
778
                _syncDropDownController.loadFromVehicle()
779 780 781 782 783 784 785 786
            }
        }
    }

    Component {
        id: syncLoadFromFileOverwrite
        QGCViewMessage {
            id:         syncLoadFromVehicleCheck
Don Gagne's avatar
Don Gagne committed
787
            message:   qsTr("You have unsaved/unsent changes. Loading a from a file will lose these changes. Are you sure you want to load from a file?")
788 789
            function accept() {
                hideDialog()
Don Gagne's avatar
Don Gagne committed
790
                _syncDropDownController.loadFromSelectedFile()
791 792 793 794
            }
        }
    }

795 796 797
    Component {
        id: removeAllPromptDialog
        QGCViewMessage {
Don Gagne's avatar
Don Gagne committed
798
            message: qsTr("Are you sure you want to remove all items?")
799 800
            function accept() {
                itemDragger.clearItem()
Don Gagne's avatar
Don Gagne committed
801
                _syncDropDownController.removeAll()
802 803 804 805 806
                hideDialog()
            }
        }
    }

807 808
    //- ToolStrip DropPanel Components

809
    Component {
810
        id: syncDropPanel
811

812 813 814
        Column {
            id:         columnHolder
            spacing:    _margin
815

816
            property string _overwriteText: (_editingLayer == _layerMission) ? qsTr("Mission overwrite") : ((_editingLayer == _layerGeoFence) ? qsTr("GeoFence overwrite") : qsTr("Rally Points overwrite"))
Don Gagne's avatar
Don Gagne committed
817

818
            QGCLabel {
dogmaphobic's avatar
dogmaphobic committed
819
                width:      sendSaveGrid.width
820
                wrapMode:   Text.WordWrap
821
                text:       _syncDropDownController.dirty ?
Don Gagne's avatar
Don Gagne committed
822
                                qsTr("You have unsaved changes. You should send to your vehicle, or save to a file:") :
823
                                qsTr("Sync:")
824
            }
825

dogmaphobic's avatar
dogmaphobic committed
826 827 828 829 830 831
            GridLayout {
                id:                 sendSaveGrid
                columns:            2
                anchors.margins:    _margin
                rowSpacing:         _margin
                columnSpacing:      ScreenTools.defaultFontPixelWidth
832

833
                QGCButton {
dogmaphobic's avatar
dogmaphobic committed
834 835
                    text:               qsTr("Send To Vehicle")
                    Layout.fillWidth:   true
836
                    enabled:            _activeVehicle && !_syncDropDownController.syncInProgress
837
                    onClicked: {
838
                        dropPanel.hide()
839
                        _syncDropDownController.sendToVehicle()
840 841
                    }
                }
842

843
                QGCButton {
dogmaphobic's avatar
dogmaphobic committed
844 845
                    text:               qsTr("Load From Vehicle")
                    Layout.fillWidth:   true
846
                    enabled:            _activeVehicle && !_syncDropDownController.syncInProgress
847
                    onClicked: {
848
                        dropPanel.hide()
849
                        if (_syncDropDownController.dirty) {
850
                            qgcView.showDialog(syncLoadFromVehicleOverwrite, columnHolder._overwriteText, qgcView.showDialogDefaultWidth, StandardButton.Yes | StandardButton.Cancel)
851
                        } else {
852
                            _syncDropDownController.loadFromVehicle()
853
                        }
854 855
                    }
                }
856

857
                QGCButton {
dogmaphobic's avatar
dogmaphobic committed
858 859
                    text:               qsTr("Save To File...")
                    Layout.fillWidth:   true
860
                    enabled:            !_syncDropDownController.syncInProgress
861
                    onClicked: {
862
                        dropPanel.hide()
863
                        _syncDropDownController.saveToSelectedFile()
864 865
                    }
                }
866

867
                QGCButton {
dogmaphobic's avatar
dogmaphobic committed
868 869
                    text:               qsTr("Load From File...")
                    Layout.fillWidth:   true
870
                    enabled:            !_syncDropDownController.syncInProgress
871
                    onClicked: {
872
                        dropPanel.hide()
873
                        if (_syncDropDownController.dirty) {
874
                            qgcView.showDialog(syncLoadFromFileOverwrite, columnHolder._overwriteText, qgcView.showDialogDefaultWidth, StandardButton.Yes | StandardButton.Cancel)
875
                        } else {
876
                            _syncDropDownController.loadFromSelectedFile()
877
                        }
878 879
                    }
                }
880

dogmaphobic's avatar
dogmaphobic committed
881 882 883 884
                QGCButton {
                    text:               qsTr("Remove All")
                    Layout.fillWidth:   true
                    onClicked:  {
885
                        dropPanel.hide()
886
                        qgcView.showDialog(removeAllPromptDialog, qsTr("Remove all"), qgcView.showDialogDefaultWidth, StandardButton.Yes | StandardButton.No)
dogmaphobic's avatar
dogmaphobic committed
887
                    }
888 889
                }
            }
890 891
        }
    }
892 893 894 895 896 897 898 899 900 901

    Component {
        id: centerMapDropPanel

        CenterMapDropPanel {
            map:            editorMap
            fitFunctions:   mapFitFunctions
        }
    }

902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929
    Component {
        id: patternDropPanel

        ColumnLayout {
            spacing:    ScreenTools.defaultFontPixelWidth * 0.5

            QGCLabel { text: qsTr("Create complex pattern:") }

            Repeater {
                model: missionController.complexMissionItemNames

                QGCButton {
                    text:               modelData
                    Layout.fillWidth:   true

                    onClicked: {
                        var coordinate = editorMap.center
                        coordinate.latitude = coordinate.latitude.toFixed(_decimalPlaces)
                        coordinate.longitude = coordinate.longitude.toFixed(_decimalPlaces)
                        coordinate.altitude = coordinate.altitude.toFixed(_decimalPlaces)
                        var sequenceNumber = missionController.insertComplexMissionItem(modelData, coordinate, missionController.visualItems.count)
                        setCurrentItem(sequenceNumber)
                        dropPanel.hide()
                    }
                }
            }
        } // Column
    }
930 931 932 933 934 935 936 937 938 939 940

    Component {
        id: geoFenceEditorComponent

        GeoFenceEditor {
            availableWidth:         _rightPanelWidth
            availableHeight:        ScreenTools.availableHeight
            myGeoFenceController:   geoFenceController
            flightMap:              editorMap
        }
    }
Don Gagne's avatar
Don Gagne committed
941
} // QGCVIew