chris/lumina
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add proper fileDialog

Browse source 
This makes it so the editor page can change the image you are using.
This commit is contained in:
Chris Cochrun 2023-03-12 06:32:25 -05:00
parent 58a85bcc01
commit a543d8b9bc
1 changed files with 56 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

92
src/qml/presenter/ImageEditor.qml
View file

@ -56,42 +56,42 @@ Item {
text: "Select Image"
icon.name: "fileopen"
hoverEnabled: true
onClicked: backgroundType.open()
onClicked: fileDialog.open()
}
Controls.Popup {
id: backgroundType
x: backgroundButton.x
y: backgroundButton.y + backgroundButton.height + 20
modal: true
focus: true
dim: false
background: Rectangle {
Kirigami.Theme.colorSet: Kirigami.Theme.Tooltip
color: Kirigami.Theme.backgroundColor
radius: 10
border.color: Kirigami.Theme.activeBackgroundColor
border.width: 2
}
closePolicy: Controls.Popup.CloseOnEscape | Controls.Popup.CloseOnPressOutsideParent
ColumnLayout {
anchors.fill: parent
Controls.ToolButton {
Layout.fillHeight: true
Layout.fillWidth: true
text: "Image"
icon.name: "emblem-images-symbolic"
onClicked: imageFileDialog.open() & backgroundType.close()
}
Controls.ToolButton {
Layout.fillWidth: true
Layout.fillHeight: true
text: "Image"
icon.name: "folder-pictures-symbolic"
onClicked: imageFileDialog.open() & backgroundType.close()
}
}
}
/* Controls.Popup { */
/* id: backgroundType */
/* x: backgroundButton.x */
/* y: backgroundButton.y + backgroundButton.height + 20 */
/* modal: true */
/* focus: true */
/* dim: false */
/* background: Rectangle { */
/* Kirigami.Theme.colorSet: Kirigami.Theme.Tooltip */
/* color: Kirigami.Theme.backgroundColor */
/* radius: 10 */
/* border.color: Kirigami.Theme.activeBackgroundColor */
/* border.width: 2 */
/* } */
/* closePolicy: Controls.Popup.CloseOnEscape | Controls.Popup.CloseOnPressOutsideParent */
/* ColumnLayout { */
/* anchors.fill: parent */
/* Controls.ToolButton { */
/* Layout.fillHeight: true */
/* Layout.fillWidth: true */
/* text: "Image" */
/* icon.name: "emblem-images-symbolic" */
/* onClicked: imageFileDialog.open() & backgroundType.close() */
/* } */
/* Controls.ToolButton { */
/* Layout.fillWidth: true */
/* Layout.fillHeight: true */
/* text: "Image" */
/* icon.name: "folder-pictures-symbolic" */
/* onClicked: imageFileDialog.open() & backgroundType.close() */
/* } */
/* } */
/* } */
}
}
@ -134,7 +134,21 @@ Item {
cursorShape: parent.hoveredLink ? Qt.PointingHandCursor : Qt.IBeamCursor
}
}
}
}
FileDialog {
id: fileDialog
title: "Please choose a background"
folder: shortcuts.home
selectMultiple: false
nameFilters: ["Image files (*.jpg *.jpeg *.png *.JPG *.JPEG *.PNG *.webp *.gif)"]
onAccepted: {
updateImage(fileDialog.fileUrls[0]);
console.log("image background = " + fileDialog.fileUrls[0]);
}
onRejected: {
console.log("Canceled")
}
}
@ -146,8 +160,8 @@ Item {
function updateTitle(text) {
changeTitle(text, false);
imagesqlmodel.updateTitle(image.id, text);
showPassiveNotification(image.title);
imageProxyModel.imageModel.updateTitle(root.image.id, text);
showPassiveNotification(root.image.title);
}
function changeTitle(text, updateBox) {
@ -155,4 +169,10 @@ Item {
imageTitleField.text = text;
image.title = text;
}
function updateImage(image) {
imageProxyModel.imageModel.updateFilePath(root.image.id, image);
root.image.filePath = image;
console.log(image);
}
}