366 lines
15 KiB
QML
366 lines
15 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 WerkWolf.Fernschreiber 1.0
|
|
import "../components"
|
|
import "../js/twemoji.js" as Emoji
|
|
import "../js/functions.js" as Functions
|
|
|
|
Page {
|
|
id: chatPage
|
|
allowedOrientations: Orientation.All
|
|
|
|
property bool loading: true;
|
|
property int myUserId: tdLibWrapper.getUserInformation().id;
|
|
property variant chatInformation;
|
|
property bool isPrivateChat: false;
|
|
property bool isBasicGroup: false;
|
|
property bool isSuperGroup: false;
|
|
property bool isChannel: false;
|
|
property variant chatPartnerInformation;
|
|
property variant chatGroupInformation;
|
|
property int chatOnlineMemberCount: 0;
|
|
|
|
function getShortenedCount(count) {
|
|
if (count >= 1000000) {
|
|
return qsTr("%1M").arg((count / 1000000).toLocaleString(Qt.locale(), 'f', 0));
|
|
} else if (count >= 1000 ) {
|
|
return qsTr("%1K").arg((count / 1000).toLocaleString(Qt.locale(), 'f', 0));
|
|
} else {
|
|
return count;
|
|
}
|
|
}
|
|
|
|
function updateChatPartnerStatusText() {
|
|
if (chatPartnerInformation.status['@type'] === "userStatusEmpty" ) {
|
|
chatStatusText.text = qsTr("was never online");
|
|
}
|
|
if (chatPartnerInformation.status['@type'] === "userStatusLastMonth" ) {
|
|
chatStatusText.text = qsTr("offline, last online: last month");
|
|
}
|
|
if (chatPartnerInformation.status['@type'] === "userStatusLastWeek" ) {
|
|
chatStatusText.text = qsTr("offline, last online: last week");
|
|
}
|
|
if (chatPartnerInformation.status['@type'] === "userStatusOffline" ) {
|
|
chatStatusText.text = qsTr("offline, last online: %1").arg(Functions.getDateTimeElapsed(chatPartnerInformation.status.was_online));
|
|
}
|
|
if (chatPartnerInformation.status['@type'] === "userStatusOnline" ) {
|
|
chatStatusText.text = qsTr("online");
|
|
}
|
|
if (chatPartnerInformation.status['@type'] === "userStatusRecently" ) {
|
|
chatStatusText.text = qsTr("offline, was recently online");
|
|
}
|
|
}
|
|
|
|
function updateGroupStatusText() {
|
|
if (chatOnlineMemberCount > 0) {
|
|
chatStatusText.text = qsTr("%1 members, %2 online").arg(getShortenedCount(chatGroupInformation.member_count)).arg(getShortenedCount(chatOnlineMemberCount));
|
|
} else {
|
|
if (isChannel) {
|
|
chatStatusText.text = qsTr("%1 subscribers").arg(getShortenedCount(chatGroupInformation.member_count));
|
|
} else {
|
|
chatStatusText.text = qsTr("%1 members").arg(getShortenedCount(chatGroupInformation.member_count));
|
|
}
|
|
}
|
|
}
|
|
|
|
function initializePage() {
|
|
tdLibWrapper.openChat(chatInformation.id);
|
|
chatModel.initialize(chatInformation.id);
|
|
var chatType = chatInformation.type['@type'];
|
|
isPrivateChat = ( chatType === "chatTypePrivate" );
|
|
isBasicGroup = ( chatType === "chatTypeBasicGroup" );
|
|
isSuperGroup = ( chatType === "chatTypeSupergroup" );
|
|
if (isPrivateChat) {
|
|
chatPartnerInformation = tdLibWrapper.getUserInformation(chatInformation.type.user_id);
|
|
updateChatPartnerStatusText();
|
|
}
|
|
if (isBasicGroup) {
|
|
chatGroupInformation = tdLibWrapper.getBasicGroup(chatInformation.type.basic_group_id);
|
|
updateGroupStatusText();
|
|
}
|
|
if (isSuperGroup) {
|
|
chatGroupInformation = tdLibWrapper.getSuperGroup(chatInformation.type.supergroup_id);
|
|
isChannel = chatGroupInformation.is_channel;
|
|
updateGroupStatusText();
|
|
}
|
|
tdLibWrapper.getChatHistory(chatInformation.id);
|
|
chatPage.loading = false;
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
initializePage();
|
|
}
|
|
|
|
onStatusChanged: {
|
|
if (status === PageStatus.Deactivating) {
|
|
tdLibWrapper.closeChat(chatInformation.id);
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: tdLibWrapper
|
|
onUserUpdated: {
|
|
if (isPrivateChat && chatPartnerInformation.id.toString() === userId ) {
|
|
chatPartnerInformation = userInformation;
|
|
updateChatPartnerStatusText();
|
|
}
|
|
}
|
|
onBasicGroupUpdated: {
|
|
if (isBasicGroup && chatGroupInformation.id.toString() === groupId ) {
|
|
chatGroupInformation = groupInformation;
|
|
updateGroupStatusText();
|
|
}
|
|
}
|
|
onSuperGroupUpdated: {
|
|
if (isSuperGroup && chatGroupInformation.id.toString() === groupId ) {
|
|
chatGroupInformation = groupInformation;
|
|
updateGroupStatusText();
|
|
}
|
|
}
|
|
onChatOnlineMemberCountUpdated: {
|
|
console.log(isSuperGroup + "/" + isBasicGroup + "/" + chatInformation.id.toString() + "/" + chatId);
|
|
if ((isSuperGroup || isBasicGroup) && chatInformation.id.toString() === chatId) {
|
|
chatOnlineMemberCount = onlineMemberCount;
|
|
updateGroupStatusText();
|
|
}
|
|
}
|
|
}
|
|
|
|
Connections {
|
|
target: chatModel
|
|
onMessagesReceived: {
|
|
chatView.positionViewAtEnd();
|
|
}
|
|
onNewMessageReceived: {
|
|
chatView.positionViewAtEnd();
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: chatContactTimeUpdater
|
|
interval: 60000
|
|
running: true
|
|
repeat: true
|
|
onTriggered: {
|
|
updateChatPartnerStatusText();
|
|
}
|
|
}
|
|
|
|
SilicaFlickable {
|
|
id: chatContainer
|
|
contentHeight: parent.height
|
|
contentWidth: parent.width
|
|
anchors.fill: parent
|
|
visible: !chatPage.loading
|
|
|
|
Column {
|
|
id: chatColumn
|
|
width: parent.width
|
|
height: parent.height
|
|
spacing: Theme.paddingMedium
|
|
|
|
Row {
|
|
id: headerRow
|
|
width: parent.width - (3 * Theme.horizontalPageMargin)
|
|
height: chatOverviewColumn.height + ( 2 * Theme.horizontalPageMargin )
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
spacing: Theme.paddingMedium
|
|
|
|
ProfileThumbnail {
|
|
id: chatPictureThumbnail
|
|
photoData: (typeof chatInformation.photo !== "undefined") ? chatInformation.photo.small : ""
|
|
replacementStringHint: chatNameText.text
|
|
width: chatOverviewColumn.height
|
|
height: chatOverviewColumn.height
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
}
|
|
|
|
Column {
|
|
id: chatOverviewColumn
|
|
width: parent.width - chatPictureThumbnail.width - Theme.paddingMedium
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
Text {
|
|
id: chatNameText
|
|
text: chatInformation.title !== "" ? Emoji.emojify(chatInformation.title, font.pixelSize) : qsTr("Unknown")
|
|
textFormat: Text.StyledText
|
|
font.pixelSize: Theme.fontSizeLarge
|
|
font.family: Theme.fontFamilyHeading
|
|
color: Theme.highlightColor
|
|
elide: Text.ElideRight
|
|
width: parent.width
|
|
maximumLineCount: 1
|
|
horizontalAlignment: Text.AlignRight
|
|
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: chatStatusText
|
|
text: ""
|
|
textFormat: Text.StyledText
|
|
font.pixelSize: Theme.fontSizeExtraSmall
|
|
font.family: Theme.fontFamilyHeading
|
|
color: Theme.secondaryColor
|
|
elide: Text.ElideRight
|
|
width: parent.width
|
|
maximumLineCount: 1
|
|
horizontalAlignment: Text.AlignRight
|
|
}
|
|
}
|
|
}
|
|
|
|
SilicaListView {
|
|
id: chatView
|
|
|
|
width: parent.width
|
|
height: parent.height - ( 2 * Theme.paddingMedium ) - headerRow.height - newMessageRow.height
|
|
|
|
clip: true
|
|
visible: count > 0
|
|
|
|
onMovementEnded: {
|
|
tdLibWrapper.viewMessage(chatInformation.id, chatView.itemAt(chatView.contentX, ( chatView.contentY + chatView.height - Theme.horizontalPageMargin )).myMessage.id);
|
|
}
|
|
|
|
onQuickScrollAnimatingChanged: {
|
|
if (!quickScrollAnimating) {
|
|
tdLibWrapper.viewMessage(chatInformation.id, chatView.itemAt(chatView.contentX, ( chatView.contentY + chatView.height - Theme.horizontalPageMargin )).myMessage.id);
|
|
}
|
|
}
|
|
|
|
onCurrentIndexChanged: {
|
|
tdLibWrapper.viewMessage(chatInformation.id, currentItem.myMessage.id);
|
|
}
|
|
|
|
model: chatModel
|
|
delegate: ListItem {
|
|
|
|
id: messageListItem
|
|
contentHeight: messageTextItem.height + Theme.paddingMedium
|
|
contentWidth: parent.width
|
|
|
|
property variant myMessage: display
|
|
|
|
Column {
|
|
id: messageTextItem
|
|
|
|
spacing: Theme.paddingSmall
|
|
|
|
width: parent.width
|
|
height: messageText.height + messageDateText.height + Theme.paddingMedium
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
|
|
Text {
|
|
anchors {
|
|
left: parent.left
|
|
leftMargin: (chatPage.myUserId === display.sender_user_id) ? 4 * Theme.horizontalPageMargin : Theme.horizontalPageMargin
|
|
right: parent.right
|
|
rightMargin: (chatPage.myUserId === display.sender_user_id) ? Theme.horizontalPageMargin : 4 * Theme.horizontalPageMargin
|
|
}
|
|
|
|
id: messageText
|
|
text: Emoji.emojify(Functions.getSimpleMessageText(display), font.pixelSize)
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
color: chatPage.myUserId === display.sender_user_id ? Theme.highlightColor : Theme.primaryColor
|
|
wrapMode: Text.Wrap
|
|
textFormat: Text.StyledText
|
|
onLinkActivated: {
|
|
// Functions.handleLink(link);
|
|
}
|
|
horizontalAlignment: (chatPage.myUserId === display.sender_user_id) ? Text.AlignRight : Text.AlignLeft
|
|
linkColor: Theme.highlightColor
|
|
}
|
|
|
|
Timer {
|
|
id: messageDateUpdater
|
|
interval: 60000
|
|
running: true
|
|
repeat: true
|
|
onTriggered: {
|
|
messageDateText.text = Functions.getDateTimeElapsed(display.date);
|
|
}
|
|
}
|
|
|
|
Text {
|
|
anchors {
|
|
left: parent.left
|
|
leftMargin: (chatPage.myUserId === display.sender_user_id) ? 4 * Theme.horizontalPageMargin : Theme.horizontalPageMargin
|
|
right: parent.right
|
|
rightMargin: (chatPage.myUserId === display.sender_user_id) ? Theme.horizontalPageMargin : 4 * Theme.horizontalPageMargin
|
|
}
|
|
|
|
id: messageDateText
|
|
text: Functions.getDateTimeElapsed(display.date)
|
|
font.pixelSize: Theme.fontSizeTiny
|
|
color: chatPage.myUserId === display.sender_user_id ? Theme.highlightColor : Theme.primaryColor
|
|
horizontalAlignment: (chatPage.myUserId === display.sender_user_id) ? Text.AlignRight : Text.AlignLeft
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
VerticalScrollDecorator {}
|
|
}
|
|
|
|
Row {
|
|
id: newMessageRow
|
|
width: parent.width - Theme.horizontalPageMargin
|
|
height: sendMessageColumn.height + ( 2 * Theme.paddingLarge )
|
|
anchors.left: parent.left
|
|
spacing: Theme.paddingMedium
|
|
Column {
|
|
id: sendMessageColumn
|
|
width: parent.width - Theme.fontSizeMedium - ( 2 * Theme.paddingMedium )
|
|
anchors.verticalCenter: parent.verticalCenter
|
|
TextArea {
|
|
id: newMessageTextField
|
|
width: parent.width
|
|
font.pixelSize: Theme.fontSizeSmall
|
|
placeholderText: qsTr("Your message")
|
|
labelVisible: false
|
|
}
|
|
}
|
|
|
|
Column {
|
|
width: Theme.fontSizeMedium
|
|
anchors.bottom: parent.bottom
|
|
anchors.bottomMargin: Theme.paddingLarge
|
|
IconButton {
|
|
id: newMessageSendButton
|
|
icon.source: "image://theme/icon-m-chat"
|
|
anchors.horizontalCenter: parent.horizontalCenter
|
|
onClicked: {
|
|
// Send message
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|