MainRootWindow.qml 23.9 KB
Newer Older
1 2 3 4 5 6 7 8 9 10
/****************************************************************************
 *
 *   (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.
 *
 ****************************************************************************/


Gus Grubba's avatar
Gus Grubba committed
11
import QtQuick          2.11
12 13
import QtQuick.Controls 2.4
import QtQuick.Dialogs  1.3
Gus Grubba's avatar
Gus Grubba committed
14
import QtQuick.Layouts  1.11
15
import QtQuick.Window   2.11
16 17 18 19 20 21 22 23 24 25

import QGroundControl               1.0
import QGroundControl.Palette       1.0
import QGroundControl.Controls      1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.FlightDisplay 1.0
import QGroundControl.FlightMap     1.0

/// Native QML top level window
ApplicationWindow {
26
    id:             mainWindow
27 28
    minimumWidth:   ScreenTools.isMobile ? Screen.width  : Math.min(215 * Screen.pixelDensity, Screen.width)
    minimumHeight:  ScreenTools.isMobile ? Screen.height : Math.min(120 * Screen.pixelDensity, Screen.height)
29 30
    visible:        true

31
    Component.onCompleted: {
32 33
        //-- Full screen on mobile or tiny screens
        if(ScreenTools.isMobile || Screen.height / ScreenTools.realPixelDensity < 120) {
34
            mainWindow.showFullScreen()
Gus Grubba's avatar
Gus Grubba committed
35 36 37
        } else {
            width   = ScreenTools.isMobile ? Screen.width  : Math.min(250 * Screen.pixelDensity, Screen.width)
            height  = ScreenTools.isMobile ? Screen.height : Math.min(150 * Screen.pixelDensity, Screen.height)
38 39 40
        }
    }

Gus Grubba's avatar
Gus Grubba committed
41
    readonly property real      _topBottomMargins:          ScreenTools.defaultFontPixelHeight * 0.5
42 43
    readonly property string    _mainToolbar:               QGroundControl.corePlugin.options.mainToolbarUrl
    readonly property string    _planToolbar:               QGroundControl.corePlugin.options.planToolbarUrl
44

45 46 47
    //-------------------------------------------------------------------------
    //-- Global Scope Variables

Gus Grubba's avatar
Gus Grubba committed
48 49 50 51 52
    property var                activeVehicle:              QGroundControl.multiVehicleManager.activeVehicle
    property bool               communicationLost:          activeVehicle ? activeVehicle.connectionLost : false
    property string             formatedMessage:            activeVehicle ? activeVehicle.formatedMessage : ""
    property real               availableHeight:            mainWindow.height - mainWindow.header.height

53
    property var                currentPlanMissionItem:     planMasterControllerPlan ? planMasterControllerPlan.missionController.currentPlanViewItem : null
Gus Grubba's avatar
Gus Grubba committed
54 55
    property var                planMasterControllerPlan:   null
    property var                planMasterControllerView:   null
56
    property var                flightDisplayMap:           null
Gus Grubba's avatar
Gus Grubba committed
57 58 59 60

    readonly property string    navButtonWidth:             ScreenTools.defaultFontPixelWidth * 24
    readonly property real      defaultTextHeight:          ScreenTools.defaultFontPixelHeight
    readonly property real      defaultTextWidth:           ScreenTools.defaultFontPixelWidth
61 62 63

    QGCPalette { id: qgcPal; colorGroupEnabled: true }

64 65 66 67 68 69 70 71
    //-------------------------------------------------------------------------
    //-- Actions

    signal armVehicle
    signal disarmVehicle
    signal vtolTransitionToFwdFlight
    signal vtolTransitionToMRFlight

72 73 74 75
    //-------------------------------------------------------------------------
    //-- Global Scope Functions

    function viewSwitch(isPlanView) {
76 77 78
        settingsWindow.visible  = false
        setupWindow.visible     = false
        analyzeWindow.visible   = false
79
        flightView.visible      = false
80
        planViewLoader.visible  = false
81
        if(isPlanView) {
82
            toolbar.source  = _planToolbar
83
        } else {
84
            toolbar.source  = _mainToolbar
85 86 87 88 89
        }
    }

    function showFlyView() {
        viewSwitch(false)
90
        flightView.visible = true
91 92 93 94
    }

    function showPlanView() {
        viewSwitch(true)
95
        planViewLoader.visible = true
96 97 98 99
    }

    function showAnalyzeView() {
        viewSwitch(false)
100
        analyzeWindow.visible = true
101 102 103 104
    }

    function showSetupView() {
        viewSwitch(false)
105
        setupWindow.visible = true
106 107 108 109
    }

    function showSettingsView() {
        viewSwitch(false)
110
        settingsWindow.visible = true
111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134
    }

    //-------------------------------------------------------------------------
    //-- Global simple message dialog

    function showMessageDialog(title, text) {
        if(simpleMessageDialog.visible) {
            simpleMessageDialog.close()
        }
        simpleMessageDialog.title = title
        simpleMessageDialog.text  = text
        simpleMessageDialog.open()
    }

    MessageDialog {
        id:                 simpleMessageDialog
        standardButtons:    StandardButton.Ok
        modality:           Qt.ApplicationModal
        visible:            false
    }

    //-------------------------------------------------------------------------
    //-- Global complex dialog

135 136
    /// Shows a QGCViewDialogContainer based dialog
    ///     @param component The dialog contents
137 138 139 140 141 142 143
    ///     @param title Title for dialog
    ///     @param charWidth Width of dialog in characters
    ///     @param buttons Buttons to show in dialog using StandardButton enum

    readonly property int showDialogFullWidth:      -1  ///< Use for full width dialog
    readonly property int showDialogDefaultWidth:   40  ///< Use for default dialog width

144
    function showComponentDialog(component, title, charWidth, buttons) {
145 146 147 148 149 150
        var dialogWidth = charWidth === showDialogFullWidth ? mainWindow.width : ScreenTools.defaultFontPixelWidth * charWidth
        mainWindowDialog.width = dialogWidth
        mainWindowDialog.dialogComponent = component
        mainWindowDialog.dialogTitle = title
        mainWindowDialog.dialogButtons = buttons
        mainWindowDialog.open()
151 152 153 154
        if(buttons & StandardButton.Cancel || buttons & StandardButton.Close || buttons & StandardButton.Discard || buttons & StandardButton.Abort || buttons & StandardButton.Ignore) {
            mainWindowDialog.closePolicy = Popup.CloseOnEscape | Popup.CloseOnPressOutside;
            mainWindowDialog.interactive = true;
        }
155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194
    }

    Drawer {
        id:             mainWindowDialog
        y:              mainWindow.header.height
        height:         mainWindow.height - mainWindow.header.height
        edge:           Qt.RightEdge
        interactive:    false
        background: Rectangle {
            color:  qgcPal.windowShadeDark
        }
        property var    dialogComponent: null
        property var    dialogButtons: null
        property string dialogTitle: ""
        Loader {
            id:             dlgLoader
            anchors.fill:   parent
            onLoaded: {
                item.setupDialogButtons()
            }
        }
        onOpened: {
            dlgLoader.source = "QGCViewDialogContainer.qml"
        }
        onClosed: {
            dlgLoader.source = ""
        }
    }

    //-------------------------------------------------------------------------
    //-- Weird hack that has to be fixed elsewhere and have this removed

    property bool _forceClose: false

    function reallyClose() {
        _forceClose = true
        mainWindow.close()
    }

    function finishCloseProcess() {
195 196 197
        if(ScreenTools.isWindows) {
            hide()
        }
198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215
        QGroundControl.linkManager.shutdown()
        // The above shutdown causes a flurry of activity as the vehicle components are removed. This in turn
        // causes the Windows Version of Qt to crash if you allow the close event to be accepted. In order to prevent
        // the crash, we ignore the close event and setup a delayed timer to close the window after things settle down.
        if(ScreenTools.isWindows) {
            delayedWindowCloseTimer.start()
        } else {
            reallyClose()
        }
    }

    Timer {
        id:         delayedWindowCloseTimer
        interval:   1500
        running:    false
        repeat:     false
        onTriggered: {
            reallyClose()
216 217 218 219
            if(ScreenTools.isWindows) {
                // Closing the app while main is hidden doesn't work
                Qt.callLater(Qt.quit)
            }
220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240
        }
    }

    MessageDialog {
        id:                 activeConnectionsCloseDialog
        title:              qsTr("%1 close").arg(QGroundControl.appName)
        text:               qsTr("There are still active connections to vehicles. Are you sure you want to exit?")
        standardButtons:    StandardButton.Yes | StandardButton.Cancel
        modality:           Qt.ApplicationModal
        visible:            false
        onYes:              finishCloseProcess()
        function check() {
            if (QGroundControl.multiVehicleManager.activeVehicle) {
                activeConnectionsCloseDialog.open()
            } else {
                finishCloseProcess()
            }
        }
    }

    //-------------------------------------------------------------------------
Gus Grubba's avatar
Gus Grubba committed
241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258
    //-- Check for unsaved missions

    onClosing: {
        if (!_forceClose) {
            unsavedMissionCloseDialog.check()
            close.accepted = false
        }
    }

    MessageDialog {
        id:                 unsavedMissionCloseDialog
        title:              qsTr("%1 close").arg(QGroundControl.appName)
        text:               qsTr("You have a mission edit in progress which has not been saved/sent. If you close you will lose changes. Are you sure you want to close?")
        standardButtons:    StandardButton.Yes | StandardButton.No
        modality:           Qt.ApplicationModal
        visible:            false
        onYes:              activeConnectionsCloseDialog.check()
        function check() {
259
            if (planMasterControllerPlan && planMasterControllerPlan.dirty) {
Gus Grubba's avatar
Gus Grubba committed
260 261 262 263 264 265 266 267 268
                unsavedMissionCloseDialog.open()
            } else {
                activeConnectionsCloseDialog.check()
            }
        }
    }

    //-------------------------------------------------------------------------
    //-- Main, full window background (Fly View)
269 270 271 272 273 274
    background: Item {
        id:             rootBackground
        anchors.fill:   parent
    }

    //-------------------------------------------------------------------------
275
    //-- Toolbar
276 277 278 279
    header: ToolBar {
        height:         ScreenTools.toolbarHeight
        visible:        !QGroundControl.videoManager.fullScreen
        background:     Rectangle {
280
            color:      qgcPal.globalTheme === QGCPalette.Light ? QGroundControl.corePlugin.options.toolbarBackgroundLight : QGroundControl.corePlugin.options.toolbarBackgroundDark
281
        }
282 283
        Loader {
            id:             toolbar
284
            anchors.fill:   parent
285
            source:         _mainToolbar
286 287 288 289 290 291 292 293 294 295 296 297
            //-- Toggle Full Screen / Windowed
            MouseArea {
                anchors.fill:   parent
                enabled:        !ScreenTools.isMobile
                onDoubleClicked: {
                    if(mainWindow.visibility === Window.Windowed) {
                        mainWindow.showFullScreen()
                    } else {
                        mainWindow.showNormal()
                    }
                }
            }
298 299 300
        }
    }

301 302 303 304 305 306 307 308 309 310 311 312 313 314
    //-------------------------------------------------------------------------
    //-- Fly View
    FlightDisplayView {
        id:             flightView
        anchors.fill:   parent
        //-----------------------------------------------------------------
        //-- Loader helper for any child, no matter how deep, to display
        //   elements on top of the fly (video) window.
        Loader {
            id: rootVideoLoader
            anchors.centerIn: parent
        }
    }

315 316 317
    //-------------------------------------------------------------------------
    //-- Plan View
    Loader {
318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339
        id:             planViewLoader
        anchors.fill:   parent
        visible:        false
        source:         "PlanView.qml"
    }

    //-------------------------------------------------------------------------
    //-- Settings
    Loader {
        id:             settingsWindow
        anchors.fill:   parent
        visible:        false
        source:         "AppSettings.qml"
    }

    //-------------------------------------------------------------------------
    //-- Setup
    Loader {
        id:             setupWindow
        anchors.fill:   parent
        visible:        false
        source:         "SetupView.qml"
340 341
    }

342
    //-------------------------------------------------------------------------
343
    //-- Analyze
344
    Loader {
345
        id:             analyzeWindow
346
        anchors.fill:   parent
347 348
        visible:        false
        source:         "AnalyzeView.qml"
349 350 351
    }

    //-------------------------------------------------------------------------
Gus Grubba's avatar
Gus Grubba committed
352
    //-- Loader helper for any child, no matter how deep, to display elements
353
    //   on top of the main window.
354
    //   This is DEPRECATED. Use Popup instead.
355
    Loader {
Gus Grubba's avatar
Gus Grubba committed
356
        id: rootLoader
357 358 359 360
        anchors.centerIn: parent
    }

    //-------------------------------------------------------------------------
361
    //-- Vehicle Messages
362 363 364 365 366 367 368 369

    function formatMessage(message) {
        message = message.replace(new RegExp("<#E>", "g"), "color: " + qgcPal.warningText + "; font: " + (ScreenTools.defaultFontPointSize.toFixed(0) - 1) + "pt monospace;");
        message = message.replace(new RegExp("<#I>", "g"), "color: " + qgcPal.warningText + "; font: " + (ScreenTools.defaultFontPointSize.toFixed(0) - 1) + "pt monospace;");
        message = message.replace(new RegExp("<#N>", "g"), "color: " + qgcPal.text + "; font: " + (ScreenTools.defaultFontPointSize.toFixed(0) - 1) + "pt monospace;");
        return message;
    }

370 371
    function showVehicleMessages() {
        if(!vehicleMessageArea.visible) {
372 373 374 375 376 377 378 379 380
            if(QGroundControl.multiVehicleManager.activeVehicleAvailable) {
                messageText.text = formatMessage(activeVehicle.formatedMessages)
                //-- Hack to scroll to last message
                for (var i = 0; i < activeVehicle.messageCount; i++)
                    messageFlick.flick(0,-5000)
                activeVehicle.resetMessages()
            } else {
                messageText.text = qsTr("No Messages")
            }
381
            vehicleMessageArea.open()
382 383 384 385
        }
    }

    onFormatedMessageChanged: {
386
        if(vehicleMessageArea.visible) {
387 388 389 390 391 392 393
            messageText.append(formatMessage(formatedMessage))
            //-- Hack to scroll down
            messageFlick.flick(0,-500)
        }
    }

    Popup {
394
        id:                 vehicleMessageArea
395 396 397 398
        width:              mainWindow.width  * 0.666
        height:             mainWindow.height * 0.666
        modal:              true
        focus:              true
Gus Grubba's avatar
Gus Grubba committed
399 400
        x:                  Math.round((mainWindow.width  - width)  * 0.5)
        y:                  Math.round((mainWindow.height - height) * 0.5)
401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422
        closePolicy:        Popup.CloseOnEscape | Popup.CloseOnPressOutside
        background: Rectangle {
            anchors.fill:   parent
            color:          qgcPal.window
            border.color:   qgcPal.text
            radius:         ScreenTools.defaultFontPixelHeight * 0.5
        }
        QGCFlickable {
            id:                 messageFlick
            anchors.margins:    ScreenTools.defaultFontPixelHeight
            anchors.fill:       parent
            contentHeight:      messageText.height
            contentWidth:       messageText.width
            pixelAligned:       true
            clip:               true
            TextEdit {
                id:             messageText
                readOnly:       true
                textFormat:     TextEdit.RichText
                color:          qgcPal.text
            }
        }
423
        //-- Dismiss Vehicle Messages
424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439
        QGCColoredImage {
            anchors.margins:    ScreenTools.defaultFontPixelHeight * 0.5
            anchors.top:        parent.top
            anchors.right:      parent.right
            width:              ScreenTools.isMobile ? ScreenTools.defaultFontPixelHeight * 1.5 : ScreenTools.defaultFontPixelHeight
            height:             width
            sourceSize.height:  width
            source:             "/res/XDelete.svg"
            fillMode:           Image.PreserveAspectFit
            mipmap:             true
            smooth:             true
            color:              qgcPal.text
            MouseArea {
                anchors.fill:       parent
                anchors.margins:    ScreenTools.isMobile ? -ScreenTools.defaultFontPixelHeight : 0
                onClicked: {
440
                    vehicleMessageArea.close()
441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461
                }
            }
        }
        //-- Clear Messages
        QGCColoredImage {
            anchors.bottom:     parent.bottom
            anchors.right:      parent.right
            anchors.margins:    ScreenTools.defaultFontPixelHeight * 0.5
            height:             ScreenTools.isMobile ? ScreenTools.defaultFontPixelHeight * 1.5 : ScreenTools.defaultFontPixelHeight
            width:              height
            sourceSize.height:   height
            source:             "/res/TrashDelete.svg"
            fillMode:           Image.PreserveAspectFit
            mipmap:             true
            smooth:             true
            color:              qgcPal.text
            MouseArea {
                anchors.fill:   parent
                onClicked: {
                    if(QGroundControl.multiVehicleManager.activeVehicleAvailable) {
                        activeVehicle.clearMessages();
462
                        vehicleMessageArea.close()
463 464 465 466 467 468 469
                    }
                }
            }
        }
    }

    //-------------------------------------------------------------------------
470
    //-- System Messages
471 472

    property var    _messageQueue:      []
Gus Grubba's avatar
Gus Grubba committed
473
    property string _systemMessage:     ""
474 475

    function showMessage(message) {
476 477
        vehicleMessageArea.close()
        if(systemMessageArea.visible || QGroundControl.videoManager.fullScreen) {
478 479
            _messageQueue.push(message)
        } else {
480 481
            _systemMessage = message
            systemMessageArea.open()
482 483 484 485 486 487 488 489 490 491 492 493
        }
    }

    function showMissingParameterOverlay(missingParamName) {
        showError(qsTr("Parameters missing: %1").arg(missingParamName))
    }

    function showFactError(errorMsg) {
        showError(qsTr("Fact error: %1").arg(errorMsg))
    }

    Popup {
494
        id:                 systemMessageArea
495
        y:                  ScreenTools.defaultFontPixelHeight
Gus Grubba's avatar
Gus Grubba committed
496
        x:                  Math.round((mainWindow.width - width) * 0.5)
497
        width:              mainWindow.width  * 0.55
Gus Grubba's avatar
Gus Grubba committed
498
        height:             ScreenTools.defaultFontPixelHeight * 6
499 500 501 502 503 504 505 506 507 508 509 510 511
        modal:              false
        focus:              true
        closePolicy:        Popup.CloseOnEscape

        background: Rectangle {
            anchors.fill:   parent
            color:          qgcPal.alertBackground
            radius:         ScreenTools.defaultFontPixelHeight * 0.5
            border.color:   qgcPal.alertBorder
            border.width:   2
        }

        onOpened: {
512
            systemMessageText.text = mainWindow._systemMessage
513 514 515 516 517
        }

        onClosed: {
            //-- Are there messages in the waiting queue?
            if(mainWindow._messageQueue.length) {
518
                mainWindow._systemMessage = ""
519 520 521
                //-- Show all messages in queue
                for (var i = 0; i < mainWindow._messageQueue.length; i++) {
                    var text = mainWindow._messageQueue[i]
Gus Grubba's avatar
Gus Grubba committed
522 523
                    if(i) mainWindow._systemMessage += "<br>"
                    mainWindow._systemMessage += text
524 525 526
                }
                //-- Clear it
                mainWindow._messageQueue = []
527
                systemMessageArea.open()
528
            } else {
529
                mainWindow._systemMessage = ""
530 531 532 533
            }
        }

        Flickable {
534
            id:                 systemMessageFlick
Gus Grubba's avatar
Gus Grubba committed
535
            anchors.margins:    ScreenTools.defaultFontPixelHeight * 0.5
536
            anchors.fill:       parent
537 538
            contentHeight:      systemMessageText.height
            contentWidth:       systemMessageText.width
539 540 541 542
            boundsBehavior:     Flickable.StopAtBounds
            pixelAligned:       true
            clip:               true
            TextEdit {
543 544 545
                id:             systemMessageText
                width:          systemMessageArea.width - systemMessageClose.width - (ScreenTools.defaultFontPixelHeight * 2)
                anchors.centerIn: parent
546 547 548 549 550 551 552 553 554 555 556
                readOnly:       true
                textFormat:     TextEdit.RichText
                font.pointSize: ScreenTools.defaultFontPointSize
                font.family:    ScreenTools.demiboldFontFamily
                wrapMode:       TextEdit.WordWrap
                color:          qgcPal.alertText
            }
        }

        //-- Dismiss Critical Message
        QGCColoredImage {
557
            id:                 systemMessageClose
558 559 560 561 562 563 564 565 566 567 568
            anchors.margins:    ScreenTools.defaultFontPixelHeight * 0.5
            anchors.top:        parent.top
            anchors.right:      parent.right
            width:              ScreenTools.isMobile ? ScreenTools.defaultFontPixelHeight * 1.5 : ScreenTools.defaultFontPixelHeight
            height:             width
            sourceSize.height:  width
            source:             "/res/XDelete.svg"
            fillMode:           Image.PreserveAspectFit
            color:              qgcPal.alertText
            MouseArea {
                anchors.fill:       parent
Gus Grubba's avatar
Gus Grubba committed
569
                anchors.margins:    -ScreenTools.defaultFontPixelHeight
570
                onClicked: {
571
                    systemMessageArea.close()
572 573 574 575 576 577 578 579 580 581 582 583 584 585
                }
            }
        }

        //-- More text below indicator
        QGCColoredImage {
            anchors.margins:    ScreenTools.defaultFontPixelHeight * 0.5
            anchors.bottom:     parent.bottom
            anchors.right:      parent.right
            width:              ScreenTools.isMobile ? ScreenTools.defaultFontPixelHeight * 1.5 : ScreenTools.defaultFontPixelHeight
            height:             width
            sourceSize.height:  width
            source:             "/res/ArrowDown.svg"
            fillMode:           Image.PreserveAspectFit
586
            visible:            systemMessageText.lineCount > 5
587 588 589 590
            color:              qgcPal.alertText
            MouseArea {
                anchors.fill:   parent
                onClicked: {
591
                    systemMessageFlick.flick(0,-500)
592 593 594 595 596 597 598 599
                }
            }
        }
    }

    //-------------------------------------------------------------------------
    //-- Indicator Popups

600
    function showPopUp(item, dropItem) {
601
        indicatorDropdown.currentIndicator = dropItem
602
        indicatorDropdown.currentItem = item
603 604 605 606 607 608 609 610 611
        indicatorDropdown.open()
    }

    Popup {
        id:             indicatorDropdown
        y:              ScreenTools.defaultFontPixelHeight
        modal:          true
        focus:          true
        closePolicy:    Popup.CloseOnEscape | Popup.CloseOnPressOutside
612 613
        property var    currentItem:        null
        property var    currentIndicator:   null
614 615 616 617 618 619 620 621
        background: Rectangle {
            width:  loader.width
            height: loader.height
            color:  Qt.rgba(0,0,0,0)
        }
        Loader {
            id:             loader
            onLoaded: {
622 623 624 625 626
                var centerX = mainWindow.contentItem.mapFromItem(indicatorDropdown.currentItem, 0, 0).x - (loader.width * 0.5)
                if((centerX + indicatorDropdown.width) > (mainWindow.width - ScreenTools.defaultFontPixelWidth)) {
                    centerX = mainWindow.width - indicatorDropdown.width - ScreenTools.defaultFontPixelWidth
                }
                indicatorDropdown.x = centerX
627 628 629 630 631 632 633 634 635 636 637 638
            }
        }
        onOpened: {
            loader.sourceComponent = indicatorDropdown.currentIndicator
        }
        onClosed: {
            loader.sourceComponent = null
            indicatorDropdown.currentIndicator = null
        }
    }

}