forked from qt-creator/qt-creator
01a4f087c6
QtQuick.Studio.Models JSON and CSV components are used as the source of the Collection Editor. Collections are placed underneath the sources in the collections view Task-number: QDS-10809 Task-number: QDS-10462 Change-Id: Ia0c9cb587c462fcba98934b15068582f3f9c19c5 Reviewed-by: Miikka Heikkinen <miikka.heikkinen@qt.io> Reviewed-by: Mahmoud Badri <mahmoud.badri@qt.io>
155 lines
4.1 KiB
QML
155 lines
4.1 KiB
QML
// Copyright (C) 2023 The Qt Company Ltd.
|
|
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only WITH Qt-GPL-exception-1.0
|
|
|
|
import QtQuick
|
|
import QtQuick.Controls
|
|
import QtQuickDesignerTheme 1.0
|
|
import HelperWidgets 2.0 as HelperWidgets
|
|
import StudioTheme 1.0 as StudioTheme
|
|
import CollectionEditorBackend
|
|
|
|
Item {
|
|
id: root
|
|
focus: true
|
|
|
|
property var rootView: CollectionEditorBackend.rootView
|
|
property var model: CollectionEditorBackend.model
|
|
property var singleCollectionModel: CollectionEditorBackend.singleCollectionModel
|
|
|
|
function showWarning(title, message) {
|
|
warningDialog.title = title
|
|
warningDialog.message = message
|
|
warningDialog.open()
|
|
}
|
|
|
|
JsonImport {
|
|
id: jsonImporter
|
|
|
|
backendValue: root.rootView
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
CsvImport {
|
|
id: csvImporter
|
|
|
|
backendValue: root.rootView
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
NewCollectionDialog {
|
|
id: newCollection
|
|
|
|
backendValue: root.rootView
|
|
anchors.centerIn: parent
|
|
}
|
|
|
|
Message {
|
|
id: warningDialog
|
|
|
|
title: ""
|
|
message: ""
|
|
}
|
|
|
|
Rectangle {
|
|
id: collectionsRect
|
|
|
|
color: StudioTheme.Values.themeToolbarBackground
|
|
width: 300
|
|
height: root.height
|
|
|
|
Column {
|
|
width: parent.width
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: StudioTheme.Values.height + 5
|
|
color: StudioTheme.Values.themeToolbarBackground
|
|
|
|
Text {
|
|
id: collectionText
|
|
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
text: qsTr("Collections")
|
|
font.pixelSize: StudioTheme.Values.mediumIconFont
|
|
color: StudioTheme.Values.themeTextColor
|
|
leftPadding: 15
|
|
}
|
|
|
|
Row {
|
|
anchors.right: parent.right
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
rightPadding: 12
|
|
spacing: 2
|
|
|
|
HelperWidgets.IconButton {
|
|
icon: StudioTheme.Constants.downloadjson_large
|
|
tooltip: qsTr("Import Json")
|
|
|
|
onClicked: jsonImporter.open()
|
|
}
|
|
|
|
HelperWidgets.IconButton {
|
|
icon: StudioTheme.Constants.downloadcsv_large
|
|
tooltip: qsTr("Import CSV")
|
|
|
|
onClicked: csvImporter.open()
|
|
}
|
|
}
|
|
}
|
|
|
|
Rectangle { // Collections
|
|
width: parent.width
|
|
color: StudioTheme.Values.themeBackgroundColorNormal
|
|
height: 330
|
|
|
|
MouseArea {
|
|
anchors.fill: parent
|
|
propagateComposedEvents: true
|
|
onClicked: (event) => {
|
|
root.model.deselect()
|
|
event.accepted = true
|
|
}
|
|
}
|
|
|
|
ListView {
|
|
id: sourceListView
|
|
|
|
width: parent.width
|
|
height: contentHeight
|
|
model: root.model
|
|
|
|
delegate: ModelSourceItem {
|
|
onDeleteItem: root.model.removeRow(index)
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
width: parent.width
|
|
height: addCollectionButton.height
|
|
color: StudioTheme.Values.themeBackgroundColorNormal
|
|
|
|
IconTextButton {
|
|
id: addCollectionButton
|
|
|
|
anchors.centerIn: parent
|
|
text: qsTr("Add new collection")
|
|
icon: StudioTheme.Constants.create_medium
|
|
onClicked: newCollection.open()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
SingleCollectionView {
|
|
model: root.singleCollectionModel
|
|
anchors {
|
|
left: collectionsRect.right
|
|
right: parent.right
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
}
|
|
}
|
|
}
|