453 lines
20 KiB
QML
453 lines
20 KiB
QML
/*
|
|
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.5
|
|
import QtGraphicalEffects 1.0
|
|
import QtMultimedia 5.0
|
|
import Sailfish.Silica 1.0
|
|
import Nemo.Notifications 1.0
|
|
import WerkWolf.Fernschreiber 1.0
|
|
import "../components"
|
|
import "../js/twemoji.js" as Emoji
|
|
import "../js/functions.js" as Functions
|
|
|
|
Page {
|
|
id: overviewPage
|
|
allowedOrientations: Orientation.All
|
|
|
|
property bool initializationCompleted: false;
|
|
property bool loading: true;
|
|
property int authorizationState: TelegramAPI.Closed
|
|
property int connectionState: TelegramAPI.WaitingForNetwork
|
|
property int ownUserId;
|
|
property bool chatListCreated: false;
|
|
|
|
onStatusChanged: {
|
|
if (status === PageStatus.Active && initializationCompleted && !chatListCreated) {
|
|
updateContent();
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: dBusAdaptor
|
|
onPleaseOpenMessage: {
|
|
console.log("[OverviewPage] Opening chat from external call...")
|
|
if (chatListCreated) {
|
|
if (status !== PageStatus.Active) {
|
|
pageStack.pop(pageStack.find( function(page){ return(page._depth === 0)} ), PageStackAction.Immediate);
|
|
}
|
|
pageStack.push(Qt.resolvedUrl("../pages/ChatPage.qml"), { "chatInformation" : tdLibWrapper.getChat(chatId) });
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: chatListCreatedTimer
|
|
interval: 500
|
|
running: false
|
|
repeat: false
|
|
onTriggered: {
|
|
overviewPage.chatListCreated = true;
|
|
chatListModel.enableDeltaUpdates();
|
|
}
|
|
}
|
|
|
|
function setPageStatus() {
|
|
switch (overviewPage.connectionState) {
|
|
case TelegramAPI.WaitingForNetwork:
|
|
pageStatus.color = "red";
|
|
pageHeader.title = qsTr("Waiting for network...");
|
|
break;
|
|
case TelegramAPI.Connecting:
|
|
pageStatus.color = "gold";
|
|
pageHeader.title = qsTr("Connecting to network...");
|
|
break;
|
|
case TelegramAPI.ConnectingToProxy:
|
|
pageStatus.color = "gold";
|
|
pageHeader.title = qsTr("Connecting to proxy...");
|
|
break;
|
|
case TelegramAPI.ConnectionReady:
|
|
pageStatus.color = "green";
|
|
pageHeader.title = qsTr("Fernschreiber");
|
|
break;
|
|
case TelegramAPI.Updating:
|
|
pageStatus.color = "lightblue";
|
|
pageHeader.title = qsTr("Updating content...");
|
|
break;
|
|
}
|
|
}
|
|
|
|
function updateContent() {
|
|
tdLibWrapper.getChats();
|
|
}
|
|
|
|
function initializePage() {
|
|
overviewPage.authorizationState = tdLibWrapper.getAuthorizationState();
|
|
overviewPage.handleAuthorizationState();
|
|
overviewPage.connectionState = tdLibWrapper.getConnectionState();
|
|
overviewPage.setPageStatus();
|
|
}
|
|
|
|
function handleAuthorizationState() {
|
|
switch (overviewPage.authorizationState) {
|
|
case TelegramAPI.WaitPhoneNumber:
|
|
overviewPage.loading = false;
|
|
pageStack.push(Qt.resolvedUrl("../pages/InitializationPage.qml"));
|
|
break;
|
|
case TelegramAPI.WaitCode:
|
|
overviewPage.loading = false;
|
|
pageStack.push(Qt.resolvedUrl("../pages/InitializationPage.qml"));
|
|
break;
|
|
case TelegramAPI.WaitPassword:
|
|
overviewPage.loading = false;
|
|
pageStack.push(Qt.resolvedUrl("../pages/InitializationPage.qml"));
|
|
break;
|
|
case TelegramAPI.AuthorizationReady:
|
|
overviewPage.loading = false;
|
|
overviewPage.initializationCompleted = true;
|
|
overviewPage.updateContent();
|
|
break;
|
|
default:
|
|
// Nothing ;)
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: tdLibWrapper
|
|
onAuthorizationStateChanged: {
|
|
overviewPage.authorizationState = authorizationState;
|
|
handleAuthorizationState();
|
|
}
|
|
onConnectionStateChanged: {
|
|
overviewPage.connectionState = connectionState;
|
|
setPageStatus();
|
|
}
|
|
onOwnUserIdFound: {
|
|
overviewPage.ownUserId = ownUserId;
|
|
}
|
|
onChatLastMessageUpdated: {
|
|
if (!overviewPage.chatListCreated) {
|
|
chatListCreatedTimer.stop();
|
|
chatListCreatedTimer.start();
|
|
}
|
|
}
|
|
onChatOrderUpdated: {
|
|
if (!overviewPage.chatListCreated) {
|
|
chatListCreatedTimer.stop();
|
|
chatListCreatedTimer.start();
|
|
}
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
initializePage();
|
|
}
|
|
|
|
SilicaFlickable {
|
|
id: overviewContainer
|
|
contentHeight: parent.height
|
|
contentWidth: parent.width
|
|
anchors.fill: parent
|
|
visible: !overviewPage.loading
|
|
|
|
PullDownMenu {
|
|
MenuItem {
|
|
text: qsTr("About Fernschreiber")
|
|
onClicked: pageStack.push(Qt.resolvedUrl("../pages/AboutPage.qml"))
|
|
}
|
|
MenuItem {
|
|
text: qsTr("Settings")
|
|
onClicked: pageStack.push(Qt.resolvedUrl("../pages/SettingsPage.qml"))
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: column
|
|
width: parent.width
|
|
height: parent.height
|
|
spacing: Theme.paddingMedium
|
|
|
|
Row {
|
|
id: headerRow
|
|
width: parent.width
|
|
|
|
GlassItem {
|
|
id: pageStatus
|
|
width: Theme.itemSizeMedium
|
|
height: Theme.itemSizeMedium
|
|
color: "red"
|
|
falloffRadius: 0.1
|
|
radius: 0.2
|
|
cache: false
|
|
}
|
|
|
|
PageHeader {
|
|
id: pageHeader
|
|
title: qsTr("Fernschreiber")
|
|
width: parent.width - pageStatus.width
|
|
}
|
|
}
|
|
|
|
Item {
|
|
id: chatListItem
|
|
width: parent.width
|
|
height: parent.height - Theme.paddingMedium - headerRow.height
|
|
|
|
SilicaListView {
|
|
|
|
id: chatListView
|
|
|
|
anchors.fill: parent
|
|
|
|
clip: true
|
|
visible: count > 0
|
|
opacity: overviewPage.chatListCreated ? 1 : 0
|
|
Behavior on opacity { NumberAnimation {} }
|
|
|
|
model: chatListModel
|
|
delegate: ListItem {
|
|
|
|
id: chatListViewItem
|
|
|
|
contentHeight: chatListRow.height + chatListSeparator.height + 2 * Theme.paddingMedium
|
|
contentWidth: parent.width
|
|
|
|
onClicked: {
|
|
pageStack.push(Qt.resolvedUrl("../pages/ChatPage.qml"), { "chatInformation" : display });
|
|
}
|
|
|
|
menu: ContextMenu {
|
|
visible: display.id !== overviewPage.ownUserId
|
|
MenuItem {
|
|
onClicked: {
|
|
var newNotificationSettings = display.notification_settings;
|
|
if (newNotificationSettings.mute_for > 0) {
|
|
newNotificationSettings.mute_for = 0;
|
|
} else {
|
|
newNotificationSettings.mute_for = 6666666;
|
|
}
|
|
tdLibWrapper.setChatNotificationSettings(display.id, newNotificationSettings);
|
|
}
|
|
text: display.notification_settings.mute_for > 0 ? qsTr("Unmute Chat") : qsTr("Mute Chat")
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: chatListModel
|
|
onChatChanged: {
|
|
if (overviewPage.chatListCreated) {
|
|
// Force update of all list item elements. dataChanged() doesn't seem to trigger them all :(
|
|
chatListPictureThumbnail.photoData = (typeof display.photo !== "undefined") ? display.photo.small : "";
|
|
chatUnreadMessagesCountBackground.visible = display.unread_count > 0;
|
|
chatUnreadMessagesCount.text = display.unread_count > 99 ? "99+" : display.unread_count;
|
|
chatListNameText.text = display.title !== "" ? Emoji.emojify(display.title, Theme.fontSizeMedium) + ( display.notification_settings.mute_for > 0 ? Emoji.emojify(" 🔇", Theme.fontSizeMedium) : "" ) : qsTr("Unknown")
|
|
chatListLastMessageText.text = (typeof display.last_message !== "undefined") ? Emoji.emojify(Functions.getMessageText(display.last_message, true), Theme.fontSizeExtraSmall) : qsTr("Unknown");
|
|
messageContactTimeElapsedText.text = (typeof display.last_message !== "undefined") ? Functions.getDateTimeElapsed(display.last_message.date) : qsTr("Unknown");
|
|
}
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: chatListColumn
|
|
width: parent.width - ( 2 * Theme.horizontalPageMargin )
|
|
spacing: Theme.paddingSmall
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Row {
|
|
id: chatListRow
|
|
width: parent.width
|
|
height: chatListContentColumn.height
|
|
spacing: Theme.paddingMedium
|
|
|
|
Column {
|
|
id: chatListPictureColumn
|
|
width: chatListContentColumn.height - Theme.paddingSmall
|
|
height: chatListContentColumn.height - Theme.paddingSmall
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
Item {
|
|
id: chatListPictureItem
|
|
width: parent.width
|
|
height: parent.width
|
|
|
|
ProfileThumbnail {
|
|
id: chatListPictureThumbnail
|
|
photoData: (typeof display.photo !== "undefined") ? display.photo.small : ""
|
|
replacementStringHint: chatListNameText.text
|
|
width: parent.width
|
|
height: parent.width
|
|
forceElementUpdate: overviewPage.chatListCreated
|
|
}
|
|
|
|
Rectangle {
|
|
id: chatUnreadMessagesCountBackground
|
|
color: Theme.highlightBackgroundColor
|
|
width: Theme.fontSizeLarge
|
|
height: Theme.fontSizeLarge
|
|
anchors.right: parent.right
|
|
anchors.bottom: parent.bottom
|
|
radius: parent.width / 2
|
|
visible: display.unread_count > 0
|
|
}
|
|
|
|
Text {
|
|
id: chatUnreadMessagesCount
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
font.bold: true
|
|
color: Theme.primaryColor
|
|
anchors.centerIn: chatUnreadMessagesCountBackground
|
|
visible: chatUnreadMessagesCountBackground.visible
|
|
text: display.unread_count > 99 ? "99+" : display.unread_count
|
|
}
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: chatListContentColumn
|
|
width: parent.width * 5 / 6 - Theme.horizontalPageMargin
|
|
spacing: Theme.paddingSmall
|
|
|
|
Text {
|
|
id: chatListNameText
|
|
text: display.title !== "" ? Emoji.emojify(display.title, Theme.fontSizeMedium) + ( display.notification_settings.mute_for > 0 ? Emoji.emojify(" 🔇", Theme.fontSizeMedium) : "" ) : qsTr("Unknown")
|
|
textFormat: Text.StyledText
|
|
font.pixelSize: Theme.fontSizeMedium
|
|
color: Theme.primaryColor
|
|
elide: Text.ElideRight
|
|
width: parent.width
|
|
onTruncatedChanged: {
|
|
// There is obviously a bug in QML in truncating text with images.
|
|
// We simply remove Emojis then...
|
|
if (truncated) {
|
|
text = text.replace(/\<img [^>]+\/\>/g, "");
|
|
}
|
|
}
|
|
}
|
|
|
|
Row {
|
|
id: chatListLastMessageRow
|
|
width: parent.width
|
|
spacing: Theme.paddingSmall
|
|
Text {
|
|
id: chatListLastUserText
|
|
text: (typeof display.last_message !== "undefined") ? ( display.last_message.sender_user_id !== overviewPage.ownUserId ? Emoji.emojify(Functions.getUserName(tdLibWrapper.getUserInformation(display.last_message.sender_user_id)), font.pixelSize) : qsTr("You") ) : qsTr("Unknown")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.highlightColor
|
|
textFormat: Text.StyledText
|
|
onTruncatedChanged: {
|
|
// There is obviously a bug in QML in truncating text with images.
|
|
// We simply remove Emojis then...
|
|
if (truncated) {
|
|
text = text.replace(/\<img [^>]+\/\>/g, "");
|
|
}
|
|
}
|
|
}
|
|
Text {
|
|
id: chatListLastMessageText
|
|
text: (typeof display.last_message !== "undefined") ? Emoji.emojify(Functions.getMessageText(display.last_message, true), Theme.fontSizeExtraSmall) : qsTr("Unknown")
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
color: Theme.primaryColor
|
|
width: parent.width - Theme.paddingMedium - chatListLastUserText.width
|
|
elide: Text.ElideRight
|
|
textFormat: Text.StyledText
|
|
onTruncatedChanged: {
|
|
// There is obviously a bug in QML in truncating text with images.
|
|
// We simply remove Emojis then...
|
|
if (truncated) {
|
|
text = text.replace(/\<img [^>]+\/\>/g, "");
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: messageContactTimeUpdater
|
|
interval: 60000
|
|
running: true
|
|
repeat: true
|
|
onTriggered: {
|
|
if (typeof display.last_message !== "undefined") {
|
|
messageContactTimeElapsedText.text = Functions.getDateTimeElapsed(display.last_message.date);
|
|
}
|
|
}
|
|
}
|
|
|
|
Text {
|
|
id: messageContactTimeElapsedText
|
|
text: (typeof display.last_message !== "undefined") ? Functions.getDateTimeElapsed(display.last_message.date) : qsTr("Unknown")
|
|
font.pixelSize: Theme.fontSizeTiny
|
|
color: Theme.secondaryColor
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
Separator {
|
|
id: chatListSeparator
|
|
|
|
anchors {
|
|
top: chatListColumn.bottom
|
|
topMargin: Theme.paddingMedium
|
|
}
|
|
|
|
width: parent.width
|
|
color: Theme.primaryColor
|
|
horizontalAlignment: Qt.AlignHCenter
|
|
}
|
|
|
|
}
|
|
|
|
VerticalScrollDecorator {}
|
|
}
|
|
|
|
Column {
|
|
width: parent.width
|
|
height: loadingLabel.height + loadingBusyIndicator.height + Theme.paddingMedium
|
|
spacing: Theme.paddingMedium
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
opacity: overviewPage.chatListCreated ? 0 : 1
|
|
Behavior on opacity { NumberAnimation {} }
|
|
visible: !overviewPage.chatListCreated
|
|
|
|
InfoLabel {
|
|
id: loadingLabel
|
|
text: qsTr("Loading chat list...")
|
|
}
|
|
|
|
BusyIndicator {
|
|
id: loadingBusyIndicator
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
running: !overviewPage.chatListCreated
|
|
size: BusyIndicatorSize.Large
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|