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

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

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

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

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

    onFileExtensionChanged: setupFileExtensions()
    onFileExtension2Changed: setupFileExtensions()

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

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

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

    function close() {
        fullFileDialog.close()
    }

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

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

72 73 74 75
    // 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 {
76
        id:             fullFileDialog
77
        folder:         "file:///" + _root.folder
78
        nameFilters:    _root.nameFilters ? _root.nameFilters : []
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
        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 {
98 99 100 101 102 103 104 105 106 107 108
            QGCFlickable {
                anchors.fill:   parent
                contentHeight:  fileOpenColumn.height

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

                    Repeater {
Don Gagne's avatar
Don Gagne committed
109
                        id:     fileRepeater
110
                        model:  controller.getFiles(folder, _rgExtensions)
111

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

                            onClicked: {
                                hideDialog()
120
                                _root.acceptedForLoad(controller.fullyQualifiedFilename(folder, modelData, _rgExtensions))
121
                            }
122

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

129
                            QGCMenu {
130
                                id: hamburgerMenu
131

132 133
                                property string fileToDelete

134
                                onAboutToHide: fileButton.highlight = false
135

136
                                QGCMenuItem {
137
                                    text:           qsTr("Delete")
Don Gagne's avatar
Don Gagne committed
138 139 140 141
                                    onTriggered: {
                                        controller.deleteFile(hamburgerMenu.fileToDelete)
                                        fileRepeater.model = controller.getFiles(folder, _rgExtensions)
                                    }
142
                                }
143 144 145 146
                            }
                        }
                    }

147 148
                    QGCLabel {
                        text:       qsTr("No files")
Don Gagne's avatar
Don Gagne committed
149
                        visible:    fileRepeater.model.length === 0
150
                    }
151 152 153 154 155 156 157 158 159 160 161 162 163 164
                }
            }
        }
    }

    Component {
        id: mobileFileSaveDialog

        QGCViewDialog {
            function accept() {
                if (filenameTextField.text == "") {
                    return
                }
                if (!replaceMessage.visible) {
165
                    if (controller.fileExists(controller.fullyQualifiedFilename(folder, filenameTextField.text, _rgExtensions))) {
166 167 168 169
                        replaceMessage.visible = true
                        return
                    }
                }
170
                _root.acceptedForSave(controller.fullyQualifiedFilename(folder, filenameTextField.text, _rgExtensions))
171 172 173
                hideDialog()
            }

174 175 176
            QGCFlickable {
                anchors.fill:   parent
                contentHeight:  fileSaveColumn.height
177

178 179
                Column {
                    id:             fileSaveColumn
180 181
                    anchors.left:   parent.left
                    anchors.right:  parent.right
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 220 221
                    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 {
Don Gagne's avatar
Don Gagne committed
222 223
                        id:     fileRepeater
                        model:  controller.getFiles(folder, [ fileExtension ])
224

225
                        FileButton {
Don Gagne's avatar
Don Gagne committed
226
                            id:             fileButton
227 228 229 230 231 232
                            anchors.left:   parent.left
                            anchors.right:  parent.right
                            text:           modelData

                            onClicked: {
                                hideDialog()
233
                                _root.acceptedForSave(controller.fullyQualifiedFilename(folder, modelData, _rgExtensions))
234 235
                            }

236 237
                            onHamburgerClicked: {
                                highlight = true
238
                                hamburgerMenu.fileToDelete = controller.fullyQualifiedFilename(folder, modelData, _rgExtensions)
239 240 241
                                hamburgerMenu.popup()
                            }

242
                            QGCMenu {
243 244 245 246
                                id: hamburgerMenu

                                property string fileToDelete

Don Gagne's avatar
Don Gagne committed
247
                                onAboutToHide: fileButton.highlight = false
248

249
                                QGCMenuItem {
250
                                    text:           qsTr("Delete")
Don Gagne's avatar
Don Gagne committed
251 252 253 254
                                    onTriggered: {
                                        controller.deleteFile(hamburgerMenu.fileToDelete)
                                        fileRepeater.model = controller.getFiles(folder, [ fileExtension ])
                                    }
255 256 257 258
                                }
                            }
                        }
                    }
259 260 261 262 263
                }
            }
        }
    }
}