MainRootWindow.qml 23.6 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 32 33
    Component.onCompleted: {
        if(ScreenTools.isMobile) {
            mainWindow.showFullScreen()
Gus Grubba's avatar
Gus Grubba committed
34 35 36
        } 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)
37 38 39
        }
    }

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

44 45 46
    //-------------------------------------------------------------------------
    //-- Global Scope Variables

Gus Grubba's avatar
Gus Grubba committed
47 48 49 50 51
    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

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

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

    QGCPalette { id: qgcPal; colorGroupEnabled: true }

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

    signal armVehicle
    signal disarmVehicle
    signal vtolTransitionToFwdFlight
    signal vtolTransitionToMRFlight

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

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

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

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

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

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

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

    //-------------------------------------------------------------------------
    //-- 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

134 135
    /// Shows a QGCViewDialogContainer based dialog
    ///     @param component The dialog contents
136 137 138 139 140 141 142
    ///     @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

143
    function showComponentDialog(component, title, charWidth, buttons) {
144 145 146 147 148 149
        var dialogWidth = charWidth === showDialogFullWidth ? mainWindow.width : ScreenTools.defaultFontPixelWidth * charWidth
        mainWindowDialog.width = dialogWidth
        mainWindowDialog.dialogComponent = component
        mainWindowDialog.dialogTitle = title
        mainWindowDialog.dialogButtons = buttons
        mainWindowDialog.open()
150 151 152 153
        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;
        }
154 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 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232
    }

    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() {
        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()
        }
    }

    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
233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250
    //-- 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() {
251
            if (planMasterControllerPlan && planMasterControllerPlan.dirty) {
Gus Grubba's avatar
Gus Grubba committed
252 253 254 255 256 257 258 259 260
                unsavedMissionCloseDialog.open()
            } else {
                activeConnectionsCloseDialog.check()
            }
        }
    }

    //-------------------------------------------------------------------------
    //-- Main, full window background (Fly View)
261 262 263 264 265 266
    background: Item {
        id:             rootBackground
        anchors.fill:   parent
    }

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

293 294 295 296 297 298 299 300 301 302 303 304 305 306
    //-------------------------------------------------------------------------
    //-- 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
        }
    }

307 308 309
    //-------------------------------------------------------------------------
    //-- Plan View
    Loader {
310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331
        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"
332 333
    }

334
    //-------------------------------------------------------------------------
335
    //-- Analyze
336
    Loader {
337
        id:             analyzeWindow
338
        anchors.fill:   parent
339 340
        visible:        false
        source:         "AnalyzeView.qml"
341 342 343
    }

    //-------------------------------------------------------------------------
Gus Grubba's avatar
Gus Grubba committed
344
    //-- Loader helper for any child, no matter how deep, to display elements
345
    //   on top of the main window.
346
    //   This is DEPRECATED. Use Popup instead.
347
    Loader {
Gus Grubba's avatar
Gus Grubba committed
348
        id: rootLoader
349 350 351 352
        anchors.centerIn: parent
    }

    //-------------------------------------------------------------------------
353
    //-- Vehicle Messages
354 355 356 357 358 359 360 361

    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;
    }

362 363
    function showVehicleMessages() {
        if(!vehicleMessageArea.visible) {
364 365 366 367 368 369 370 371 372
            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")
            }
373
            vehicleMessageArea.open()
374 375 376 377
        }
    }

    onFormatedMessageChanged: {
378
        if(vehicleMessageArea.visible) {
379 380 381 382 383 384 385
            messageText.append(formatMessage(formatedMessage))
            //-- Hack to scroll down
            messageFlick.flick(0,-500)
        }
    }

    Popup {
386
        id:                 vehicleMessageArea
387 388 389 390
        width:              mainWindow.width  * 0.666
        height:             mainWindow.height * 0.666
        modal:              true
        focus:              true
Gus Grubba's avatar
Gus Grubba committed
391 392
        x:                  Math.round((mainWindow.width  - width)  * 0.5)
        y:                  Math.round((mainWindow.height - height) * 0.5)
393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414
        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
            }
        }
