/**************************************************************************** ** ** Copyright (C) 2015 The Qt Company Ltd. ** Contact: http://www.qt.io/licensing/ ** ** This file is part of the Qt Quick Dialogs module of the Qt Toolkit. ** ** $QT_BEGIN_LICENSE:LGPL3$ ** Commercial License Usage ** Licensees holding valid commercial Qt licenses may use this file in ** accordance with the commercial license agreement provided with the ** Software or, alternatively, in accordance with the terms contained in ** a written agreement between you and The Qt Company. For licensing terms ** and conditions see http://www.qt.io/terms-conditions. For further ** information use the contact form at http://www.qt.io/contact-us. ** ** GNU Lesser General Public License Usage ** Alternatively, this file may be used under the terms of the GNU Lesser ** General Public License version 3 as published by the Free Software ** Foundation and appearing in the file LICENSE.LGPLv3 included in the ** packaging of this file. Please review the following information to ** ensure the GNU Lesser General Public License version 3 requirements ** will be met: https://www.gnu.org/licenses/lgpl.html. ** ** GNU General Public License Usage ** Alternatively, this file may be used under the terms of the GNU ** General Public License version 2.0 or later as published by the Free ** Software Foundation and appearing in the file LICENSE.GPL included in ** the packaging of this file. Please review the following information to ** ensure the GNU General Public License version 2.0 requirements will be ** met: http://www.gnu.org/licenses/gpl-2.0.html. ** ** $QT_END_LICENSE$ ** ****************************************************************************/ import QtQuick 2.2 import QtQuick.Controls 1.2 import QtQuick.Controls.Private 1.0 as ControlsPrivate import QtQuick.Dialogs 1.1 import QtQuick.Dialogs.Private 1.1 import QtQuick.Layouts 1.1 import QtQuick.Window 2.1 import Qt.labs.folderlistmodel 2.1 import Qt.labs.settings 1.0 import "qml" AbstractFileDialog { id: root Component { id: modelComponent FolderListModel { showFiles: !root.selectFolder nameFilters: root.selectedNameFilterExtensions sortField: (view.sortIndicatorColumn === 0 ? FolderListModel.Name : (view.sortIndicatorColumn === 1 ? FolderListModel.Type : (view.sortIndicatorColumn === 2 ? FolderListModel.Size : FolderListModel.LastModified))) sortReversed: view.sortIndicatorOrder === Qt.DescendingOrder } } onVisibleChanged: { if (visible) { // If the TableView doesn't have a model yet, create it asynchronously to avoid a UI freeze if (!view.model) { var incubator = modelComponent.incubateObject(null, { }) function init(model) { view.model = model model.nameFilters = root.selectedNameFilterExtensions root.folder = model.folder } if (incubator.status === Component.Ready) { init(incubator.object) } else { incubator.onStatusChanged = function(status) { if (status === Component.Ready) init(incubator.object) } } } view.needsWidthAdjustment = true view.selection.clear() view.focus = true } } Component.onCompleted: { filterField.currentIndex = root.selectedNameFilterIndex root.favoriteFolders = settings.favoriteFolders } Component.onDestruction: { settings.favoriteFolders = root.favoriteFolders } property Settings settings: Settings { category: "QQControlsFileDialog" property alias width: root.width property alias height: root.height property alias sidebarWidth: sidebar.width property alias sidebarSplit: shortcutsScroll.height property alias sidebarVisible: root.sidebarVisible property variant favoriteFolders: [] } property bool showFocusHighlight: false property SystemPalette palette: SystemPalette { } property var favoriteFolders: [] function dirDown(path) { view.selection.clear() root.folder = "file://" + path } function dirUp() { view.selection.clear() if (view.model.parentFolder != "") root.folder = view.model.parentFolder } function acceptSelection() { // transfer the view's selections to QQuickFileDialog clearSelection() if (selectFolder && view.selection.count === 0) addSelection(folder) else { view.selection.forEach(function(idx) { if (view.model.isFolder(idx)) { if (selectFolder) addSelection(view.model.get(idx, "fileURL")) } else { if (!selectFolder) addSelection(view.model.get(idx, "fileURL")) } }) } accept() } property Action dirUpAction: Action { text: "\ue810" shortcut: "Ctrl+U" onTriggered: dirUp() tooltip: qsTr("Go up to the folder containing this one") } Rectangle { id: window implicitWidth: Math.min(root.__maximumDimension, Math.max(Screen.pixelDensity * 100, splitter.implicitWidth)) implicitHeight: Math.min(root.__maximumDimension, Screen.pixelDensity * 80) color: root.palette.window Binding { target: view.model property: "folder" value: root.folder } Binding { target: currentPathField property: "text" value: root.urlToPath(root.folder) } Keys.onPressed: { event.accepted = true switch (event.key) { case Qt.Key_Back: case Qt.Key_Escape: reject() break default: event.accepted = false break } } Keys.forwardTo: [view.flickableItem] SplitView { id: splitter x: 0 width: parent.width anchors.top: titleBar.bottom anchors.bottom: bottomBar.top Column { id: sidebar Component.onCompleted: if (width < 1) width = sidebarSplitter.maxShortcutWidth height: parent.height width: 0 // initial width only; settings and onCompleted will override it visible: root.sidebarVisible SplitView { id: sidebarSplitter orientation: Qt.Vertical property real rowHeight: 10 property real maxShortcutWidth: 80 width: parent.width height: parent.height - favoritesButtons.height ScrollView { id: shortcutsScroll Component.onCompleted: { if (height < 1) height = sidebarSplitter.rowHeight * 4.65 Layout.minimumHeight = sidebarSplitter.rowHeight * 2.65 } height: 0 // initial width only; settings and onCompleted will override it ListView { id: shortcutsView model: __shortcuts.length anchors.bottomMargin: ControlsPrivate.Settings.hasTouchScreen ? Screen.pixelDensity * 3.5 : anchors.margins implicitHeight: model.count * sidebarSplitter.rowHeight delegate: Item { id: shortcutItem width: sidebarSplitter.width height: shortcutLabel.implicitHeight * 1.5 Text { id: shortcutLabel text: __shortcuts[index].name anchors { verticalCenter: parent.verticalCenter left: parent.left right: parent.right margins: 4 } elide: Text.ElideLeft renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering Component.onCompleted: { sidebarSplitter.rowHeight = parent.height if (implicitWidth * 1.2 > sidebarSplitter.maxShortcutWidth) sidebarSplitter.maxShortcutWidth = implicitWidth * 1.2 } } MouseArea { anchors.fill: parent onClicked: root.folder = __shortcuts[index].url } } } } ScrollView { Layout.minimumHeight: sidebarSplitter.rowHeight * 2.5 ListView { id: favorites model: root.favoriteFolders anchors.topMargin: ControlsPrivate.Settings.hasTouchScreen ? Screen.pixelDensity * 3.5 : anchors.margins delegate: Item { width: favorites.width height: folderLabel.implicitHeight * 1.5 Text { id: folderLabel text: root.favoriteFolders[index] anchors { verticalCenter: parent.verticalCenter left: parent.left right: parent.right margins: 4 } elide: Text.ElideLeft renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering } Menu { id: favoriteCtxMenu title: root.favoriteFolders[index] MenuItem { text: qsTr("Remove favorite") onTriggered: { root.favoriteFolders.splice(index, 1) favorites.model = root.favoriteFolders } } } MouseArea { id: favoriteArea anchors.fill: parent acceptedButtons: Qt.LeftButton | Qt.RightButton hoverEnabled: true onClicked: { if (mouse.button == Qt.LeftButton) root.folder = root.favoriteFolders[index] else if (mouse.button == Qt.RightButton) favoriteCtxMenu.popup() } onExited: ControlsPrivate.Tooltip.hideText() onCanceled: ControlsPrivate.Tooltip.hideText() Timer { interval: 1000 running: favoriteArea.containsMouse && !favoriteArea.pressed && folderLabel.truncated onTriggered: ControlsPrivate.Tooltip.showText(favoriteArea, Qt.point(favoriteArea.mouseX, favoriteArea.mouseY), urlToPath(root.favoriteFolders[index])) } } } } } } Row { id: favoritesButtons height: plusButton.height + 1 anchors.right: parent.right anchors.rightMargin: 6 layoutDirection: Qt.RightToLeft Button { id: plusButton style: IconButtonStyle { } text: "\ue83e" tooltip: qsTr("Add the current directory as a favorite") width: height onClicked: { root.favoriteFolders.push(root.folder) favorites.model = root.favoriteFolders } } } } TableView { id: view sortIndicatorVisible: true Layout.fillWidth: true Layout.minimumWidth: 40 property bool needsWidthAdjustment: true selectionMode: root.selectMultiple ? (ControlsPrivate.Settings.hasTouchScreen ? SelectionMode.MultiSelection : SelectionMode.ExtendedSelection) : SelectionMode.SingleSelection onRowCountChanged: if (needsWidthAdjustment && rowCount > 0) { resizeColumnsToContents() needsWidthAdjustment = false } model: null onActivated: if (view.focus) { if (view.selection.count > 0 && view.model.isFolder(row)) { dirDown(view.model.get(row, "filePath")) } else { root.acceptSelection() } } onClicked: currentPathField.text = view.model.get(row, "filePath") TableViewColumn { id: fileNameColumn role: "fileName" title: qsTr("Filename") delegate: Item { implicitWidth: pathText.implicitWidth + pathText.anchors.leftMargin + pathText.anchors.rightMargin IconGlyph { id: fileIcon x: 4 height: parent.height - 2 unicode: view.model.isFolder(styleData.row) ? "\ue804" : "\ue802" } Text { id: pathText text: styleData.value anchors { left: parent.left right: parent.right leftMargin: fileIcon.width + 6 rightMargin: 4 verticalCenter: parent.verticalCenter } color: styleData.textColor elide: Text.ElideRight renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering } } } TableViewColumn { role: "fileSuffix" title: qsTr("Type", "file type (extension)") // TODO should not need to create a whole new component just to customize the text value // something like textFormat: function(text) { return view.model.get(styleData.row, "fileIsDir") ? "folder" : text } delegate: Item { implicitWidth: sizeText.implicitWidth + sizeText.anchors.leftMargin + sizeText.anchors.rightMargin Text { id: sizeText text: view.model.get(styleData.row, "fileIsDir") ? "folder" : styleData.value anchors { left: parent.left right: parent.right leftMargin: 4 rightMargin: 4 verticalCenter: parent.verticalCenter } color: styleData.textColor elide: Text.ElideRight renderType: ControlsPrivate.Settings.isMobile ? Text.QtRendering : Text.NativeRendering } } } TableViewColumn { role: "fileSize" title: qsTr("Size", "file size") horizontalAlignment: Text.AlignRight } TableViewColumn { id: modifiedColumn; role: "fileModified" ; title: qsTr("Modified", "last-modified time") } TableViewColumn { id: accessedColumn; role: "fileAccessed" ; title: qsTr("Accessed", "last-accessed time") } } } ToolBar { id: titleBar RowLayout { anchors.fill: parent ToolButton { action: dirUpAction style: IconButtonStyle { } Layout.maximumWidth: height * 1.5 } TextField { id: currentPathField Layout.fillWidth: true function doAccept() { root.clearSelection() if (root.addSelection(root.pathToUrl(text))) root.accept() else root.folder = root.pathFolder(text) } onAccepted: doAccept() } } } Item { id: bottomBar width: parent.width height: buttonRow.height + buttonRow.spacing * 2 anchors.bottom: parent.bottom Row { id: buttonRow anchors.right: parent.right anchors.rightMargin: spacing anchors.verticalCenter: parent.verticalCenter spacing: 4 Button { id: toggleSidebarButton checkable: true style: IconButtonStyle { } text: "\u25E7" height: cancelButton.height width: height checked: root.sidebarVisible onClicked: { root.sidebarVisible = !root.sidebarVisible } } ComboBox { id: filterField model: root.nameFilters visible: !selectFolder width: bottomBar.width - toggleSidebarButton.width - cancelButton.width - okButton.width - parent.spacing * 6 anchors.verticalCenter: parent.verticalCenter onCurrentTextChanged: { root.selectNameFilter(currentText) if (view.model) view.model.nameFilters = root.selectedNameFilterExtensions } } Button { id: cancelButton text: qsTr("Cancel") onClicked: root.reject() } Button { id: okButton text: root.selectFolder ? qsTr("Choose") : (selectExisting ? qsTr("Open") : qsTr("Save")) onClicked: { if (view.model.isFolder(view.currentIndex) && !selectFolder) dirDown(view.model.get(view.currentIndex, "filePath")) else if (!(root.selectExisting)) currentPathField.doAccept() else root.acceptSelection() } } } } } }