QGCFileDialog.qml 9.53 KB
Newer Older
1 2 3
import QtQuick          2.3
import QtQuick.Controls 1.2
import QtQuick.Dialogs  1.2
4
import QtQuick.Layouts  1.2
5 6 7 8 9 10 11 12 13 14 15 16 17

import QGroundControl               1.0
import QGroundControl.ScreenTools   1.0
import QGroundControl.Palette       1.0
import QGroundControl.Controllers   1.0

/// This control is meant to be a direct replacement for the standard Qml FileDialog control.
/// It differs for mobile builds which uses a completely custom file picker.
Item {
    id:         _root
    visible:    false

    property var    qgcView
18
    property string folder              // Due to Qt bug with file url parsing this must be an absolute path
19
    property var    nameFilters
20 21
    property string fileExtension       // Primary file extension to search for
    property string fileExtension2: ""  // Secondary file extension to search for
22 23 24 25
    property string title
    property bool   selectExisting
    property bool   selectFolder

26 27
    property bool   _openForLoad:   true
    property real   _margins:       ScreenTools.defaultFontPixelHeight / 2
28
    property bool   _mobileDlg:     QGroundControl.corePlugin.options.useMobileFileDialog
29
    property var    _rgExtensions
30

31 32 33 34 35 36 37
    Component.onCompleted: setupFileExtensions()

    onFileExtensionChanged: setupFileExtensions()
    onFileExtension2Changed: setupFileExtensions()

    function setupFileExtensions() {
        if (fileExtension2 == "") {
38 39 40 41 42
            _rgExtensions = [ fileExtension ]
        } else {
            _rgExtensions = [ fileExtension, fileExtension2 ]
        }
    }
43 44 45

    function openForLoad() {
        _openForLoad = true
46
        if (_mobileDlg && folder.length !== 0) {
47 48 49 50 51 52 53 54
            qgcView.showDialog(mobileFileOpenDialog, title, qgcView.showDialogDefaultWidth, StandardButton.Cancel)
        } else {
            fullFileDialog.open()
        }
    }

    function openForSave() {
        _openForLoad = false
55
        if (_mobileDlg && folder.length !== 0) {
56 57 58 59 60 61 62 63 64 65 66 67 68 69
            qgcView.showDialog(mobileFileSaveDialog, title, qgcView.showDialogDefaultWidth, StandardButton.Cancel | StandardButton.Ok)
        } else {
            fullFileDialog.open()
        }
    }

    function close() {
        fullFileDialog.close()
    }

    signal acceptedForLoad(string file)
    signal acceptedForSave(string file)
    signal rejected

70
    QGCFileDialogController { id: controller }
71 72
    QGCPalette { id: qgcPal; colorGroupEnabled: true }

73 74 75 76
    // On Qt 5.9 android versions there is the following bug: https://bugreports.qt.io/browse/QTBUG-61424
    // This prevents FileDialog from being used. So we have a temp hack workaround for it which just no-ops
    // the FileDialog fallback mechanism on android 5.9 builds.
    HackFileDialog {
77
        id:             fullFileDialog
78
        folder:         "file:///" + _root.folder
79
        nameFilters:    _root.nameFilters ? _root.nameFilters : []
80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98
        title:          _root.title
        selectExisting: _root.selectExisting
        selectMultiple: false
        selectFolder:   _root.selectFolder

        onAccepted: {
            if (_openForLoad) {
                _root.acceptedForLoad(controller.urlToLocalFile(fileUrl))
            } else {
                _root.acceptedForSave(controller.urlToLocalFile(fileUrl))
            }
        }
        onRejected: _root.rejected()
    }

    Component {
        id: mobileFileOpenDialog

        QGCViewDialog {
99 100 101 102 103 104 105 106 107 108 109
            QGCFlickable {
                anchors.fill:   parent
                contentHeight:  fileOpenColumn.height

                Column {
                    id:             fileOpenColumn
                    anchors.left:   parent.left
                    anchors.right:  parent.right
                    spacing:        ScreenTools.defaultFontPixelHeight / 2

                    Repeater {
110
                        id:     fileList
111
                        model:  controller.getFiles(folder, _rgExtensions)
112

113 114
                        FileButton {
                            id:             fileButton
115 116 117 118 119 120 121 122
                            anchors.left:   parent.left
                            anchors.right:  parent.right
                            text:           modelData

                            onClicked: {
                                hideDialog()
                                _root.acceptedForLoad(controller.fullyQualifiedFilename(folder, modelData, fileExtension))
                            }
123

124 125 126 127 128
                            onHamburgerClicked: {
                                highlight = true
                                hamburgerMenu.fileToDelete = controller.fullyQualifiedFilename(folder, modelData, fileExtension)
                                hamburgerMenu.popup()
                            }
129

130 131
                            Menu {
                                id: hamburgerMenu
132

133 134
                                property string fileToDelete

135
                                onAboutToHide: fileButton.highlight = false
136 137 138 139 140

                                MenuItem {
                                    text:           qsTr("Delete")
                                    onTriggered:    controller.deleteFile(hamburgerMenu.fileToDelete);
                                }
141 142 143 144
                            }
                        }
                    }

145 146
                    QGCLabel {
                        text:       qsTr("No files")
147
                        visible:    fileList.model.length === 0
148
                    }
149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171
                }
            }
        }
    }

    Component {
        id: mobileFileSaveDialog

        QGCViewDialog {
            function accept() {
                if (filenameTextField.text == "") {
                    return
                }
                if (!replaceMessage.visible) {
                    if (controller.fileExists(controller.fullyQualifiedFilename(folder, filenameTextField.text, fileExtension))) {
                        replaceMessage.visible = true
                        return
                    }
                }
                _root.acceptedForSave(controller.fullyQualifiedFilename(folder, filenameTextField.text, fileExtension))
                hideDialog()
            }

172 173 174
            QGCFlickable {
                anchors.fill:   parent
                contentHeight:  fileSaveColumn.height
175

176 177
                Column {
                    id:             fileSaveColumn
178 179
                    anchors.left:   parent.left
                    anchors.right:  parent.right
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
                    spacing:        ScreenTools.defaultFontPixelHeight / 2

                    RowLayout {
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        spacing:        ScreenTools.defaultFontPixelWidth

                        QGCLabel { text: qsTr("New file name:") }

                        QGCTextField {
                            id:                 filenameTextField
                            Layout.fillWidth:   true
                            onTextChanged:      replaceMessage.visible = false
                        }
                    }

                    QGCLabel {
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        wrapMode:       Text.WordWrap
                        text:           qsTr("File names must end with .%1 file extension. If missing it will be added.").arg(fileExtension)
                    }

                    QGCLabel {
                        id:             replaceMessage
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        wrapMode:       Text.WordWrap
                        text:           qsTr("The file %1 exists. Click Save again to replace it.").arg(filenameTextField.text)
                        visible:        false
                        color:          qgcPal.warningText
                    }

                    SectionHeader {
                        anchors.left:   parent.left
                        anchors.right:  parent.right
                        text:           qsTr("Save to existing file:")
                    }

                    Repeater {
220
                        model: controller.getFiles(folder, [ fileExtension ])
221

222
                        FileButton {
223 224 225 226 227 228 229 230 231
                            anchors.left:   parent.left
                            anchors.right:  parent.right
                            text:           modelData

                            onClicked: {
                                hideDialog()
                                _root.acceptedForSave(controller.fullyQualifiedFilename(folder, modelData, fileExtension))
                            }

232 233 234 235 236 237 238 239 240 241 242 243 244 245
                            onHamburgerClicked: {
                                highlight = true
                                hamburgerMenu.fileToDelete = controller.fullyQualifiedFilename(folder, modelData, fileExtension)
                                hamburgerMenu.popup()
                            }

                            Menu {
                                id: hamburgerMenu

                                property string fileToDelete

                                onAboutToHide: {
                                    fileButton.highlight = false
                                    hideDialog()
246

247 248 249 250 251 252 253 254
                                }
                                MenuItem {
                                    text:           qsTr("Delete")
                                    onTriggered:    controller.deleteFile(hamburgerMenu.fileToDelete);
                                }
                            }
                        }
                    }
255 256 257 258 259
                }
            }
        }
    }
}