415
        //-- Dismiss Vehicle Messages
416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431
        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: {
432
                    vehicleMessageArea.close()
433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453
                }
            }
        }
        //-- 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();
454
                        vehicleMessageArea.close()
455 456 457 458 459 460 461
                    }
                }
            }
        }
    }

    //-------------------------------------------------------------------------
462
    //-- System Messages
463 464

    property var    _messageQueue:      []
Gus Grubba's avatar
Gus Grubba committed
465
    property string _systemMessage:     ""
466 467

    function showMessage(message) {
468 469
        vehicleMessageArea.close()
        if(systemMessageArea.visible || QGroundControl.videoManager.fullScreen) {
470 471
            _messageQueue.push(message)
        } else {
472 473
            _systemMessage = message
            systemMessageArea.open()
474 475 476 477 478 479 480 481 482 483 484 485
        }
    }

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

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

    Popup {
486
        id:                 systemMessageArea
487
        y:                  ScreenTools.defaultFontPixelHeight
Gus Grubba's avatar
Gus Grubba committed
488
        x:                  Math.round((mainWindow.width - width) * 0.5)
489
        width:              mainWindow.width  * 0.55
Gus Grubba's avatar
Gus Grubba committed
490
        height:             ScreenTools.defaultFontPixelHeight * 6
491 492 493 494 495 496 497 498 499 500 501 502 503
        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: {
504
            systemMessageText.text = mainWindow._systemMessage
505 506 507 508 509
        }

        onClosed: {
            //-- Are there messages in the waiting queue?
            if(mainWindow._messageQueue.length) {
510
                mainWindow._systemMessage = ""
511 512 513
                //-- 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
514 515
                    if(i) mainWindow._systemMessage += "<br>"
                    mainWindow._systemMessage += text
516 517 518
                }
                //-- Clear it
                mainWindow._messageQueue = []
519
                systemMessageArea.open()
520
            } else {
521
                mainWindow._systemMessage = ""
522 523 524 525
            }
        }

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

        //-- Dismiss Critical Message
        QGCColoredImage {
549
            id:                 systemMessageClose
550 551 552 553 554 555 556 557 558 559 560
            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
561
                anchors.margins:    -ScreenTools.defaultFontPixelHeight
562
                onClicked: {
563
                    systemMessageArea.close()
564 565 566 567 568 569 570 571 572 573 574 575 576 577
                }
            }
        }

        //-- 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
578
            visible:            systemMessageText.lineCount > 5
579 580 581 582
            color:              qgcPal.alertText
            MouseArea {
                anchors.fill:   parent
                onClicked: {
583
                    systemMessageFlick.flick(0,-500)
584 585 586 587 588 589 590 591
                }
            }
        }
    }

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

592
    function showPopUp(item, dropItem) {
593
        indicatorDropdown.currentIndicator = dropItem
594
        indicatorDropdown.currentItem = item
595 596 597 598 599 600 601 602 603
        indicatorDropdown.open()
    }

    Popup {
        id:             indicatorDropdown
        y:              ScreenTools.defaultFontPixelHeight
        modal:          true
        focus:          true
        closePolicy:    Popup.CloseOnEscape | Popup.CloseOnPressOutside
604 605
        property var    currentItem:        null
        property var    currentIndicator:   null
606 607 608 609 610 611 612 613
        background: Rectangle {
            width:  loader.width
            height: loader.height
            color:  Qt.rgba(0,0,0,0)
        }
        Loader {
            id:             loader
            onLoaded: {
614 615 616 617 618
                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
619 620 621 622 623 624 625 626 627 628 629 630
            }
        }
        onOpened: {
            loader.sourceComponent = indicatorDropdown.currentIndicator
        }
        onClosed: {
            loader.sourceComponent = null
            indicatorDropdown.currentIndicator = null
        }
    }

}