CustomCommandWidget.qml 4.78 KB
Newer Older
1 2 3 4 5 6 7 8
/****************************************************************************
 *
 *   (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.
 *
 ****************************************************************************/
Don Gagne's avatar
Don Gagne committed
9

10 11 12 13 14 15 16 17 18 19
import QtQuick                  2.3
import QtQuick.Controls         1.2
import QtQuick.Controls.Styles  1.4
import QtQuick.Dialogs          1.2

import QGroundControl               1.0
import QGroundControl.Palette       1.0
import QGroundControl.Controls      1.0
import QGroundControl.Controllers   1.0
import QGroundControl.ScreenTools   1.0
dogmaphobic's avatar
dogmaphobic committed
20 21

QGCView {
22 23
    id:         qgcView
    viewPanel:  panel
dogmaphobic's avatar
dogmaphobic committed
24

25 26
    property var    _activeVehicle: QGroundControl.multiVehicleManager.parameterReadyVehicleAvailable ? QGroundControl.multiVehicleManager.activeVehicle : null
    property real   _margins:       ScreenTools.defaultFontPixelHeight
27
    property string _noVehicleText: qsTr("No vehicle connected")
28 29 30 31 32 33 34 35 36 37
    property string _assignQmlFile: "<p>" +
        "You can create your own commands and parameter editing user interface in this widget. " +
        "You do this by providing your own Qml file. " +
        "This support is a work in progress and the details may change somewhat in the future. " +
        "By using this feature you are connecting directly to the internals of QGroundControl. " +
        "Doing so incorrectly may cause instability both in QGroundControl and/or your vehicle. " +
        "So make sure to test your changes thoroughly before using them in flight.</p>" +
        "<p>Click 'Load Custom Qml file' to provide your custom qml file.</p>" +
        "<p>Click 'Reset' to reset to none.</p>" +
        "<p>Example usage: <a href='https://dev.qgroundcontrol.com/en/tools/custom_command_widget.html'>https://dev.qgroundcontrol.com/en/tools/custom_command_widget.html</a></p>"
38

39
    QGCPalette { id: qgcPal; colorGroupEnabled: enabled }
40 41

    CustomCommandWidgetController {
42 43
        id:         controller
        factPanel:  panel
44 45 46

        onCustomQmlFileChanged: _updateLoader()
    }
dogmaphobic's avatar
dogmaphobic committed
47

48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
    Component.onCompleted: _updateLoader()

    on_ActiveVehicleChanged: _updateLoader()

    function _updateLoader() {
        loader.sourceComponent = undefined
        loader.visible = false
        textOutput.text = _noVehicleText
        if (_activeVehicle) {
            if (controller.customQmlFile == "") {
                textOutput.text = _assignQmlFile
            } else {
                loader.source = controller.customQmlFile
            }
        }
    }
dogmaphobic's avatar
dogmaphobic committed
64 65

    QGCViewPanel {
66 67
        id:             panel
        anchors.fill:   parent
68

dogmaphobic's avatar
dogmaphobic committed
69
        Rectangle {
70 71
            anchors.fill:   parent
            color:          qgcPal.window
72

dogmaphobic's avatar
dogmaphobic committed
73
            Loader {
74 75 76 77 78 79 80
                id:                 loader
                anchors.margins:    _margins
                anchors.left:       parent.left
                anchors.right:      parent.right
                anchors.top:        parent.top
                anchors.bottom:     buttonRow.top
                visible:            false
81

dogmaphobic's avatar
dogmaphobic committed
82 83
                onStatusChanged: {
                    if (loader.status == Loader.Error) {
84 85 86
                        textOutput.text = sourceComponent.errorString()
                    } else if (loader.status == Loader.Ready) {
                        loader.visible = true
Don Gagne's avatar
Don Gagne committed
87 88 89
                    }
                }
            }
mak's avatar
mak committed
90 91
            QGCFlickable {
                id: container
92 93
                anchors.fill:       loader
                contentHeight:      textOutput.height
94
                flickableDirection: QGCFlickable.VerticalFlick
95
                visible:            !loader.visible
mak's avatar
mak committed
96
                QGCLabel {
97 98 99 100 101
                    id:                 textOutput
                    width:              container.width
                    wrapMode:           Text.WordWrap
                    textFormat:         Text.RichText
                    onLinkActivated:    Qt.openUrlExternally(link)
102
                }
103
            }
Don Gagne's avatar
Don Gagne committed
104
            Row {
105 106 107 108
                id:                 buttonRow
                spacing:            ScreenTools.defaultFontPixelWidth
                anchors.margins:    _margins
                anchors.bottom:     parent.bottom
dogmaphobic's avatar
dogmaphobic committed
109
                anchors.horizontalCenter: parent.horizontalCenter
110

Don Gagne's avatar
Don Gagne committed
111
                QGCButton {
112 113 114
                    text:       qsTr("Load Custom Qml file...")
                    width:      ScreenTools.defaultFontPixelWidth * 22
                    onClicked:  controller.selectQmlFile()
Don Gagne's avatar
Don Gagne committed
115
                }
116

Don Gagne's avatar
Don Gagne committed
117
                QGCButton {
118 119 120
                    text:       qsTr("Reset")
                    width:      ScreenTools.defaultFontPixelWidth * 22
                    onClicked:  controller.clearQmlFile()
Don Gagne's avatar
Don Gagne committed
121 122
                }
            }
123

Don Gagne's avatar
Don Gagne committed
124
        }
125
    }
Don Gagne's avatar
Don Gagne committed
126
}