Add fullscreen video page

harbour-fernschreiber.pro

@@ -30,6 +30,7 @@ DISTFILES += qml/harbour-fernschreiber.qml \
     qml/pages/InitializationPage.qml \
     qml/pages/OverviewPage.qml \
     qml/pages/AboutPage.qml \
+    qml/pages/VideoPage.qml \
     rpm/harbour-fernschreiber.changes.in \
     rpm/harbour-fernschreiber.changes.run.in \
     rpm/harbour-fernschreiber.spec \

qml/components/VideoPreview.qml

@@ -29,6 +29,7 @@ Item {
     property int previewFileId;
     property int videoFileId;
     property bool fullscreen : false;
+    property bool onScreen;
 
     width: parent.width
     height: parent.height
@@ -105,7 +106,9 @@ Item {
                         videoDownloadBusyIndicator.running = false;
                         videoData.video = fileInformation;
                         videoUrl = fileInformation.local.path;
-                        videoComponentLoader.active = true;
+                        if (onScreen) {
+                            videoComponentLoader.active = true;
+                        }
                     }
                 }
             }
@@ -187,8 +190,7 @@ Item {
                 MouseArea {
                     anchors.fill: parent
                     onClicked: {
-                        // TODO show video page once it's there...
-                        //pageStack.push(Qt.resolvedUrl("../pages/VideoPage.qml"), {"tweetModel": tweet.retweeted_status ? tweet.retweeted_status : tweet});
+                        pageStack.push(Qt.resolvedUrl("../pages/VideoPage.qml"), {"videoData": videoData});
                     }
                 }
             }
@@ -417,8 +419,7 @@ Item {
                             MouseArea {
                                 anchors.fill: parent
                                 onClicked: {
-                                    // TODO go to video page once it's done
-                                    // pageStack.push(Qt.resolvedUrl("../pages/VideoPage.qml"), {"tweetModel": videoMessageComponent.tweet});
+                                    pageStack.push(Qt.resolvedUrl("../pages/VideoPage.qml"), {"videoData": videoData});
                                 }
                             }
                         }

qml/pages/ChatPage.qml

@@ -446,6 +446,7 @@ Page {
                                     width: parent.width
                                     height: Functions.getVideoHeight(width, display.content.video)
                                     visible: display.content['@type'] === "messageVideo"
+                                    onScreen: chatPage.status === PageStatus.Active
                                 }
 
 //                                Row {

qml/pages/ImagePage.qml

@@ -99,7 +99,7 @@ Page {
             MenuItem {
                 text: qsTr("Download Picture")
                 onClicked: {
-                    tdLibWrapper.copyPictureToDownloads(imagePage.imageUrl);
+                    tdLibWrapper.copyFileToDownloads(imagePage.imageUrl);
                 }
             }
         }

qml/pages/VideoPage.qml

@@ -0,0 +1,103 @@
+/*
+    Copyright (C) 2020 Sebastian J. Wolf
+
+    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/>.
+*/
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+import QtMultimedia 5.0
+import "../components"
+import "../js/functions.js" as Functions
+
+Page {
+    id: videoPage
+    allowedOrientations: Orientation.All
+
+    property variant videoData;
+
+    property int videoWidth : videoData.width
+    property int videoHeight : videoData.height
+    property string videoUrl;
+
+    property real imageSizeFactor : videoWidth / videoHeight;
+    property real screenSizeFactor: videoPage.width / videoPage.height;
+    property real sizingFactor    : imageSizeFactor >= screenSizeFactor ? videoPage.width / videoWidth : videoPage.height / videoHeight;
+
+    Component.onCompleted: {
+        updateVideoData();
+    }
+
+    function updateVideoData() {
+        if (typeof videoData === "object") {
+            if (videoData.video.local.is_downloading_completed) {
+                videoPage.videoUrl = videoData.video.local.path;
+            }
+        }
+    }
+
+    SilicaFlickable {
+        anchors.fill: parent
+
+        PullDownMenu {
+            id: videoPagePullDownMenu
+            visible: (videoPage.videoUrl !== "")
+            MenuItem {
+                text: qsTr("Download Video")
+                onClicked: {
+                    tdLibWrapper.copyFileToDownloads(videoPage.videoUrl);
+                }
+            }
+        }
+
+        Connections {
+            target: tdLibWrapper
+            onFileUpdated: {
+                if (fileId === videoPage.video.id) {
+                    if (fileInformation.local.is_downloading_completed) {
+                        videoPage.video = fileInformation;
+                        videoPage.videoUrl = fileInformation.local.path;
+                        videoPagePullDownMenu.visible = true;
+                    }
+                }
+            }
+            onCopyToDownloadsSuccessful: {
+                videoNotification.show(qsTr("Download of %1 successful.").arg(fileName), filePath);
+            }
+
+            onCopyToDownloadsError: {
+                videoNotification.show(qsTr("Download failed."));
+            }
+        }
+
+        AppNotification {
+            id: videoNotification
+        }
+
+        Item {
+            width: videoPage.videoWidth * videoPage.sizingFactor
+            height: videoPage.videoHeight * videoPage.sizingFactor
+            anchors.centerIn: parent
+
+            VideoPreview {
+                videoData: videoPage.videoData
+                fullscreen: true
+                onScreen: videoPage.status === PageStatus.Active
+            }
+        }
+
+    }
+}
+

src/tdlibwrapper.cpp

@@ -246,9 +246,9 @@ QVariantMap TDLibWrapper::getSuperGroup(const QString &groupId)
     return this->superGroups.value(groupId).toMap();
 }
 
-void TDLibWrapper::copyPictureToDownloads(const QString &filePath)
+void TDLibWrapper::copyFileToDownloads(const QString &filePath)
 {
-    qDebug() << "[TDLibWrapper] Copy picture to downloads " << filePath;
+    qDebug() << "[TDLibWrapper] Copy file to downloads " << filePath;
     QFileInfo fileInfo(filePath);
     if (fileInfo.exists()) {
         QString downloadFilePath = QStandardPaths::writableLocation(QStandardPaths::DownloadLocation) + "/" + fileInfo.fileName();

src/tdlibwrapper.h

@@ -67,7 +67,7 @@ public:
     Q_INVOKABLE QVariantMap getUnreadChatInformation();
     Q_INVOKABLE QVariantMap getBasicGroup(const QString &groupId);
     Q_INVOKABLE QVariantMap getSuperGroup(const QString &groupId);
-    Q_INVOKABLE void copyPictureToDownloads(const QString &filePath);
+    Q_INVOKABLE void copyFileToDownloads(const QString &filePath);
     Q_INVOKABLE void handleAdditionalInformation(const QString &additionalInformation);
     Q_INVOKABLE void controlScreenSaver(const bool &enabled);
 

translations/harbour-fernschreiber-de.ts

@@ -282,6 +282,21 @@
         <translation type="unfinished"></translation>
     </message>
 </context>
+<context>
+    <name>VideoPage</name>
+    <message>
+        <source>Download Video</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Download of %1 successful.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Download failed.</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>functions</name>
     <message>

translations/harbour-fernschreiber.ts

@@ -282,6 +282,21 @@
         <translation type="unfinished"></translation>
     </message>
 </context>
+<context>
+    <name>VideoPage</name>
+    <message>
+        <source>Download Video</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Download of %1 successful.</source>
+        <translation type="unfinished"></translation>
+    </message>
+    <message>
+        <source>Download failed.</source>
+        <translation type="unfinished"></translation>
+    </message>
+</context>
 <context>
     <name>functions</name>
     <message>