MissionEditor.qml 37.8 KB
Newer Older
Don Gagne's avatar
Don Gagne committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
/*=====================================================================

QGroundControl Open Source Ground Control Station

(c) 2009, 2015 QGROUNDCONTROL PROJECT <http://www.qgroundcontrol.org>

This file is part of the QGROUNDCONTROL project

    QGROUNDCONTROL is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    QGROUNDCONTROL is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with QGROUNDCONTROL. If not, see <http://www.gnu.org/licenses/>.

======================================================================*/

Don Gagne's avatar
Don Gagne committed
24 25 26 27 28
import QtQuick          2.4
import QtQuick.Controls 1.3
import QtQuick.Dialogs  1.2
import QtLocation       5.3
import QtPositioning    5.3
Don Gagne's avatar
Don Gagne committed
29

30
import QGroundControl               1.0
Don Gagne's avatar
Don Gagne committed
31 32 33 34
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
35
import QGroundControl.Mavlink       1.0
Don Gagne's avatar
Don Gagne committed
36 37

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

Don Gagne's avatar
Don Gagne committed
39 40
QGCView {
    viewPanel: panel
Don Gagne's avatar
Don Gagne committed
41

Don Gagne's avatar
Don Gagne committed
42
    readonly property int   _decimalPlaces:     7
Don Gagne's avatar
Don Gagne committed
43 44
    readonly property real  _horizontalMargin:  ScreenTools.defaultFontPixelWidth / 2
    readonly property real  _verticalMargin:    ScreenTools.defaultFontPixelHeight / 2
Don Gagne's avatar
Don Gagne committed
45
    readonly property var   _activeVehicle:     multiVehicleManager.activeVehicle
46
    readonly property real  _editFieldWidth:    ScreenTools.defaultFontPixelWidth * 16
Don Gagne's avatar
Don Gagne committed
47

48 49
    property var    _missionItems:              controller.missionItems
    property bool   _showHomePositionManager:   false
50
    property bool   _addMissionItems:           false
51
    property bool   _showHelpPanel:             true
52 53 54

    property var    _homePositionManager:       QGroundControl.homePositionManager
    property string _homePositionName:          _homePositionManager.homePositions.get(0).name
Don Gagne's avatar
Don Gagne committed
55
    property var    homePositionCoordinate:     _homePositionManager.homePositions.get(0).coordinate
56

Don Gagne's avatar
Don Gagne committed
57
    QGCPalette { id: _qgcPal; colorGroupEnabled: enabled }
Don Gagne's avatar
Don Gagne committed
58

59 60 61 62 63 64 65 66
    ExclusiveGroup {
        id: _mapTypeButtonsExclusiveGroup
    }

    ExclusiveGroup {
        id: _dropButtonsExclusiveGroup
    }

67 68 69 70 71 72
    function disableToggles() {
        _showHomePositionManager    = false
        _addMissionItems            = false
        _showHelpPanel              = false
    }

73 74 75 76 77 78
    function setCurrentItem(index) {
        for (var i=0; i<_missionItems.count; i++) {
            _missionItems.get(i).isCurrentItem = (i == index)
        }
    }

Don Gagne's avatar
Don Gagne committed
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94
    // Home position is mission item 0, so keep them in sync
    onHomePositionCoordinateChanged: {
        // Changing the coordinate will set the dirty bit, so we save and reset it
        var dirtyBit = _missionItems.dirty
        _missionItems.get(0).coordinate = homePositionCoordinate
        _missionItems.dirty = dirtyBit
    }

    Component.onCompleted: onHomePositionCoordinateChanged

    Connections {
        target: controller

        onMissionItemsChanged: _missionItems.get(0).coordinate = homePositionCoordinate
    }

Don Gagne's avatar
Don Gagne committed
95 96 97
    QGCViewPanel {
        id:             panel
        anchors.fill:   parent
Don Gagne's avatar
Don Gagne committed
98

Don Gagne's avatar
Don Gagne committed
99
        Item {
Don Gagne's avatar
Don Gagne committed
100 101
            anchors.fill: parent

Don Gagne's avatar
Don Gagne committed
102 103 104 105 106 107 108
            FlightMap {
                id:             editorMap
                anchors.left:   parent.left
                anchors.right:  missionItemView.left
                anchors.top:    parent.top
                anchors.bottom: parent.bottom
                mapName:        "MissionEditor"
109 110

                Component.onCompleted: {
Don Gagne's avatar
Don Gagne committed
111 112
                    latitude = homePositionCoordinate.latitude
                    longitude = homePositionCoordinate.longitude
113
                }
Don Gagne's avatar
Don Gagne committed
114 115 116 117 118 119 120 121

                MouseArea {
                    anchors.fill: parent

                    onClicked: {
                        var coordinate = editorMap.toCoordinate(Qt.point(mouse.x, mouse.y))
                        coordinate.latitude = coordinate.latitude.toFixed(_decimalPlaces)
                        coordinate.longitude = coordinate.longitude.toFixed(_decimalPlaces)
122 123
                        coordinate.altitude = coordinate.altitude.toFixed(_decimalPlaces)
                        if (_showHomePositionManager) {
Don Gagne's avatar
Don Gagne committed
124
                            homePositionCoordinate = coordinate
125
                        } else if (_addMissionItems) {
126 127 128
                            var index = controller.addMissionItem(coordinate)
                            setCurrentItem(index)
                        }
Don Gagne's avatar
Don Gagne committed
129
                    }
Don Gagne's avatar
Don Gagne committed
130
                }
Don Gagne's avatar
Don Gagne committed
131

Don Gagne's avatar
Don Gagne committed
132 133 134
                Rectangle {
                    anchors.horizontalCenter:   parent.horizontalCenter
                    anchors.bottom:             parent.bottom
Don Gagne's avatar
Don Gagne committed
135
                    width:                      parent.width * 0.75
Don Gagne's avatar
Don Gagne committed
136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156
                    height:                     syncNeededText.height + (ScreenTools.defaultFontPixelWidth * 2)
                    border.width:               1
                    border.color:               "white"
                    color:                      "black"
                    opacity:                    0.75
                    visible:                    controller.missionItems.dirty

                    QGCLabel {
                        id:                     syncNeededText
                        anchors.margins:        ScreenTools.defaultFontPixelWidth
                        anchors.top:            parent.top
                        anchors.left:           parent.left
                        anchors.right:          parent.right
                        wrapMode:               Text.WordWrap
                        horizontalAlignment:    Text.AlignHCenter
                        verticalAlignment:      Text.AlignVCenter
                        font.pixelSize:         ScreenTools.mediumFontPixelSize
                        text:                   "You have unsaved changes. Be sure to use the Sync tool to save when ready."
                    }
                }

157 158 159 160 161 162 163 164 165
                Row {
                    spacing:            ScreenTools.defaultFontPixelWidth
                    anchors.top:        parent.top
                    anchors.right:      parent.right
                    anchors.margins:    ScreenTools.defaultFontPixelWidth

                    RoundButton {
                        id:                     addMissionItemsButton
                        buttonImage:            "/qmlimages/MapAddMission.svg"
166
                        exclusiveGroup:         _dropButtonsExclusiveGroup
167
                        onClicked: {
168
                            disableToggles()
169
                            _addMissionItems = addMissionItemsButton.checked
170 171 172
                        }
                    }

173 174 175
                    RoundButton {
                        id:                     homePositionManagerButton
                        buttonImage:            "/qmlimages/MapHome.svg"
176
                        exclusiveGroup:         _dropButtonsExclusiveGroup
177
                        onClicked: {
178
                            disableToggles()
179
                            _showHomePositionManager = homePositionManagerButton.checked
180 181 182
                        }
                    }

183 184 185 186 187 188 189
                    DropButton {
                        id:                     centerMapButton
                        dropDirection:          dropDown
                        buttonImage:            "/qmlimages/MapCenter.svg"
                        viewportMargins:        ScreenTools.defaultFontPixelWidth / 2
                        exclusiveGroup:         _dropButtonsExclusiveGroup

190
                        onClicked: {
191
                            disableToggles()
192 193
                        }

194 195 196 197 198 199 200 201 202
                        dropDownComponent: Component {
                            Row {
                                spacing: ScreenTools.defaultFontPixelWidth

                                QGCButton {
                                    text: "Home"

                                    onClicked: {
                                        centerMapButton.hideDropDown()
Don Gagne's avatar
Don Gagne committed
203
                                        editorMap.center = QtPositioning.coordinate(homePositionCoordinate.latitude, homePositionCoordinate.longitude)
204 205
                                        _showHomePositionManager = true
                                    }
206
                                }
Don Gagne's avatar
Don Gagne committed
207

208 209 210
                                QGCButton {
                                    text:       "Vehicle"
                                    enabled:    activeVehicle && activeVehicle.latitude != 0 && activeVehicle.longitude != 0
211

212
                                    property var activeVehicle: multiVehicleManager.activeVehicle
213

214 215 216 217 218
                                    onClicked: {
                                        centerMapButton.hideDropDown()
                                        editorMap.latitude = activeVehicle.latitude
                                        editorMap.longitude = activeVehicle.longitude
                                    }
219 220
                                }

221 222 223
    /*

    This code will need to wait for Qml 5.5 support since Map.visibleRegion is only in Qt 5.5
224

225 226
                                QGCButton {
                                    text: "All Items"
227

228 229
                                    onClicked: {
                                        centerMapButton.hideDropDown()
Don Gagne's avatar
Don Gagne committed
230

231
                                        // Begin with only the home position in the region
Don Gagne's avatar
Don Gagne committed
232 233
                                        var region = QtPositioning.rectangle(QtPositioning.coordinate(homePositionCoordinate.latitude, _homePositionCoordinate.longitude),
                                                                             QtPositioning.coordinate(homePositionCoordinate.latitude, _homePositionCoordinate.longitude))
234

235 236 237
                                        // Now expand the region to include all mission items
                                        for (var i=0; i<_missionItems.count; i++) {
                                            var missionItem = _missionItems.get(i)
238

239 240
                                            region.topLeft.latitude = Math.max(missionItem.coordinate.latitude, region.topLeft.latitude)
                                            region.topLeft.longitude = Math.min(missionItem.coordinate.longitude, region.topLeft.longitude)
241

242 243
                                            region.topRight.latitude = Math.max(missionItem.coordinate.latitude, region.topRight.latitude)
                                            region.topRight.longitude = Math.max(missionItem.coordinate.longitude, region.topRight.longitude)
244

245 246
                                            region.bottomLeft.latitude = Math.min(missionItem.coordinate.latitude, region.bottomLeft.latitude)
                                            region.bottomLeft.longitude = Math.min(missionItem.coordinate.longitude, region.bottomLeft.longitude)
247

248 249 250
                                            region.bottomRight.latitude = Math.min(missionItem.coordinate.latitude, region.bottomRight.latitude)
                                            region.bottomRight.longitude = Math.max(missionItem.coordinate.longitude, region.bottomRight.longitude)
                                        }
251

252
                                        editorMap.visibleRegion = region
253 254
                                    }
                                }
255
    */
Don Gagne's avatar
Don Gagne committed
256 257 258 259
                            }
                        }
                    }

260 261 262 263 264 265 266
                    DropButton {
                        id:                     syncButton
                        dropDirection:          dropDown
                        buttonImage:            "/qmlimages/MapSync.svg"
                        viewportMargins:        ScreenTools.defaultFontPixelWidth / 2
                        exclusiveGroup:         _dropButtonsExclusiveGroup

267
                        onClicked: {
268
                            disableToggles()
269 270
                        }

271 272 273 274 275 276 277 278 279 280 281 282
                        dropDownComponent: Component {
                            Row {
                                spacing: ScreenTools.defaultFontPixelWidth

                                QGCButton {
                                    text:       "Load from vehicle"
                                    enabled:    _activeVehicle && !_activeVehicle.missionManager.inProgress

                                    onClicked: {
                                        syncButton.hideDropDown()
                                        controller.getMissionItems()
                                    }
283 284
                                }

285 286 287
                                QGCButton {
                                    text:       "Save to vehicle"
                                    enabled:    _activeVehicle && !_activeVehicle.missionManager.inProgress
288

289 290 291 292
                                    onClicked: {
                                        syncButton.hideDropDown()
                                        controller.setMissionItems()
                                    }
293 294
                                }

295 296
                                QGCButton {
                                    text:       "Load from file..."
297

298 299 300 301
                                    onClicked: {
                                        syncButton.hideDropDown()
                                        controller.loadMissionFromFile()
                                    }
302 303
                                }

304 305
                                QGCButton {
                                    text:       "Save to file..."
306

307 308 309 310
                                    onClicked: {
                                        syncButton.hideDropDown()
                                        controller.saveMissionToFile()
                                    }
311 312 313 314
                                }
                            }
                        }
                    }
Don Gagne's avatar
Don Gagne committed
315

316 317 318 319 320 321 322
                    DropButton {
                        id:                 mapTypeButton
                        dropDirection:      dropDown
                        buttonImage:        "/qmlimages/MapType.svg"
                        viewportMargins:    ScreenTools.defaultFontPixelWidth / 2
                        exclusiveGroup:         _dropButtonsExclusiveGroup

323
                        onClicked: {
324
                            disableToggles()
325 326
                        }

327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344
                        dropDownComponent: Component {
                            Row {
                                spacing: ScreenTools.defaultFontPixelWidth

                                Repeater {
                                    model: QGroundControl.flightMapSettings.mapTypes

                                    QGCButton {
                                        checkable:      true
                                        checked:        editorMap.mapType == text
                                        text:           modelData
                                        exclusiveGroup: _mapTypeButtonsExclusiveGroup

                                        onClicked: {
                                            editorMap.mapType = text
                                            checked = true
                                            mapTypeButton.hideDropDown()
                                        }
345 346
                                    }
                                }
Don Gagne's avatar
Don Gagne committed
347 348 349
                            }
                        }
                    }
350 351 352 353 354 355 356 357 358 359 360 361

                    RoundButton {
                        id:                     showHelpButton
                        buttonImage:            "/qmlimages/Help.svg"
                        exclusiveGroup:         _dropButtonsExclusiveGroup
                        checked:                true
                        onClicked: {
                            disableToggles()
                            _showHelpPanel = showHelpButton.checked
                        }
                    }

Don Gagne's avatar
Don Gagne committed
362 363
                }

Don Gagne's avatar
Don Gagne committed
364 365 366 367 368 369
                // Add the mission items to the map
                MapItemView {
                    model: controller.missionItems
                    
                    delegate:
                        MissionItemIndicator {
Don Gagne's avatar
Don Gagne committed
370 371
                            id:             itemIndicator
                            label:          object.sequenceNumber == 0 ? "H" : object.sequenceNumber
Don Gagne's avatar
Don Gagne committed
372
                            isCurrentItem:  !_showHomePositionManager && object.isCurrentItem
Don Gagne's avatar
Don Gagne committed
373
                            coordinate:     object.coordinate
374
                            z:              2
Don Gagne's avatar
Don Gagne committed
375
                            visible:        object.specifiesCoordinate
Don Gagne's avatar
Don Gagne committed
376

Don Gagne's avatar
Don Gagne committed
377
                            onClicked: {
dogmaphobic's avatar
dogmaphobic committed
378 379 380 381 382 383 384 385 386 387 388 389 390
                                disableToggles()
                                if (_dropButtonsExclusiveGroup.current) {
                                    _dropButtonsExclusiveGroup.current.checked = false
                                }
                                //-- Home?
                                if (object.sequenceNumber === 0) {
                                    homePositionManagerButton.checked = true
                                    _showHomePositionManager = true
                                //-- Otherwise it's a mission item
                                } else {
                                    addMissionItemsButton.checked = true
                                    _addMissionItems = true
                                }
Don Gagne's avatar
Don Gagne committed
391 392
                                setCurrentItem(object.sequenceNumber)
                            }
393

Don Gagne's avatar
Don Gagne committed
394 395 396
                            Row {
                                anchors.top:    parent.top
                                anchors.left:   parent.right
397

Don Gagne's avatar
Don Gagne committed
398 399
                                Repeater {
                                    model: object.childItems
400

Don Gagne's avatar
Don Gagne committed
401 402 403 404 405
                                    delegate:
                                        MissionItemIndexLabel {
                                            label:          object.sequenceNumber
                                            isCurrentItem:  !_showHomePositionManager && object.isCurrentItem
                                            z:              2
406

Don Gagne's avatar
Don Gagne committed
407 408 409 410
                                            onClicked: {
                                                _showHomePositionManager = false
                                                setCurrentItem(object.sequenceNumber)
                                            }
411

Don Gagne's avatar
Don Gagne committed
412 413 414 415
                                        }
                                }
                            }
                        }
416 417 418 419 420 421 422 423 424
                }

                // Add lines between waypoints
                MapItemView {
                    model: controller.waypointLines

                    delegate:
                        MapPolyline {
                            line.width: 3
425
                            line.color: _qgcPal.mapButtonHighlight
426 427 428 429 430 431
                            z:          1

                            path: [
                                { latitude: object.coordinate1.latitude, longitude: object.coordinate1.longitude },
                                { latitude: object.coordinate2.latitude, longitude: object.coordinate2.longitude },
                            ]
Don Gagne's avatar
Don Gagne committed
432 433 434 435 436 437 438 439 440 441 442 443 444 445 446
                        }
                }

                Column {
                    id:                 controlWidgets
                    anchors.margins:    ScreenTools.defaultFontPixelWidth
                    anchors.right:      parent.left
                    anchors.bottom:     parent.top
                    spacing:            ScreenTools.defaultFontPixelWidth / 2

                    QGCButton {
                        id:         addMode
                        text:       "+"
                        checkable:  true
                    }
Don Gagne's avatar
Don Gagne committed
447
                }
Don Gagne's avatar
Don Gagne committed
448 449 450 451 452 453 454 455 456 457 458 459 460 461
            } // FlightMap

            Rectangle {
                id:                 missionItemView
                anchors.right:      parent.right
                anchors.top:        parent.top
                anchors.bottom:     parent.bottom
                width:              ScreenTools.defaultFontPixelWidth * 30
                color: _qgcPal.window

                Item {
                    anchors.margins:    _verticalMargin
                    anchors.fill:       parent

462 463
                    // Mission Item Editor
                    Item {
464
                        anchors.fill:   parent
dogmaphobic's avatar
dogmaphobic committed
465
                        visible:        !_showHomePositionManager && controller.missionItems.count != 1 && ! _showHelpPanel
466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485

                        ListView {
                            id:             missionItemSummaryList
                            anchors.fill:   parent
                            spacing:        _verticalMargin
                            orientation:    ListView.Vertical
                            model:          controller.canEdit ? controller.missionItems : 0

                            property real _maxItemHeight: 0

                            delegate:
                                MissionItemEditor {
                                    missionItem:    object
                                    width:          parent.width

                                    onClicked:  setCurrentItem(object.sequenceNumber)

                                    onRemove: {
                                        var newCurrentItem = object.sequenceNumber - 1
                                        controller.removeMissionItem(object.sequenceNumber)
Don Gagne's avatar
Don Gagne committed
486
                                        if (_missionItems.count > 1) {
487 488 489
                                            newCurrentItem = Math.min(_missionItems.count - 1, newCurrentItem)
                                            setCurrentItem(newCurrentItem)
                                        }
490
                                    }
491 492 493

                                    onMoveUp:   controller.moveUp(object.sequenceNumber)
                                    onMoveDown: controller.moveDown(object.sequenceNumber)
494
                                }
495
                        } // ListView
496

497 498 499 500 501 502 503 504
                        QGCLabel {
                            anchors.fill:   parent
                            visible:        !controller.canEdit
                            wrapMode:       Text.WordWrap
                            text:           "The set of mission items you have loaded cannot be edited by QGroundControl. " +
                                            "You will only be able to save these to a file, or send them to a vehicle."
                        }
                    } // Item - Mission Item editor
Don Gagne's avatar
Don Gagne committed
505

506 507
                    // Home Position Manager
                    Item {
508
                        anchors.fill:   parent
509
                        visible:        _showHomePositionManager && !_showHelpPanel
510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537

                        Column {
                            anchors.fill: parent

                            QGCLabel {
                                font.pixelSize: ScreenTools.mediumFontPixelSize
                                text:           "Home Position Manager"
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight
                            }

                            QGCLabel {
                                text: "Select home position to use:"
                            }

                            QGCComboBox {
                                id:         homePosCombo
                                width:      parent.width
                                textRole:   "text"
                                model:      _homePositionManager.homePositions

                                onCurrentIndexChanged: {
                                    if (currentIndex != -1) {
                                        var homePos = _homePositionManager.homePositions.get(currentIndex)
                                        _homePositionName = homePos.name
Don Gagne's avatar
Don Gagne committed
538 539 540
                                        homePositionCoordinate = homePos.coordinate
                                        editorMap.latitude = homePositionCoordinate.latitude
                                        editorMap.longitude = homePositionCoordinate.longitude
541 542 543 544 545 546 547 548 549 550 551 552
                                    }
                                }
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight
                            }

                            QGCLabel {
                                width:      parent.width
                                wrapMode:   Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
553
                                text:       "To add a new home position, click on the Map to set the position. " +
554
                                            "Then give it a new name and click Add/Update. " +
dogmaphobic's avatar
dogmaphobic committed
555
                                            "To change the current home position, click on the Map to set the new position. " +
556
                                            "Then click Add/Update without changing the name."
557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight / 3
                            }

                            Item {
                                width:  parent.width
                                height: nameField.height

                                QGCLabel {
                                    anchors.baseline:   nameField.baseline
                                    text:               "Name:"
                                }

                                QGCTextField {
                                    id:             nameField
                                    anchors.right:  parent.right
                                    width:          _editFieldWidth
                                    text:           _homePositionName
                                }
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight / 3
                            }

                            Item {
                                width:  parent.width
                                height: latitudeField.height

                                QGCLabel {
                                    anchors.baseline:   latitudeField.baseline
                                    text:               "Lat:"
                                }

                                QGCTextField {
                                    id:             latitudeField
                                    anchors.right:  parent.right
                                    width:          _editFieldWidth
Don Gagne's avatar
Don Gagne committed
599
                                    text:           homePositionCoordinate.latitude
600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620
                                }
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight / 3
                            }

                            Item {
                                width:  parent.width
                                height: longitudeField.height

                                QGCLabel {
                                    anchors.baseline:   longitudeField.baseline
                                    text:               "Lon:"
                                }

                                QGCTextField {
                                    id:             longitudeField
                                    anchors.right:  parent.right
                                    width:          _editFieldWidth
Don Gagne's avatar
Don Gagne committed
621
                                    text:           homePositionCoordinate.longitude
622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642
                                }
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight / 3
                            }

                            Item {
                                width:  parent.width
                                height: altitudeField.height

                                QGCLabel {
                                    anchors.baseline:   altitudeField.baseline
                                    text:               "Alt:"
                                }

                                QGCTextField {
                                    id:             altitudeField
                                    anchors.right:  parent.right
                                    width:          _editFieldWidth
Don Gagne's avatar
Don Gagne committed
643
                                    text:           homePositionCoordinate.altitude
644 645 646 647 648 649 650 651 652 653 654 655 656 657 658
                                }
                            }

                            Item {
                                width: 10
                                height: ScreenTools.defaultFontPixelHeight
                            }

                            Row {
                                spacing: ScreenTools.defaultFontPixelWidth

                                QGCButton {
                                    text: "Add/Update"

                                    onClicked: {
Don Gagne's avatar
Don Gagne committed
659 660
                                        homePositionCoordinate = QtPositioning.coordinate(latitudeField.text, longitudeField.text, altitudeField.text)
                                        _homePositionManager.updateHomePosition(nameField.text, homePositionCoordinate)
661 662 663 664 665 666 667 668 669 670 671 672 673
                                        homePosCombo.currentIndex = homePosCombo.find(nameField.text)
                                    }
                                }

                                QGCButton {
                                    text: "Delete"

                                    onClicked: {
                                        homePosCombo.currentIndex = -1
                                        _homePositionManager.deleteHomePosition(nameField.text)
                                        homePosCombo.currentIndex = 0
                                        var homePos = _homePositionManager.homePositions.get(0)
                                        _homePositionName = homePos.name
Don Gagne's avatar
Don Gagne committed
674
                                        homePositionCoordinate = homePos.coordinate
675 676 677 678 679 680
                                    }
                                }
                            }
                        } // Column
                    } // Item - Home Position Manager

681 682 683
                    // Help Panel
                    Item {
                        anchors.fill:   parent
dogmaphobic's avatar
dogmaphobic committed
684
                        visible:        !_showHomePositionManager && (controller.missionItems.count == 1 || _showHelpPanel)
685 686 687 688 689 690 691 692 693 694 695 696 697

                        QGCLabel {
                            id:             helpTitle
                            font.pixelSize: ScreenTools.mediumFontPixelSize
                            text:           "Mission Planner"
                        }

                        QGCLabel {
                            id:                 helpIconLabel
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        helpTitle.bottom
                            width:              parent.width
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
698
                            text:               "Mission Planner tool buttons:"
699 700
                        }

dogmaphobic's avatar
dogmaphobic committed
701 702 703 704 705 706 707 708 709
                        Image {
                            id:                 addMissionItemsHelpIcon
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        helpIconLabel.bottom
                            width:              ScreenTools.defaultFontPixelHeight * 3
                            fillMode:           Image.PreserveAspectFit
                            mipmap:             true
                            smooth:             true
                            source:             "/qmlimages/MapAddMission.svg"
710 711 712 713 714 715 716 717 718
                        }

                        QGCLabel {
                            id:                 addMissionItemsHelpText
                            anchors.leftMargin: ScreenTools.defaultFontPixelHeight
                            anchors.left:       mapTypeHelpIcon.right
                            anchors.right:      parent.right
                            anchors.top:        addMissionItemsHelpIcon.top
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
719 720
                            text:               "<b>Add Mission Items</b><br>" +
                                                "When enabled, add mission items by clicking on the map."
721 722
                        }

dogmaphobic's avatar
dogmaphobic committed
723 724 725 726 727 728 729 730 731
                        Image {
                            id:                 homePositionManagerHelpIcon
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        addMissionItemsHelpText.bottom
                            width:              ScreenTools.defaultFontPixelHeight * 3
                            fillMode:           Image.PreserveAspectFit
                            mipmap:             true
                            smooth:             true
                            source:             "/qmlimages/MapHome.svg"
732 733 734 735 736 737 738 739 740
                        }

                        QGCLabel {
                            id:                 homePositionManagerHelpText
                            anchors.leftMargin: ScreenTools.defaultFontPixelHeight
                            anchors.left:       mapTypeHelpIcon.right
                            anchors.right:      parent.right
                            anchors.top:        homePositionManagerHelpIcon.top
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
741 742
                            text:               "<b>Home Position Manager</b><br>" +
                                                "When enabled, allows you to select/add/update home positions. " +
743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763
                                                "You can save multiple home position to represent multiple flying areas."
                        }

                        Image {
                            id:                 mapCenterHelpIcon
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        homePositionManagerHelpText.bottom
                            width:              ScreenTools.defaultFontPixelHeight * 3
                            fillMode:           Image.PreserveAspectFit
                            mipmap:             true
                            smooth:             true
                            source:             "/qmlimages/MapCenter.svg"
                        }

                        QGCLabel {
                            id:                 mapCenterHelpText
                            anchors.leftMargin: ScreenTools.defaultFontPixelHeight
                            anchors.left:       mapTypeHelpIcon.right
                            anchors.right:      parent.right
                            anchors.top:        mapCenterHelpIcon.top
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
764 765
                            text:               "<b>Map Center</b><br>" +
                                                "Options for centering the map."
766 767 768 769 770 771 772 773 774 775
                        }

                        Image {
                            id:                 syncHelpIcon
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        mapCenterHelpText.bottom
                            width:              ScreenTools.defaultFontPixelHeight * 3
                            fillMode:           Image.PreserveAspectFit
                            mipmap:             true
                            smooth:             true
dogmaphobic's avatar
dogmaphobic committed
776
                            source:             "/qmlimages/MapSync.svg"
777 778 779 780 781 782 783 784 785
                        }

                        QGCLabel {
                            id:                 syncHelpText
                            anchors.leftMargin: ScreenTools.defaultFontPixelHeight
                            anchors.left:       mapTypeHelpIcon.right
                            anchors.right:      parent.right
                            anchors.top:        syncHelpIcon.top
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
786 787
                            text:               "<b>Sync</b><br>" +
                                                "Options for saving/loading mission items."
788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807
                        }

                        Image {
                            id:                 mapTypeHelpIcon
                            anchors.topMargin:  ScreenTools.defaultFontPixelHeight
                            anchors.top:        syncHelpText.bottom
                            width:              ScreenTools.defaultFontPixelHeight * 3
                            fillMode:           Image.PreserveAspectFit
                            mipmap:             true
                            smooth:             true
                            source:             "/qmlimages/MapType.svg"
                        }

                        QGCLabel {
                            id:                 mapTypeHelpText
                            anchors.leftMargin: ScreenTools.defaultFontPixelHeight
                            anchors.left:       mapTypeHelpIcon.right
                            anchors.right:      parent.right
                            anchors.top:        mapTypeHelpIcon.top
                            wrapMode:           Text.WordWrap
dogmaphobic's avatar
dogmaphobic committed
808 809
                            text:               "<b>Map Type</b><br>" +
                                                "Map type options."
810 811
                        }
                    } // Item - Help Panel
Don Gagne's avatar
Don Gagne committed
812 813 814 815 816
                } // Item
            } // Rectangle - mission item list
        } // Item - split view container
    } // QGCViewPanel
} // QGCVIew