QGCView.qml 12.3 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
        if (buttons & StandardButton.Ok) {
57
            __acceptButton.text = qsTr("Ok")
Don Gagne's avatar
Don Gagne committed
58 59
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Open) {
60
            __acceptButton.text = qsTr("Open")
Don Gagne's avatar
Don Gagne committed
61 62
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Save) {
63
            __acceptButton.text = qsTr("Save")
Don Gagne's avatar
Don Gagne committed
64 65
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Apply) {
66
            __acceptButton.text = qsTr("Apply")
Don Gagne's avatar
Don Gagne committed
67 68
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Open) {
69
            __acceptButton.text = qsTr("Open")
Don Gagne's avatar
Don Gagne committed
70 71
            __acceptButton.visible = true
        } else if (buttons & StandardButton.SaveAll) {
72
            __acceptButton.text = qsTr("Save All")
Don Gagne's avatar
Don Gagne committed
73 74
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Yes) {
75
            __acceptButton.text = qsTr("Yes")
Don Gagne's avatar
Don Gagne committed
76 77
            __acceptButton.visible = true
        } else if (buttons & StandardButton.YesToAll) {
78
            __acceptButton.text = qsTr("Yes to All")
Don Gagne's avatar
Don Gagne committed
79 80
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Retry) {
81
            __acceptButton.text = qsTr("Retry")
Don Gagne's avatar
Don Gagne committed
82 83
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Reset) {
84
            __acceptButton.text = qsTr("Reset")
Don Gagne's avatar
Don Gagne committed
85 86
            __acceptButton.visible = true
        } else if (buttons & StandardButton.RestoreToDefaults) {
87
            __acceptButton.text = qsTr("Restore to Defaults")
Don Gagne's avatar
Don Gagne committed
88 89
            __acceptButton.visible = true
        } else if (buttons & StandardButton.Ignore) {
90
            __acceptButton.text = qsTr("Ignore")
Don Gagne's avatar
Don Gagne committed
91 92
            __acceptButton.visible = true
        }
Don Gagne's avatar
Don Gagne committed
93 94 95

        // Reject role buttons
        if (buttons & StandardButton.Cancel) {
96
            __rejectButton.text = qsTr("Cancel")
Don Gagne's avatar
Don Gagne committed
97 98
            __rejectButton.visible = true
        } else if (buttons & StandardButton.Close) {
99
            __rejectButton.text = qsTr("Close")
Don Gagne's avatar
Don Gagne committed
100 101
            __rejectButton.visible = true
        } else if (buttons & StandardButton.No) {
102
            __rejectButton.text = qsTr("No")
Don Gagne's avatar
Don Gagne committed
103 104
            __rejectButton.visible = true
        } else if (buttons & StandardButton.NoToAll) {
105
            __rejectButton.text = qsTr("No to All")
Don Gagne's avatar
Don Gagne committed
106 107
            __rejectButton.visible = true
        } else if (buttons & StandardButton.Abort) {
108
            __rejectButton.text = qsTr("Abort")
Don Gagne's avatar
Don Gagne committed
109
            __rejectButton.visible = true
Don Gagne's avatar
Don Gagne committed
110
        } else if (buttons & StandardButton.Reset) {
111
            __rejectButton.text = qsTr("Reset")
Don Gagne's avatar
Don Gagne committed
112
            __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()
        }
    }

Don Gagne's avatar
Don Gagne committed
122
    function __checkForEarlyDialog(title) {
123
        if (!completedSignalled) {
124
            console.warn(qsTr("showDialog|Message called before QGCView.completed signalled"), title)
125 126 127
        }
    }

128 129 130
    /// Shows a QGCViewDialog component
    ///     @param compoent QGCViewDialog component
    ///     @param title Title for dialog
131
    ///     @param charWidth Width of dialog in characters
132
    ///     @param buttons Buttons to show in dialog using StandardButton enum
133 134 135 136

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

137
    function showDialog(component, title, charWidth, buttons) {
Don Gagne's avatar
Don Gagne committed
138
        if (__checkForEarlyDialog(title)) {
139 140 141
            return
        }

142 143
        __stopAllAnimations()

Don Gagne's avatar
Don Gagne committed
144 145 146 147
        __dialogCharWidth = charWidth
        __dialogTitle = title

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

Don Gagne's avatar
Don Gagne committed
149
        __dialogComponent = component
150
        viewPanel.enabled = false
Don Gagne's avatar
Don Gagne committed
151
        __dialogOverlay.visible = true
Don Gagne's avatar
Don Gagne committed
152

153
        //__dialogComponentLoader.item.forceActiveFocus()
154

Don Gagne's avatar
Don Gagne committed
155
        __animateShowDialog.start()
Don Gagne's avatar
Don Gagne committed
156 157
    }

