ValuePageWidget.qml 11.1 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.
 *
 ****************************************************************************/
9

10
import QtQuick          2.3
11
import QtQuick.Dialogs  1.2
12
import QtQuick.Layouts  1.2
13 14 15 16

import QGroundControl.Controls      1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.FactSystem    1.0
17
import QGroundControl.FactControls  1.0
18 19 20 21
import QGroundControl.Controllers   1.0
import QGroundControl.Palette       1.0
import QGroundControl               1.0

22 23 24 25 26
/// Value page for InstrumentPanel PageView
Column {
    id:         _largeColumn
    width:      pageWidth
    spacing:    _margins
27

28
    property bool showSettingsIcon: true
29

30
    property var    _activeVehicle: QGroundControl.multiVehicleManager.activeVehicle ? QGroundControl.multiVehicleManager.activeVehicle : QGroundControl.multiVehicleManager.offlineEditingVehicle
31 32 33 34 35 36 37 38
    property real   _margins:       ScreenTools.defaultFontPixelWidth / 2

    QGCPalette { id:qgcPal; colorGroupEnabled: true }

    ValuesWidgetController {
        id: controller
    }

39
    function showSettings() {
40
        mainWindow.showComponentDialog(propertyPicker, qsTr("Value Widget Setup"), mainWindow.showDialogDefaultWidth, StandardButton.Ok)
41 42
    }

43 44 45 46 47 48 49 50 51
    function listContains(list, value) {
        for (var i=0; i<list.length; i++) {
            if (list[i] === value) {
                return true
            }
        }
        return false
    }

52 53 54 55 56 57 58
    Repeater {
        model: _activeVehicle ? controller.largeValues : 0
        Loader {
            sourceComponent: fact ? largeValue : undefined
            property Fact fact: _activeVehicle.getFact(modelData.replace("Vehicle.", ""))
        }
    } // Repeater - Large
59

60 61 62 63 64
    Flow {
        id:                 _smallFlow
        width:              parent.width
        layoutDirection:    Qt.LeftToRight
        spacing:            _margins
65 66

        Repeater {
67
            model: _activeVehicle ? controller.smallValues : 0
68
            Loader {
69
                sourceComponent: fact ? smallValue : undefined
70 71
                property Fact fact: _activeVehicle.getFact(modelData.replace("Vehicle.", ""))
            }
72 73
        } // Repeater - Small
    } // Flow
74

75 76 77 78 79
    Component {
        id: largeValue

        Column {
            width:  _largeColumn.width
80
            property bool largeValue: listContains(controller.altitudeProperties, fact.name)
81 82 83 84

            QGCLabel {
                width:                  parent.width
                horizontalAlignment:    Text.AlignHCenter
85
                wrapMode:               Text.WordWrap
86 87 88 89 90 91 92 93
                text:                   fact.shortDescription + (fact.units ? " (" + fact.units + ")" : "")
            }
            QGCLabel {
                width:                  parent.width
                horizontalAlignment:    Text.AlignHCenter
                font.pointSize:         ScreenTools.mediumFontPointSize * (largeValue ? 1.3 : 1.0)
                font.family:            largeValue ? ScreenTools.demiboldFontFamily : ScreenTools.normalFontFamily
                fontSizeMode:           Text.HorizontalFit
94
                text:                   fact.enumOrValueString
95 96 97 98 99 100 101 102
            }
        }
    }

    Component {
        id: smallValue

        Column {
103
            width:  (pageWidth / 2) - (_margins / 2) - 0.1
104 105 106 107
            clip:   true

            QGCLabel {
                width:                  parent.width
108
                wrapMode:               Text.WordWrap
109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128
                horizontalAlignment:    Text.AlignHCenter
                font.pointSize:         ScreenTools.isTinyScreen ? ScreenTools.smallFontPointSize * 0.75 : ScreenTools.smallFontPointSize
                text:                   fact.shortDescription
            }
            QGCLabel {
                width:                  parent.width
                horizontalAlignment:    Text.AlignHCenter
                fontSizeMode:           Text.HorizontalFit
                text:                   fact.enumOrValueString
            }
            QGCLabel {
                width:                  parent.width
                horizontalAlignment:    Text.AlignHCenter
                font.pointSize:         ScreenTools.isTinyScreen ? ScreenTools.smallFontPointSize * 0.75 : ScreenTools.smallFontPointSize
                fontSizeMode:           Text.HorizontalFit
                text:                   fact.units
            }
        }
    }

129 130 131 132 133 134
    Component {
        id: propertyPicker

        QGCViewDialog {
            id: _propertyPickerDialog

135 136
            QGCFlickable {
                anchors.fill:       parent
DonLakeFlyer's avatar
DonLakeFlyer committed
137
                contentHeight:      column.height
138
                flickableDirection: Flickable.VerticalFlick
Don Gagne's avatar
Don Gagne committed
139
                clip:               true
140

141 142 143 144 145 146
                Column {
                    id:             column
                    anchors.left:   parent.left
                    anchors.right:  parent.right
                    spacing:        _margins

Don Gagne's avatar
Don Gagne committed
147 148
                    /*
                      Leaving this here for now just in case
149 150 151 152 153 154 155
                    FactCheckBox {
                        text:       qsTr("Show large compass")
                        fact:       _showLargeCompass
                        visible:    _showLargeCompass.visible

                        property Fact _showLargeCompass: QGroundControl.settingsManager.appSettings.showLargeCompass
                    }
Don Gagne's avatar
Don Gagne committed
156
                    */
157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175

                    Item {
                        width:  1
                        height: _margins
                    }

                    QGCLabel {
                        id:     _label
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        wrapMode:       Text.WordWrap
                        text:   qsTr("Select the values you want to display:")
                    }

                    Loader {
                        anchors.left:       parent.left
                        anchors.right:      parent.right
                        sourceComponent:    factGroupList

176
                        property var    factGroup:     _activeVehicle
177
                        property string factGroupName: "Vehicle"
DonLakeFlyer's avatar
DonLakeFlyer committed
178 179 180 181 182 183 184 185 186 187 188 189 190 191
                    }

                    Repeater {
                        model: _activeVehicle.factGroupNames

                        Loader {
                            anchors.left:       parent.left
                            anchors.right:      parent.right
                            sourceComponent:    factGroupList

                            property var    factGroup:     _activeVehicle.getFactGroup(modelData)
                            property string factGroupName: modelData
                        }

192
                    }
193
                }
194 195 196 197 198 199 200 201 202 203 204 205 206 207
            }
        }
    }

    Component {
        id: factGroupList

        // You must push in the following properties from the Loader
        // property var factGroup
        // property string factGroupName

        Column {
            spacing:    _margins

DonLakeFlyer's avatar
DonLakeFlyer committed
208 209 210 211 212 213
            SectionHeader {
                id:             header
                anchors.left:   parent.left
                anchors.right:  parent.right
                text:           factGroupName.charAt(0).toUpperCase() + factGroupName.slice(1)
                checked:        false
214 215
            }

DonLakeFlyer's avatar
DonLakeFlyer committed
216 217 218 219 220 221
            Column {
                spacing:    _margins
                visible:    header.checked

                Repeater {
                    model: factGroup ? factGroup.factNames : 0
222

DonLakeFlyer's avatar
DonLakeFlyer committed
223 224
                    RowLayout {
                        spacing: _margins
225
                        visible: factGroup.getFact(modelData).shortDescription !== ""
226

DonLakeFlyer's avatar
DonLakeFlyer committed
227
                        property string propertyName: factGroupName + "." + modelData
228

DonLakeFlyer's avatar
DonLakeFlyer committed
229 230 231 232 233 234
                        function removeFromList(list, value) {
                            var newList = []
                            for (var i=0; i<list.length; i++) {
                                if (list[i] !== value) {
                                    newList.push(list[i])
                                }
235
                            }
DonLakeFlyer's avatar
DonLakeFlyer committed
236
                            return newList
237 238
                        }

DonLakeFlyer's avatar
DonLakeFlyer committed
239 240 241 242 243 244 245
                        function addToList(list, value) {
                            var found = false
                            for (var i=0; i<list.length; i++) {
                                if (list[i] === value) {
                                    found = true
                                    break
                                }
246
                            }
DonLakeFlyer's avatar
DonLakeFlyer committed
247 248 249 250
                            if (!found) {
                                list.push(value)
                            }
                            return list
251 252
                        }

DonLakeFlyer's avatar
DonLakeFlyer committed
253 254 255 256 257 258 259 260 261
                        function updateValues() {
                            if (_addCheckBox.checked) {
                                if (_largeCheckBox.checked) {
                                    controller.largeValues = addToList(controller.largeValues, propertyName)
                                    controller.smallValues = removeFromList(controller.smallValues, propertyName)
                                } else {
                                    controller.smallValues = addToList(controller.smallValues, propertyName)
                                    controller.largeValues = removeFromList(controller.largeValues, propertyName)
                                }
262 263
                            } else {
                                controller.largeValues = removeFromList(controller.largeValues, propertyName)
DonLakeFlyer's avatar
DonLakeFlyer committed
264
                                controller.smallValues = removeFromList(controller.smallValues, propertyName)
265 266 267
                            }
                        }

DonLakeFlyer's avatar
DonLakeFlyer committed
268 269 270 271 272 273 274 275 276 277 278 279 280 281
                        QGCCheckBox {
                            id:                     _addCheckBox
                            text:                   factGroup.getFact(modelData).shortDescription
                            checked:                listContains(controller.smallValues, propertyName) || _largeCheckBox.checked
                            onClicked:              updateValues()
                            Layout.fillWidth:       true
                            Layout.minimumWidth:    ScreenTools.defaultFontPixelWidth * 20

                            Component.onCompleted: {
                                if (checked) {
                                    header.checked = true
                                }
                            }
                        }
282

DonLakeFlyer's avatar
DonLakeFlyer committed
283 284 285 286 287 288 289
                        QGCCheckBox {
                            id:                     _largeCheckBox
                            text:                   qsTr("Large")
                            checked:                listContains(controller.largeValues, propertyName)
                            enabled:                _addCheckBox.checked
                            onClicked:              updateValues()
                        }
290 291 292 293 294 295
                    }
                }
            }
        }
    }
}