QGCView.qml 11.5 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 24 25 26 27 28 29 30 31 32 33 34 35 36
/*=====================================================================

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

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

/// @file
///     @author Don Gagne <don@thegagnes.com>

import QtQuick 2.3
import QtQuick.Controls 1.3
import QtQuick.Dialogs 1.2

import QGroundControl.Controls 1.0
import QGroundControl.Palette 1.0
import QGroundControl.ScreenTools 1.0
import QGroundControl.FactSystem 1.0
import QGroundControl.FactControls 1.0

Don Gagne's avatar
Don Gagne committed
37
FactPanel {
Don Gagne's avatar
Don Gagne committed
38 39
    id: __rootItem

40
    property var qgcView:               __rootItem  ///< Used by Fact controls for validation dialogs
Don Gagne's avatar
Don Gagne committed
41
    property bool completedSignalled:   false
42
    property real topDialogMargin:      0           ///< Set a top margin for dialog
Don Gagne's avatar
Don Gagne committed
43

44
    property var viewPanel
Don Gagne's avatar
Don Gagne committed
45

Don Gagne's avatar
Don Gagne committed
46 47 48 49 50
    /// This is signalled when the top level Item reaches Component.onCompleted. This allows
    /// the view subcomponent to connect to this signal and do work once the full ui is ready
    /// to go.
    signal completed

Don Gagne's avatar
Don Gagne committed
51
    function __setupDialogButtons(buttons) {
Don Gagne's avatar
Don Gagne committed
52 53 54
        __acceptButton.visible = false
        __rejectButton.visible = false

Don Gagne's avatar
Don Gagne committed
55
        // Accept role buttons
Don Gagne's avatar
Don Gagne committed
56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92
        if (buttons & StandardButton.Ok) {
            __acceptButton.text = "Ok"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Open) {
            __acceptButton.text = "Open"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Save) {
            __acceptButton.text = "Save"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Apply) {
            __acceptButton.text = "Apply"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Open) {
            __acceptButton.text = "Open"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.SaveAll) {
            __acceptButton.text = "Save All"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Yes) {
            __acceptButton.text = "Yes"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.YesToAll) {
            __acceptButton.text = "Yes to All"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Retry) {
            __acceptButton.text = "Retry"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Reset) {
            __acceptButton.text = "Reset"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.RestoreToDefaults) {
            __acceptButton.text = "Restore to Defaults"
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Ignore) {
            __acceptButton.text = "Ignore"
            __acceptButton.visible = true
        }
Don Gagne's avatar
Don Gagne committed
93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109

        // Reject role buttons
        if (buttons & StandardButton.Cancel) {
            __rejectButton.text = "Cancel"
            __rejectButton.visible = true
        } else if (buttons & StandardButton.Close) {
            __rejectButton.text = "Cancel"
            __rejectButton.visible = true
        } else if (buttons & StandardButton.No) {
            __rejectButton.text = "No"
            __rejectButton.visible = true
        } else if (buttons & StandardButton.NoToAll) {
            __rejectButton.text = "No to All"
            __rejectButton.visible = true
        } else if (buttons & StandardButton.Abort) {
            __rejectButton.text = "Abort"
            __rejectButton.visible = true
Don Gagne's avatar
Don Gagne committed
110 111 112
        } else if (buttons & StandardButton.Reset) {
            __rejectButton.text = "Reset"
            __rejectButton.visible = true
Don Gagne's avatar
Don Gagne committed
113
        }
Don Gagne's avatar
Don Gagne committed
114 115
    }

116 117 118 119 120 121
    function __stopAllAnimations() {
        if (__animateHideDialog.running) {
            __animateHideDialog.stop()
        }
    }

122 123 124 125 126 127
    function __checkForEarlyDialog() {
        if (!completedSignalled) {
            console.warn("showDialog|Message called before QGCView.completed signalled")
        }
    }

128 129 130 131 132
    /// Shows a QGCViewDialog component
    ///     @param compoent QGCViewDialog component
    ///     @param title Title for dialog
    ///     @param charWidth Width of dialog in characters (-1 for full parent width)
    ///     @param buttons Buttons to show in dialog using StandardButton enum
Don Gagne's avatar
Don Gagne committed
133
    function showDialog(component, title, charWidth, buttons) {
134 135 136 137
        if (__checkForEarlyDialog()) {
            return
        }

138 139
        __stopAllAnimations()

Don Gagne's avatar
Don Gagne committed
140 141 142 143
        __dialogCharWidth = charWidth
        __dialogTitle = title

        __setupDialogButtons(buttons)
Don Gagne's avatar
Don Gagne committed
144

Don Gagne's avatar
Don Gagne committed
145
        __dialogComponent = component
146
        viewPanel.enabled = false
Don Gagne's avatar
Don Gagne committed
147
        __dialogOverlay.visible = true
Don Gagne's avatar
Don Gagne committed
148 149

        __animateShowDialog.start()
Don Gagne's avatar
Don Gagne committed
150 151
    }

Don Gagne's avatar
Don Gagne committed
152
    function showMessage(title, message, buttons) {
153 154 155 156
        if (__checkForEarlyDialog()) {
            return
        }

157 158
        __stopAllAnimations()

Don Gagne's avatar
Don Gagne committed
159 160 161 162 163 164 165
        __dialogCharWidth = 50
        __dialogTitle = title
        __messageDialogText = message

        __setupDialogButtons(buttons)

        __dialogComponent = __messageDialog
166
        viewPanel.enabled = false
Don Gagne's avatar
Don Gagne committed
167
        __dialogOverlay.visible = true
Don Gagne's avatar
Don Gagne committed
168 169

        __animateShowDialog.start()
Don Gagne's avatar
Don Gagne committed
170 171
    }

Don Gagne's avatar
Don Gagne committed
172
    function hideDialog() {
173
        viewPanel.enabled = true
Don Gagne's avatar
Don Gagne committed
174
        __animateHideDialog.start()
Don Gagne's avatar
Don Gagne committed
175 176 177 178 179
    }

    QGCPalette { id: __qgcPal; colorGroupEnabled: true }
    QGCLabel { id: __textMeasure; text: "X"; visible: false }

Don Gagne's avatar
Don Gagne committed
180 181
    property real defaultTextHeight: __textMeasure.contentHeight
    property real defaultTextWidth:  __textMeasure.contentWidth
Don Gagne's avatar
Don Gagne committed
182 183 184 185 186 187 188

    /// The width of the dialog panel in characters
    property int __dialogCharWidth: 75

    /// The title for the dialog panel
    property string __dialogTitle

Don Gagne's avatar
Don Gagne committed
189 190
    property string __messageDialogText

Don Gagne's avatar
Don Gagne committed
191 192
    property Component __dialogComponent

Don Gagne's avatar
Don Gagne committed
193 194 195 196
    function __signalCompleted() {
        // When we use this control inside a QGCQmlWidgetHolder Component.onCompleted is signalled
        // before the width and height are adjusted. So we need to wait for width and heigth to be
        // set before we signal our own completed signal.
197 198
        if (!completedSignalled && width != 0 && height != 0) {
            completedSignalled = true
Don Gagne's avatar
Don Gagne committed
199 200 201 202 203 204 205
            completed()
        }
    }

    Component.onCompleted:  __signalCompleted()
    onWidthChanged:         __signalCompleted()
    onHeightChanged:        __signalCompleted()
Don Gagne's avatar
Don Gagne committed
206 207 208 209

    Connections {
        target: __dialogComponentLoader.item

Don Gagne's avatar
Don Gagne committed
210
        onHideDialog: __rootItem.hideDialog()
Don Gagne's avatar
Don Gagne committed
211 212 213 214 215 216 217 218
    }

    Item {
        id:             __dialogOverlay
        visible:        false
        anchors.fill:   parent
        z:              5000

Don Gagne's avatar
Don Gagne committed
219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268
        readonly property int __animationDuration: 200

        ParallelAnimation {
            id: __animateShowDialog


            NumberAnimation {
                target:     __transparentSection
                properties: "opacity"
                from:       0.0
                to:         0.8
                duration:   __dialogOverlay.__animationDuration
            }

            NumberAnimation {
                target:     __transparentSection
                properties: "width"
                from:       __dialogOverlay.width
                to:         __dialogOverlay.width - __dialogPanel.width
                duration:   __dialogOverlay.__animationDuration
            }
        }

        ParallelAnimation {
            id: __animateHideDialog

            NumberAnimation {
                target:     __transparentSection
                properties: "opacity"
                from:       0.8
                to:         0.0
                duration:   __dialogOverlay.__animationDuration
            }

            NumberAnimation {
                target:     __transparentSection
                properties: "width"
                from:       __dialogOverlay.width - __dialogPanel.width
                to:         __dialogOverlay.width
                duration:   __dialogOverlay.__animationDuration
            }

            onRunningChanged: {
                if (!running) {
                    __dialogComponent = null
                    __dialogOverlay.visible = false
                }
            }
        }

Don Gagne's avatar
Don Gagne committed
269 270
        // This covers the parent with an transparent section
        Rectangle {
Don Gagne's avatar
Don Gagne committed
271
            id:             __transparentSection
Don Gagne's avatar
Don Gagne committed
272 273 274
            anchors.top:    parent.top
            anchors.bottom: parent.bottom
            anchors.left:   parent.left
Don Gagne's avatar
Don Gagne committed
275 276
            width:          parent.width
            opacity:        0.0
Don Gagne's avatar
Don Gagne committed
277 278 279 280 281
            color:          __qgcPal.window
        }

        // This is the main dialog panel which is anchored to the right edge
        Rectangle {
282 283 284 285 286 287 288
            id:                 __dialogPanel
            width:              __dialogCharWidth == -1 ? parent.width : defaultTextWidth * __dialogCharWidth
            anchors.topMargin:  topDialogMargin
            anchors.top:        parent.top
            anchors.bottom:     parent.bottom
            anchors.left:       __transparentSection.right
            color:              __qgcPal.windowShadeDark
Don Gagne's avatar
Don Gagne committed
289 290 291 292 293 294 295 296 297 298 299 300

            Rectangle {
                id:     __header
                width:  parent.width
                height: __acceptButton.height
                color:  __qgcPal.windowShade

                function __hidePanel() {
                    __fullPanel.visible = false
                }

                QGCLabel {
Don Gagne's avatar
Don Gagne committed
301
                    x:                  defaultTextWidth
Don Gagne's avatar
Don Gagne committed
302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341
                    height:             parent.height
                    verticalAlignment:	Text.AlignVCenter
                    text:               __dialogTitle
                }

                QGCButton {
                    id:             __rejectButton
                    anchors.right:  __acceptButton.left
                    anchors.bottom: parent.bottom

                    onClicked: __dialogComponentLoader.item.reject()
                }

                QGCButton {
                    id:             __acceptButton
                    anchors.right:  parent.right
                    primary:        true

                    onClicked: __dialogComponentLoader.item.accept()
                }
            }

            Item {
                id:             __spacer
                width:          10
                height:         10
                anchors.top:    __header.bottom
            }

            Loader {
                id:                 __dialogComponentLoader
                anchors.margins:    5
                anchors.left:       parent.left
                anchors.right:      parent.right
                anchors.top:        __spacer.bottom
                anchors.bottom:     parent.bottom
                sourceComponent:    __dialogComponent
            }
        } // Rectangle - Dialog panel
    } // Item - Dialog overlay
Don Gagne's avatar
Don Gagne committed
342 343 344 345 346 347 348 349

    Component {
        id: __messageDialog

        QGCViewMessage {
            message: __messageDialogText
        }
    }
350
}