harbour-fernschreiber/qml/components/WebPagePreview.qml

172 lines
5.8 KiB
QML
Raw Normal View History

2020-08-29 16:51:48 +03:00
/*
Copyright (C) 2020 Sebastian J. Wolf and other contributors
2020-08-29 16:51:48 +03:00
This file is part of Fernschreiber.
Fernschreiber is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
Fernschreiber is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with Fernschreiber. If not, see <http://www.gnu.org/licenses/>.
*/
2020-10-31 22:49:03 +03:00
import QtQuick 2.6
2020-08-29 16:51:48 +03:00
import QtGraphicalEffects 1.0
import Sailfish.Silica 1.0
import "../components"
import "../js/twemoji.js" as Emoji
import "../js/functions.js" as Functions
Column {
id: webPagePreviewColumn
property var webPageData;
property var pictureFileInformation;
2020-08-29 16:51:48 +03:00
property bool hasImage: false;
property bool largerFontSize: false;
property bool highlighted
2020-08-29 16:51:48 +03:00
spacing: Theme.paddingSmall
Component.onCompleted: {
updateWebPage();
}
function updateWebPage() {
2020-08-29 17:32:43 +03:00
if (webPageData) {
2020-08-29 16:51:48 +03:00
if (typeof webPageData.photo !== "undefined") {
hasImage = true;
// Check first which size fits best...
for (var i = 0; i < webPageData.photo.sizes.length; i++) {
pictureFileInformation = webPageData.photo.sizes[i].photo;
if (webPageData.photo.sizes[i].width >= webPagePreviewColumn.width) {
break;
}
}
2020-08-29 17:32:43 +03:00
if (pictureFileInformation.local.is_downloading_completed) {
singleImage.source = pictureFileInformation.local.path;
} else {
tdLibWrapper.downloadFile(pictureFileInformation.id);
}
2020-08-29 16:51:48 +03:00
}
}
}
Connections {
target: tdLibWrapper
onFileUpdated: {
if (typeof pictureFileInformation !== "undefined" && fileId === pictureFileInformation.id) {
if (fileInformation.local.is_downloading_completed) {
pictureFileInformation = fileInformation;
singleImage.source = fileInformation.local.path;
}
}
}
}
2020-11-22 02:39:49 +03:00
Label {
2020-08-29 16:51:48 +03:00
id: siteNameText
width: parent.width
text: webPageData.site_name ? Emoji.emojify(webPageData.site_name, font.pixelSize) : ""
font.pixelSize: webPagePreviewColumn.largerFontSize ? Theme.fontSizeSmall : Theme.fontSizeExtraSmall
2020-08-29 16:51:48 +03:00
font.bold: true
color: Theme.secondaryHighlightColor
2020-11-22 02:39:49 +03:00
truncationMode: TruncationMode.Fade
2020-08-29 16:51:48 +03:00
maximumLineCount: 1
textFormat: Text.StyledText
visible: (text !== "")
}
2020-11-22 02:39:49 +03:00
Label {
2020-08-29 16:51:48 +03:00
id: titleText
width: parent.width
text: webPageData.title ? Emoji.emojify(webPageData.title, font.pixelSize) : ""
font.pixelSize: webPagePreviewColumn.largerFontSize ? Theme.fontSizeSmall : Theme.fontSizeExtraSmall
2020-08-29 16:51:48 +03:00
font.bold: true
2020-11-22 02:39:49 +03:00
truncationMode: TruncationMode.Fade
2020-08-29 16:51:48 +03:00
wrapMode: Text.Wrap
maximumLineCount: 2
textFormat: Text.StyledText
visible: (text !== "")
}
2020-11-22 02:39:49 +03:00
Label {
2020-08-29 16:51:48 +03:00
id: descriptionText
width: parent.width
text: webPageData.description ? Emoji.emojify(Functions.enhanceMessageText(webPageData.description), font.pixelSize) : ""
font.pixelSize: webPagePreviewColumn.largerFontSize ? Theme.fontSizeSmall : Theme.fontSizeExtraSmall
2020-11-22 02:39:49 +03:00
truncationMode: TruncationMode.Fade
2020-08-29 16:51:48 +03:00
wrapMode: Text.Wrap
maximumLineCount: 3
textFormat: Text.StyledText
visible: (text !== "")
linkColor: Theme.highlightColor
onLinkActivated: {
Functions.handleLink(link);
}
2020-08-29 16:51:48 +03:00
}
Item {
id: webPagePreviewImageItem
width: parent.width
height: width * 2 / 3
visible: hasImage
Image {
id: singleImage
width: parent.width - Theme.paddingSmall
height: parent.height - Theme.paddingSmall
anchors.centerIn: parent
2020-11-07 22:58:23 +03:00
sourceSize.width: width
sourceSize.height: height
2020-08-29 16:51:48 +03:00
fillMode: Image.PreserveAspectCrop
autoTransform: true
asynchronous: true
visible: hasImage && status === Image.Ready
opacity: hasImage && status === Image.Ready ? 1 : 0
layer.enabled: webPagePreviewColumn.highlighted
layer.effect: PressEffect { source: singleImage }
2020-08-29 16:51:48 +03:00
Behavior on opacity { NumberAnimation {} }
MouseArea {
anchors.fill: parent
onClicked: {
pageStack.push(Qt.resolvedUrl("../pages/ImagePage.qml"), { "photoData" : webPageData.photo, "pictureFileInformation" : pictureFileInformation });
}
}
}
BackgroundImage {
2020-08-29 16:51:48 +03:00
visible: hasImage && singleImage.status !== Image.Ready
layer.enabled: webPagePreviewColumn.highlighted
layer.effect: PressEffect { source: singleImage }
2020-08-29 16:51:48 +03:00
}
}
2020-11-22 02:39:49 +03:00
Label {
id: noPreviewAvailableText
width: parent.width
text: qsTr("Preview not supported for this link...")
font.pixelSize: webPagePreviewColumn.largerFontSize ? Theme.fontSizeExtraSmall : Theme.fontSizeTiny
font.italic: true
color: Theme.secondaryColor
2020-11-22 02:39:49 +03:00
truncationMode: TruncationMode.Fade
wrapMode: Text.Wrap
maximumLineCount: 1
textFormat: Text.StyledText
visible: !siteNameText.visible && !titleText.visible && !descriptionText.visible && !webPagePreviewImageItem.visible
}
2020-08-29 16:51:48 +03:00
}