Handle message data change in ImagePreview

And use TDLibFile to load image in ImagePage
This commit is contained in:
Slava Monich 2021-01-13 04:19:16 +02:00
parent 769ae8af21
commit a4dbc26e70
2 changed files with 23 additions and 30 deletions

View file

@ -26,7 +26,6 @@ Item {
property ListItem messageListItem property ListItem messageListItem
property MessageOverlayFlickable overlayFlickable property MessageOverlayFlickable overlayFlickable
property var rawMessage: messageListItem ? messageListItem.myMessage : overlayFlickable.overlayMessage property var rawMessage: messageListItem ? messageListItem.myMessage : overlayFlickable.overlayMessage
property var photoData: rawMessage.content.photo
readonly property int defaultHeight: Math.round(width * 2 / 3) readonly property int defaultHeight: Math.round(width * 2 / 3)
property bool highlighted property bool highlighted
@ -35,15 +34,19 @@ Item {
function clicked() { function clicked() {
pageStack.push(Qt.resolvedUrl("../pages/ImagePage.qml"), { pageStack.push(Qt.resolvedUrl("../pages/ImagePage.qml"), {
"photoData" : imagePreviewItem.photoData, "photoData" : imagePreviewItem.rawMessage.content.photo
"pictureFileInformation" : imageFile.fileInformation
}) })
} }
Component.onCompleted: { Component.onCompleted: updateImage()
if (photoData) {
onRawMessageChanged: updateImage()
function updateImage() {
if (rawMessage.content.photo) {
// Check first which size fits best... // Check first which size fits best...
var photo var photo
var photoData = rawMessage.content.photo
for (var i = 0; i < photoData.sizes.length; i++) { for (var i = 0; i < photoData.sizes.length; i++) {
photo = photoData.sizes[i].photo photo = photoData.sizes[i].photo
if (photoData.sizes[i].width >= imagePreviewItem.width) { if (photoData.sizes[i].width >= imagePreviewItem.width) {

View file

@ -18,6 +18,7 @@
*/ */
import QtQuick 2.6 import QtQuick 2.6
import Sailfish.Silica 1.0 import Sailfish.Silica 1.0
import WerkWolf.Fernschreiber 1.0
import "../components" import "../components"
import "../js/functions.js" as Functions import "../js/functions.js" as Functions
import "../js/debug.js" as Debug import "../js/debug.js" as Debug
@ -28,9 +29,7 @@ Page {
backNavigation: !imageOnly backNavigation: !imageOnly
property var photoData; property var photoData;
property var pictureFileInformation;
property string imageUrl;
property int imageWidth; property int imageWidth;
property int imageHeight; property int imageHeight;
@ -47,40 +46,31 @@ Page {
property bool imageOnly property bool imageOnly
Component.onCompleted: { Component.onCompleted: {
updatePicture(); if (photoData) {
}
function updatePicture() {
if (typeof photoData === "object") {
// Check first which size fits best... // Check first which size fits best...
var photo
for (var i = 0; i < photoData.sizes.length; i++) { for (var i = 0; i < photoData.sizes.length; i++) {
imagePage.imageWidth = photoData.sizes[i].width; imagePage.imageWidth = photoData.sizes[i].width;
imagePage.imageHeight = photoData.sizes[i].height; imagePage.imageHeight = photoData.sizes[i].height;
imagePage.pictureFileInformation = photoData.sizes[i].photo; photo = photoData.sizes[i].photo
if (photoData.sizes[i].width >= imagePage.width) { if (photoData.sizes[i].width >= imagePage.width) {
break; break;
} }
} }
if (photo) {
imageFile.fileInformation = photo
}
}
}
if (imagePage.pictureFileInformation.local.is_downloading_completed) { TDLibFile {
imagePage.imageUrl = imagePage.pictureFileInformation.local.path; id: imageFile
} else { tdlib: tdLibWrapper
tdLibWrapper.downloadFile(imagePage.pictureFileInformation.id); autoLoad: true
}
}
} }
Connections { Connections {
target: tdLibWrapper target: tdLibWrapper
onFileUpdated: {
if (fileId === imagePage.pictureFileInformation.id) {
Debug.log("File updated, completed? ", fileInformation.local.is_downloading_completed);
if (fileInformation.local.is_downloading_completed) {
imagePage.pictureFileInformation = fileInformation;
imagePage.imageUrl = fileInformation.local.path;
}
}
}
onCopyToDownloadsSuccessful: { onCopyToDownloadsSuccessful: {
appNotification.show(qsTr("Download of %1 successful.").arg(fileName), filePath); appNotification.show(qsTr("Download of %1 successful.").arg(fileName), filePath);
} }
@ -96,11 +86,11 @@ Page {
interactive: !imageOnly interactive: !imageOnly
PullDownMenu { PullDownMenu {
visible: !imageOnly && imageUrl visible: !imageOnly && imageFile.isDownloadingCompleted && imageFile.path
MenuItem { MenuItem {
text: qsTr("Download Picture") text: qsTr("Download Picture")
onClicked: { onClicked: {
tdLibWrapper.copyFileToDownloads(imagePage.imageUrl); tdLibWrapper.copyFileToDownloads(imageFile.path);
} }
} }
} }
@ -134,7 +124,7 @@ Page {
Image { Image {
id: singleImage id: singleImage
source: imageUrl source: imageFile.isDownloadingCompleted ? imageFile.path : ""
width: imagePage.imageWidth * imagePage.sizingFactor width: imagePage.imageWidth * imagePage.sizingFactor
height: imagePage.imageHeight * imagePage.sizingFactor height: imagePage.imageHeight * imagePage.sizingFactor
anchors.centerIn: parent anchors.centerIn: parent