Don Gagne's avatar
Don Gagne committed
158
    function showMessage(title, message, buttons) {
Don Gagne's avatar
Don Gagne committed
159
        if (__checkForEarlyDialog(title)) {
160 161 162
            return
        }

163 164
        __stopAllAnimations()

165
        __dialogCharWidth = showDialogDefaultWidth
Don Gagne's avatar
Don Gagne committed
166 167 168 169 170 171
        __dialogTitle = title
        __messageDialogText = message

        __setupDialogButtons(buttons)

        __dialogComponent = __messageDialog
172
        viewPanel.enabled = false
Don Gagne's avatar
Don Gagne committed
173
        __dialogOverlay.visible = true
Don Gagne's avatar
Don Gagne committed
174

175 176
        __dialogComponentLoader.item.forceActiveFocus()

Don Gagne's avatar
Don Gagne committed
177
        __animateShowDialog.start()
Don Gagne's avatar
Don Gagne committed
178 179
    }

Don Gagne's avatar
Don Gagne committed
180
    function hideDialog() {
181
        //__dialogComponentLoader.item.focus = false
182
        viewPanel.enabled = true
Don Gagne's avatar
Don Gagne committed
183
        __animateHideDialog.start()
Don Gagne's avatar
Don Gagne committed
184 185 186 187 188
    }

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

Don Gagne's avatar
Don Gagne committed
189 190
    property real defaultTextHeight: __textMeasure.contentHeight
    property real defaultTextWidth:  __textMeasure.contentWidth
Don Gagne's avatar
Don Gagne committed
191 192 193 194 195 196 197

    /// 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
198 199
    property string __messageDialogText

Don Gagne's avatar
Don Gagne committed
200 201
    property Component __dialogComponent

Don Gagne's avatar
Don Gagne committed
202 203 204 205
    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.
206 207
        if (!completedSignalled && width != 0 && height != 0) {
            completedSignalled = true
Don Gagne's avatar
Don Gagne committed
208 209 210 211 212 213 214
            completed()
        }
    }

    Component.onCompleted:  __signalCompleted()
    onWidthChanged:         __signalCompleted()
    onHeightChanged:        __signalCompleted()
Don Gagne's avatar
Don Gagne committed
215 216 217 218

    Connections {
        target: __dialogComponentLoader.item

Don Gagne's avatar
Don Gagne committed
219
        onHideDialog: __rootItem.hideDialog()
Don Gagne's avatar
Don Gagne committed
220 221 222 223 224 225 226 227
    }

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

Don Gagne's avatar
Don Gagne committed
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 269 270 271 272 273 274 275 276 277
        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
278 279
        // This covers the parent with an transparent section
        Rectangle {
Don Gagne's avatar
Don Gagne committed
280
            id:             __transparentSection
281
            height:         ScreenTools.availableHeight ? ScreenTools.availableHeight : parent.height
Don Gagne's avatar
Don Gagne committed
282 283
            anchors.bottom: parent.bottom
            anchors.left:   parent.left
Don Gagne's avatar
Don Gagne committed
284
            anchors.right:  __dialogPanel.left
Don Gagne's avatar
Don Gagne committed
285
            opacity:        0.0
Don Gagne's avatar
Don Gagne committed
286 287 288 289 290
            color:          __qgcPal.window
        }

        // This is the main dialog panel which is anchored to the right edge
        Rectangle {
291
            id:                 __dialogPanel
292
            width:              __dialogCharWidth == showDialogFullWidth ? parent.width : defaultTextWidth * __dialogCharWidth
293
            anchors.topMargin:  topDialogMargin
294
            height:             ScreenTools.availableHeight ? ScreenTools.availableHeight : parent.height
295
            anchors.bottom:     parent.bottom
296
            anchors.right:      parent.right
297
            color:              __qgcPal.windowShadeDark
Don Gagne's avatar
Don Gagne committed
298 299 300 301 302 303 304 305 306 307 308 309

            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
310
                    x:                  defaultTextWidth
Don Gagne's avatar
Don Gagne committed
311 312 313 314 315 316 317
                    height:             parent.height
                    verticalAlignment:	Text.AlignVCenter
                    text:               __dialogTitle
                }

                QGCButton {
                    id:             __rejectButton
Don Gagne's avatar
Don Gagne committed
318
                    anchors.right:  __acceptButton.visible ?  __acceptButton.left : parent.right
Don Gagne's avatar
Don Gagne committed
319 320 321 322 323 324 325 326 327 328
                    anchors.bottom: parent.bottom

                    onClicked: __dialogComponentLoader.item.reject()
                }

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

329 330 331
                    onClicked: {
                       __dialogComponentLoader.item.accept()
                    }
Don Gagne's avatar
Don Gagne committed
332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349
                }
            }

            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
350 351 352

                property bool acceptAllowed: __acceptButton.visible
                property bool rejectAllowed: __rejectButton.visible
Don Gagne's avatar
Don Gagne committed
353 354 355
            }
        } // Rectangle - Dialog panel
    } // Item - Dialog overlay
Don Gagne's avatar
Don Gagne committed
356 357 358 359 360 361 362 363

    Component {
        id: __messageDialog

        QGCViewMessage {
            message: __messageDialogText
        }
    }
364
}