2196 lines
105 KiB
QML
2196 lines
105 KiB
QML
/*
|
||
Copyright (C) 2020 Sebastian J. Wolf and other contributors
|
||
|
||
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.6
|
||
import QtGraphicalEffects 1.0
|
||
import Sailfish.Silica 1.0
|
||
import Sailfish.Pickers 1.0
|
||
import Nemo.Thumbnailer 1.0
|
||
import WerkWolf.Fernschreiber 1.0
|
||
import "../components"
|
||
import "../js/debug.js" as Debug
|
||
import "../js/twemoji.js" as Emoji
|
||
import "../js/functions.js" as Functions
|
||
|
||
Page {
|
||
id: chatPage
|
||
allowedOrientations: Orientation.All
|
||
backNavigation: !stickerPickerLoader.active
|
||
|
||
property bool loading: true;
|
||
property bool isInitialized: false;
|
||
readonly property int myUserId: tdLibWrapper.getUserInformation().id;
|
||
property var chatInformation;
|
||
property var secretChatDetails;
|
||
property alias chatPicture: chatPictureThumbnail.photoData
|
||
property bool isPrivateChat: false;
|
||
property bool isSecretChat: false;
|
||
property bool isSecretChatReady: false;
|
||
property bool isBasicGroup: false;
|
||
property bool isSuperGroup: false;
|
||
property bool isChannel: false;
|
||
property bool isDeletedUser: false;
|
||
property bool containsSponsoredMessages: false;
|
||
property var chatPartnerInformation;
|
||
property var botInformation;
|
||
property var chatGroupInformation;
|
||
property int chatOnlineMemberCount: 0;
|
||
property var emojiProposals;
|
||
property bool iterativeInitialization: false;
|
||
property var messageToShow;
|
||
property string messageIdToShow;
|
||
readonly property bool userIsMember: ((isPrivateChat || isSecretChat) && chatInformation["@type"]) || // should be optimized
|
||
(isBasicGroup || isSuperGroup) && (
|
||
(chatGroupInformation.status["@type"] === "chatMemberStatusMember")
|
||
|| (chatGroupInformation.status["@type"] === "chatMemberStatusAdministrator")
|
||
|| (chatGroupInformation.status["@type"] === "chatMemberStatusRestricted" && chatGroupInformation.status.is_member)
|
||
|| (chatGroupInformation.status["@type"] === "chatMemberStatusCreator" && chatGroupInformation.status.is_member)
|
||
)
|
||
property var selectedMessages: []
|
||
readonly property bool isSelecting: selectedMessages.length > 0
|
||
readonly property bool canSendMessages: hasSendPrivilege("can_send_basic_messages")
|
||
property bool doSendBotStartMessage
|
||
property string sendBotStartMessageParameter
|
||
property var availableReactions
|
||
|
||
states: [
|
||
State {
|
||
name: "selectMessages"
|
||
when: isSelecting
|
||
PropertyChanges {
|
||
target: chatNameText
|
||
text: qsTr("Select Messages")
|
||
}
|
||
PropertyChanges {
|
||
target: chatStatusText
|
||
text: qsTr("%Ln messages selected", "number of messages selected", chatPage.selectedMessages.length)
|
||
}
|
||
PropertyChanges {
|
||
target: newMessageTextField
|
||
focus: false
|
||
}
|
||
}
|
||
|
||
]
|
||
|
||
function toggleMessageSelection(message) {
|
||
var selectionArray = selectedMessages;
|
||
var foundIndex = -1
|
||
if(selectionArray.length > 0) {
|
||
for(var i = 0; i < selectionArray.length; i += 1) {
|
||
if(selectionArray[i].id === message.id) {
|
||
foundIndex = i;
|
||
continue;
|
||
}
|
||
}
|
||
}
|
||
if(foundIndex > -1) {
|
||
selectionArray.splice(foundIndex, 1);
|
||
} else {
|
||
selectionArray.push(message);
|
||
}
|
||
selectedMessages = selectionArray;
|
||
}
|
||
|
||
function updateChatPartnerStatusText() {
|
||
if (chatPage.isSelecting) {
|
||
return
|
||
}
|
||
var statusText = Functions.getChatPartnerStatusText(chatPartnerInformation.status['@type'], chatPartnerInformation.status.was_online);
|
||
if (chatPage.secretChatDetails) {
|
||
var secretChatStatus = Functions.getSecretChatStatus(chatPage.secretChatDetails);
|
||
if (statusText && secretChatStatus) {
|
||
statusText += " - ";
|
||
}
|
||
if (secretChatStatus) {
|
||
statusText += secretChatStatus;
|
||
}
|
||
}
|
||
if (statusText) {
|
||
chatStatusText.text = statusText;
|
||
}
|
||
if (chatPartnerInformation.type['@type'] === "userTypeDeleted") {
|
||
chatNameText.text = qsTr("Deleted User");
|
||
chatPage.isDeletedUser = true;
|
||
}
|
||
}
|
||
|
||
function updateGroupStatusText() {
|
||
if (chatPage.isSelecting) {
|
||
return
|
||
}
|
||
if (chatOnlineMemberCount > 0) {
|
||
chatStatusText.text = qsTr("%1, %2", "combination of '[x members], [y online]', which are separate translations")
|
||
.arg(qsTr("%1 members", "", chatGroupInformation.member_count)
|
||
.arg(Functions.getShortenedCount(chatGroupInformation.member_count)))
|
||
.arg(qsTr("%1 online", "", chatOnlineMemberCount)
|
||
.arg(Functions.getShortenedCount(chatOnlineMemberCount)));
|
||
} else {
|
||
if (isChannel) {
|
||
chatStatusText.text = qsTr("%1 subscribers", "", chatGroupInformation.member_count).arg(Functions.getShortenedCount(chatGroupInformation.member_count));
|
||
} else {
|
||
chatStatusText.text = qsTr("%1 members", "", chatGroupInformation.member_count).arg(Functions.getShortenedCount(chatGroupInformation.member_count));
|
||
}
|
||
}
|
||
joinLeaveChatMenuItem.text = chatPage.userIsMember ? qsTr("Leave Chat") : qsTr("Join Chat");
|
||
}
|
||
|
||
function initializePage() {
|
||
Debug.log("[ChatPage] Initializing chat page...");
|
||
chatView.currentIndex = -1;
|
||
chatView.lastReadSentIndex = -1;
|
||
var chatType = chatInformation.type['@type'];
|
||
isPrivateChat = chatType === "chatTypePrivate";
|
||
isSecretChat = chatType === "chatTypeSecret";
|
||
isBasicGroup = ( chatType === "chatTypeBasicGroup" );
|
||
isSuperGroup = ( chatType === "chatTypeSupergroup" );
|
||
if (isPrivateChat || isSecretChat) {
|
||
chatPartnerInformation = tdLibWrapper.getUserInformation(chatInformation.type.user_id);
|
||
updateChatPartnerStatusText();
|
||
if (isSecretChat) {
|
||
tdLibWrapper.getSecretChat(chatInformation.type.secret_chat_id);
|
||
}
|
||
if(chatPartnerInformation.type["@type"] === "userTypeBot") {
|
||
tdLibWrapper.getUserFullInfo(chatPartnerInformation.id)
|
||
}
|
||
}
|
||
else if (isBasicGroup) {
|
||
chatGroupInformation = tdLibWrapper.getBasicGroup(chatInformation.type.basic_group_id);
|
||
updateGroupStatusText();
|
||
}
|
||
else if (isSuperGroup) {
|
||
chatGroupInformation = tdLibWrapper.getSuperGroup(chatInformation.type.supergroup_id);
|
||
isChannel = chatGroupInformation.is_channel;
|
||
updateGroupStatusText();
|
||
}
|
||
if (stickerManager.needsReload()) {
|
||
Debug.log("[ChatPage] Recent stickers will be reloaded!");
|
||
tdLibWrapper.getRecentStickers();
|
||
stickerManager.setNeedsReload(false);
|
||
}
|
||
tdLibWrapper.getChatPinnedMessage(chatInformation.id);
|
||
tdLibWrapper.toggleChatIsMarkedAsUnread(chatInformation.id, false);
|
||
availableReactions = tdLibWrapper.getChatReactions(chatInformation.id);
|
||
}
|
||
|
||
function getMessageStatusText(message, listItemIndex, lastReadSentIndex, useElapsed) {
|
||
Debug.log("Last read sent index: " + lastReadSentIndex);
|
||
var messageStatusSuffix = "";
|
||
if(!message) {
|
||
return "";
|
||
}
|
||
|
||
if (message['@type'] === "sponsoredMessage") {
|
||
return qsTr("Sponsored Message");
|
||
}
|
||
|
||
if (message.edit_date > 0) {
|
||
messageStatusSuffix += " - " + qsTr("edited");
|
||
}
|
||
|
||
if (chatPage.myUserId === message.sender_id.user_id) {
|
||
messageStatusSuffix += " "
|
||
if (listItemIndex <= lastReadSentIndex) {
|
||
// Read by other party
|
||
messageStatusSuffix += Emoji.emojify("✅", Theme.fontSizeTiny);
|
||
} else {
|
||
// Not yet read by other party
|
||
if (message.sending_state) {
|
||
if (message.sending_state['@type'] === "messageSendingStatePending") {
|
||
messageStatusSuffix += Emoji.emojify("🕙", Theme.fontSizeTiny);
|
||
} else {
|
||
// Sending failed...
|
||
messageStatusSuffix += Emoji.emojify("❌", Theme.fontSizeTiny);
|
||
}
|
||
} else {
|
||
messageStatusSuffix += Emoji.emojify("☑️", Theme.fontSizeTiny);
|
||
}
|
||
}
|
||
}
|
||
return ( useElapsed ? Functions.getDateTimeElapsed(message.date) : Functions.getDateTimeTranslated(message.date) ) + messageStatusSuffix;
|
||
}
|
||
|
||
function clearAttachmentPreviewRow() {
|
||
attachmentPreviewRow.isPicture = false;
|
||
attachmentPreviewRow.isVideo = false;
|
||
attachmentPreviewRow.isDocument = false;
|
||
attachmentPreviewRow.isVoiceNote = false;
|
||
attachmentPreviewRow.isLocation = false;
|
||
attachmentPreviewRow.fileProperties = null;
|
||
attachmentPreviewRow.locationData = null;
|
||
attachmentPreviewRow.attachmentDescription = "";
|
||
fernschreiberUtils.stopGeoLocationUpdates();
|
||
}
|
||
|
||
function controlSendButton() {
|
||
if (newMessageTextField.text.length !== 0
|
||
|| attachmentPreviewRow.isPicture
|
||
|| attachmentPreviewRow.isDocument
|
||
|| attachmentPreviewRow.isVideo
|
||
|| attachmentPreviewRow.isVoiceNote
|
||
|| attachmentPreviewRow.isLocation) {
|
||
newMessageSendButton.enabled = true;
|
||
} else {
|
||
newMessageSendButton.enabled = false;
|
||
}
|
||
}
|
||
|
||
function sendMessage() {
|
||
if (newMessageColumn.editMessageId !== "0") {
|
||
tdLibWrapper.editMessageText(chatInformation.id, newMessageColumn.editMessageId, newMessageTextField.text);
|
||
} else {
|
||
if (attachmentPreviewRow.visible) {
|
||
if (attachmentPreviewRow.isPicture) {
|
||
tdLibWrapper.sendPhotoMessage(chatInformation.id, attachmentPreviewRow.fileProperties.filePath, newMessageTextField.text, newMessageColumn.replyToMessageId);
|
||
}
|
||
if (attachmentPreviewRow.isVideo) {
|
||
tdLibWrapper.sendVideoMessage(chatInformation.id, attachmentPreviewRow.fileProperties.filePath, newMessageTextField.text, newMessageColumn.replyToMessageId);
|
||
}
|
||
if (attachmentPreviewRow.isDocument) {
|
||
tdLibWrapper.sendDocumentMessage(chatInformation.id, attachmentPreviewRow.fileProperties.filePath, newMessageTextField.text, newMessageColumn.replyToMessageId);
|
||
}
|
||
if (attachmentPreviewRow.isVoiceNote) {
|
||
tdLibWrapper.sendVoiceNoteMessage(chatInformation.id, fernschreiberUtils.voiceNotePath(), newMessageTextField.text, newMessageColumn.replyToMessageId);
|
||
}
|
||
if (attachmentPreviewRow.isLocation) {
|
||
tdLibWrapper.sendLocationMessage(chatInformation.id, attachmentPreviewRow.locationData.latitude, attachmentPreviewRow.locationData.longitude, attachmentPreviewRow.locationData.horizontalAccuracy, newMessageColumn.replyToMessageId);
|
||
}
|
||
clearAttachmentPreviewRow();
|
||
} else {
|
||
tdLibWrapper.sendTextMessage(chatInformation.id, newMessageTextField.text, newMessageColumn.replyToMessageId);
|
||
}
|
||
|
||
if(appSettings.focusTextAreaAfterSend) {
|
||
lostFocusTimer.start();
|
||
}
|
||
}
|
||
controlSendButton();
|
||
newMessageInReplyToRow.inReplyToMessage = null;
|
||
newMessageColumn.editMessageId = "0";
|
||
fernschreiberUtils.stopGeoLocationUpdates();
|
||
}
|
||
|
||
function getWordBoundaries(text, cursorPosition) {
|
||
var wordBoundaries = { beginIndex : 0, endIndex : text.length};
|
||
var currentIndex = 0;
|
||
for (currentIndex = (cursorPosition - 1); currentIndex > 0; currentIndex--) {
|
||
if (text.charAt(currentIndex) === ' ') {
|
||
wordBoundaries.beginIndex = currentIndex + 1;
|
||
break;
|
||
}
|
||
}
|
||
for (currentIndex = cursorPosition; currentIndex < text.length; currentIndex++) {
|
||
if (text.charAt(currentIndex) === ' ') {
|
||
wordBoundaries.endIndex = currentIndex;
|
||
break;
|
||
}
|
||
}
|
||
return wordBoundaries;
|
||
}
|
||
|
||
function handleMessageTextReplacement(text, cursorPosition) {
|
||
if(!newMessageTextField.focus) {
|
||
return;
|
||
}
|
||
|
||
var wordBoundaries = getWordBoundaries(text, cursorPosition);
|
||
|
||
var currentWord = text.substring(wordBoundaries.beginIndex, wordBoundaries.endIndex);
|
||
if (currentWord.length > 1 && currentWord.charAt(0) === ':') {
|
||
tdLibWrapper.searchEmoji(currentWord.substring(1));
|
||
} else {
|
||
chatPage.emojiProposals = null;
|
||
}
|
||
if (currentWord.length > 1 && currentWord.charAt(0) === '@') {
|
||
knownUsersRepeater.model = knownUsersProxyModel;
|
||
knownUsersProxyModel.setFilterWildcard("*" + currentWord.substring(1) + "*");
|
||
} else {
|
||
knownUsersRepeater.model = undefined;
|
||
}
|
||
|
||
}
|
||
|
||
function replaceMessageText(text, cursorPosition, newText) {
|
||
var wordBoundaries = getWordBoundaries(text, cursorPosition);
|
||
var newCompleteText = text.substring(0, wordBoundaries.beginIndex) + newText + " " + text.substring(wordBoundaries.endIndex);
|
||
var newIndex = wordBoundaries.beginIndex + newText.length + 1;
|
||
newMessageTextField.text = newCompleteText;
|
||
newMessageTextField.cursorPosition = newIndex;
|
||
lostFocusTimer.start();
|
||
}
|
||
|
||
function setMessageText(text, doSend) {
|
||
if(doSend) {
|
||
tdLibWrapper.sendTextMessage(chatInformation.id, text, "0");
|
||
}
|
||
else {
|
||
newMessageTextField.text = text
|
||
newMessageTextField.cursorPosition = text.length
|
||
lostFocusTimer.start();
|
||
}
|
||
|
||
}
|
||
|
||
function startForwardingMessages(messages) {
|
||
var ids = Functions.getMessagesArrayIds(messages);
|
||
var neededPermissions = Functions.getMessagesNeededForwardPermissions(messages);
|
||
var chatId = chatInformation.id;
|
||
pageStack.push(Qt.resolvedUrl("../pages/ChatSelectionPage.qml"), {
|
||
myUserId: chatPage.myUserId,
|
||
headerDescription: qsTr("Forward %Ln messages", "dialog header", ids.length),
|
||
payload: {fromChatId: chatId, messageIds:ids, neededPermissions: neededPermissions},
|
||
state: "forwardMessages"
|
||
});
|
||
}
|
||
|
||
function forwardMessages(fromChatId, messageIds) {
|
||
forwardMessagesTimer.fromChatId = fromChatId;
|
||
forwardMessagesTimer.messageIds = messageIds;
|
||
forwardMessagesTimer.start();
|
||
}
|
||
function hasSendPrivilege(privilege) {
|
||
var groupStatus = chatGroupInformation ? chatGroupInformation.status : null
|
||
var groupStatusType = groupStatus ? groupStatus["@type"] : null
|
||
return chatPage.isPrivateChat
|
||
|| (groupStatusType === "chatMemberStatusMember" && chatInformation.permissions[privilege])
|
||
|| groupStatusType === "chatMemberStatusAdministrator"
|
||
|| groupStatusType === "chatMemberStatusCreator"
|
||
|| (groupStatusType === "chatMemberStatusRestricted" && groupStatus.permissions[privilege])
|
||
|| (chatPage.isSecretChat && chatPage.isSecretChatReady)
|
||
}
|
||
function canPinMessages() {
|
||
Debug.log("Can we pin messages?");
|
||
if (chatPage.isPrivateChat || chatPage.isSecretChat) {
|
||
Debug.log("Private/Secret Chat: No!");
|
||
return false;
|
||
}
|
||
if (chatPage.chatGroupInformation.status["@type"] === "chatMemberStatusCreator") {
|
||
Debug.log("Creator of this chat: Yes!");
|
||
return true;
|
||
}
|
||
if (chatPage.chatInformation.permissions.can_pin_messages) {
|
||
Debug.log("All people can pin: Yes!");
|
||
return true;
|
||
}
|
||
if (chatPage.chatGroupInformation.status["@type"] === "chatMemberStatusAdministrator") {
|
||
Debug.log("Admin with privileges? ", chatPage.chatGroupInformation.status.can_pin_messages);
|
||
return chatPage.chatGroupInformation.status.can_pin_messages;
|
||
}
|
||
if (chatPage.chatGroupInformation.status["@type"] === "chatMemberStatusRestricted") {
|
||
Debug.log("Restricted, but can pin messages? ", chatPage.chatGroupInformation.status.permissions.can_pin_messages);
|
||
return chatPage.chatGroupInformation.status.permissions.can_pin_messages;
|
||
}
|
||
Debug.log("Something else: No!");
|
||
return false;
|
||
}
|
||
|
||
function resetFocus() {
|
||
if (searchInChatField.text === "") {
|
||
chatOverviewItem.visible = true;
|
||
}
|
||
searchInChatField.focus = false;
|
||
chatPage.focus = true;
|
||
}
|
||
|
||
Timer {
|
||
id: forwardMessagesTimer
|
||
interval: 200
|
||
|
||
property string fromChatId
|
||
property var messageIds
|
||
onTriggered: {
|
||
if(chatPage.loading) {
|
||
forwardMessagesTimer.start()
|
||
} else {
|
||
var forwardedToSecretChat = chatInformation.type["@type"] === "chatTypeSecret";
|
||
tdLibWrapper.forwardMessages(chatInformation.id, fromChatId, messageIds, forwardedToSecretChat, false);
|
||
}
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: searchInChatTimer
|
||
interval: 300
|
||
running: false
|
||
repeat: false
|
||
onTriggered: {
|
||
Debug.log("Searching for '" + searchInChatField.text + "'");
|
||
chatModel.setSearchQuery(searchInChatField.text);
|
||
}
|
||
}
|
||
|
||
Component.onCompleted: {
|
||
initializePage();
|
||
}
|
||
|
||
Component.onDestruction: {
|
||
if (chatPage.canSendMessages && !chatPage.isDeletedUser) {
|
||
tdLibWrapper.setChatDraftMessage(chatInformation.id, 0, newMessageColumn.replyToMessageId, newMessageTextField.text,
|
||
newMessageInReplyToRow.inReplyToMessage ? newMessageInReplyToRow.inReplyToMessage.id : 0);
|
||
}
|
||
fernschreiberUtils.stopGeoLocationUpdates();
|
||
tdLibWrapper.closeChat(chatInformation.id);
|
||
}
|
||
|
||
onStatusChanged: {
|
||
switch(status) {
|
||
case PageStatus.Activating:
|
||
tdLibWrapper.openChat(chatInformation.id);
|
||
if(!chatPage.isInitialized) {
|
||
if(chatInformation.draft_message) {
|
||
if(chatInformation.draft_message && chatInformation.draft_message.input_message_text) {
|
||
newMessageTextField.text = chatInformation.draft_message.input_message_text.text.text;
|
||
if(chatInformation.draft_message.reply_to_message_id) {
|
||
tdLibWrapper.getMessage(chatInformation.id, chatInformation.draft_message.reply_to_message_id);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
break;
|
||
case PageStatus.Deactivating:
|
||
messageOptionsDrawer.open = false
|
||
break;
|
||
case PageStatus.Active:
|
||
if (!chatPage.isInitialized) {
|
||
chatModel.initialize(chatInformation);
|
||
|
||
pageStack.pushAttached(Qt.resolvedUrl("ChatInformationPage.qml"), { "chatInformation" : chatInformation, "privateChatUserInformation": chatPartnerInformation, "groupInformation": chatGroupInformation, "chatOnlineMemberCount": chatOnlineMemberCount});
|
||
|
||
if(doSendBotStartMessage) {
|
||
tdLibWrapper.sendBotStartMessage(chatInformation.id, chatInformation.id, sendBotStartMessageParameter, "")
|
||
}
|
||
}
|
||
break;
|
||
case PageStatus.Inactive:
|
||
if (pageStack.depth === 1) {
|
||
// Only clear chat model if navigated back to overview page. In other cases we keep the information...
|
||
chatModel.clear();
|
||
}
|
||
break;
|
||
}
|
||
}
|
||
|
||
Connections {
|
||
target: tdLibWrapper
|
||
onUserUpdated: {
|
||
if ((isPrivateChat || isSecretChat) && 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: {
|
||
Debug.log(isSuperGroup, "/", isBasicGroup, "/", chatInformation.id.toString(), "/", chatId);
|
||
if ((isSuperGroup || isBasicGroup) && chatInformation.id.toString() === chatId) {
|
||
chatOnlineMemberCount = onlineMemberCount;
|
||
updateGroupStatusText();
|
||
}
|
||
}
|
||
onFileUpdated: {
|
||
uploadStatusRow.visible = fileInformation.remote.is_uploading_active;
|
||
if (uploadStatusRow.visible) {
|
||
uploadingProgressBar.maximumValue = fileInformation.size;
|
||
uploadingProgressBar.value = fileInformation.remote.uploaded_size;
|
||
}
|
||
}
|
||
onEmojiSearchSuccessful: {
|
||
chatPage.emojiProposals = result;
|
||
}
|
||
onErrorReceived: {
|
||
Functions.handleErrorMessage(code, message);
|
||
}
|
||
onReceivedMessage: {
|
||
if (message.is_pinned) {
|
||
Debug.log("[ChatPage] Received pinned message");
|
||
pinnedMessageItem.pinnedMessage = message;
|
||
}
|
||
if (chatInformation.draft_message && messageId === chatInformation.draft_message.reply_to_message_id) {
|
||
newMessageInReplyToRow.inReplyToMessage = message;
|
||
}
|
||
Debug.log("Received message ID: " + messageId + ", message ID to show: " + chatPage.messageIdToShow)
|
||
if (chatPage.messageIdToShow && chatPage.messageIdToShow === String(messageId)) {
|
||
messageOverlayLoader.overlayMessage = message;
|
||
messageOverlayLoader.active = true;
|
||
}
|
||
}
|
||
onSecretChatReceived: {
|
||
if (secretChatId === chatInformation.type.secret_chat_id) {
|
||
Debug.log("[ChatPage] Received detailed information about this secret chat");
|
||
chatPage.secretChatDetails = secretChat;
|
||
updateChatPartnerStatusText();
|
||
chatPage.isSecretChatReady = chatPage.secretChatDetails.state["@type"] === "secretChatStateReady";
|
||
}
|
||
}
|
||
onSecretChatUpdated: {
|
||
if (secretChatId.toString() === chatInformation.type.secret_chat_id.toString()) {
|
||
Debug.log("[ChatPage] Detailed information about this secret chat was updated");
|
||
chatPage.secretChatDetails = secretChat;
|
||
updateChatPartnerStatusText();
|
||
chatPage.isSecretChatReady = chatPage.secretChatDetails.state["@type"] === "secretChatStateReady";
|
||
}
|
||
}
|
||
onCallbackQueryAnswer: {
|
||
if(text.length > 0) { // ignore bool "alert", just show as notification:
|
||
appNotification.show(Emoji.emojify(text, Theme.fontSizeSmall));
|
||
}
|
||
if(url.length > 0) {
|
||
Functions.handleLink(url);
|
||
}
|
||
}
|
||
onUserFullInfoReceived: {
|
||
if ((isPrivateChat || isSecretChat) && userFullInfo["@extra"] === chatPartnerInformation.id.toString()) {
|
||
chatPage.botInformation = userFullInfo;
|
||
}
|
||
}
|
||
onUserFullInfoUpdated: {
|
||
if ((isPrivateChat || isSecretChat) && userId === chatPartnerInformation.id) {
|
||
chatPage.botInformation = userFullInfo;
|
||
}
|
||
}
|
||
onSponsoredMessageReceived: {
|
||
chatPage.containsSponsoredMessages = true;
|
||
}
|
||
}
|
||
|
||
Connections {
|
||
target: chatModel
|
||
onMessagesReceived: {
|
||
Debug.log("[ChatPage] Messages received, view has ", chatView.count, " messages, last known message index ", modelIndex, ", own messages were read before index ", lastReadSentIndex);
|
||
if (totalCount === 0) {
|
||
if (chatPage.iterativeInitialization) {
|
||
chatPage.iterativeInitialization = false;
|
||
Debug.log("[ChatPage] actually, skipping that: No Messages in Chat.");
|
||
chatView.positionViewAtEnd();
|
||
chatPage.loading = false;
|
||
return;
|
||
} else {
|
||
chatPage.iterativeInitialization = true;
|
||
}
|
||
}
|
||
|
||
chatView.lastReadSentIndex = lastReadSentIndex;
|
||
chatView.scrollToIndex(modelIndex);
|
||
chatPage.loading = false;
|
||
if (chatOverviewItem.visible && modelIndex >= (chatView.count - 10)) {
|
||
chatView.inCooldown = true;
|
||
chatModel.triggerLoadMoreFuture();
|
||
}
|
||
|
||
if (chatView.height > chatView.contentHeight) {
|
||
Debug.log("[ChatPage] Chat content quite small...");
|
||
viewMessageTimer.queueViewMessage(chatView.count - 1);
|
||
}
|
||
|
||
chatViewCooldownTimer.restart();
|
||
chatViewStartupReadTimer.restart();
|
||
|
||
var remainingDoubleTapHints = appSettings.remainingDoubleTapHints;
|
||
Debug.log("Remaining double tap hints: " + remainingDoubleTapHints);
|
||
if (remainingDoubleTapHints > 0) {
|
||
doubleTapHintTimer.start();
|
||
tapHint.visible = true;
|
||
tapHintLabel.visible = true;
|
||
appSettings.remainingDoubleTapHints = remainingDoubleTapHints - 1;
|
||
}
|
||
}
|
||
onNewMessageReceived: {
|
||
if (( chatView.manuallyScrolledToBottom && Qt.application.state === Qt.ApplicationActive ) || message.sender_id.user_id === chatPage.myUserId) {
|
||
Debug.log("[ChatPage] Own message received or was scrolled to bottom, scrolling down to see it...");
|
||
chatView.scrollToIndex(chatView.count - 1);
|
||
viewMessageTimer.queueViewMessage(chatView.count - 1);
|
||
}
|
||
}
|
||
onUnreadCountUpdated: {
|
||
Debug.log("[ChatPage] Unread count updated, new count: ", unreadCount);
|
||
chatInformation.unread_count = unreadCount;
|
||
chatUnreadMessagesItem.visible = ( !chatPage.loading && unreadCount > 0 && chatOverviewItem.visible );
|
||
chatUnreadMessagesCount.text = Functions.formatUnreadCount(unreadCount)
|
||
}
|
||
onLastReadSentMessageUpdated: {
|
||
Debug.log("[ChatPage] Updating last read sent index, new index: ", lastReadSentIndex);
|
||
chatView.lastReadSentIndex = lastReadSentIndex;
|
||
}
|
||
onMessagesIncrementalUpdate: {
|
||
Debug.log("Incremental update received. View now has ", chatView.count, " messages, view is on index ", modelIndex, ", own messages were read before index ", lastReadSentIndex);
|
||
chatView.lastReadSentIndex = lastReadSentIndex;
|
||
if (!chatPage.isInitialized) {
|
||
chatView.scrollToIndex(modelIndex);
|
||
}
|
||
if (chatView.height > chatView.contentHeight) {
|
||
Debug.log("[ChatPage] Chat content quite small...");
|
||
viewMessageTimer.queueViewMessage(chatView.count - 1);
|
||
}
|
||
chatViewCooldownTimer.restart();
|
||
chatViewStartupReadTimer.restart();
|
||
}
|
||
onNotificationSettingsUpdated: {
|
||
chatInformation = chatModel.getChatInformation();
|
||
muteChatMenuItem.text = chatInformation.notification_settings.mute_for > 0 ? qsTr("Unmute Chat") : qsTr("Mute Chat");
|
||
}
|
||
onPinnedMessageChanged: {
|
||
chatInformation = chatModel.getChatInformation();
|
||
if (chatInformation.pinned_message_id.toString() !== "0") {
|
||
Debug.log("[ChatPage] Loading pinned message ", chatInformation.pinned_message_id);
|
||
tdLibWrapper.getMessage(chatInformation.id, chatInformation.pinned_message_id);
|
||
} else {
|
||
pinnedMessageItem.pinnedMessage = undefined;
|
||
}
|
||
}
|
||
}
|
||
|
||
Connections {
|
||
target: chatListModel
|
||
onChatJoined: {
|
||
appNotification.show(qsTr("You joined the chat %1").arg(chatTitle));
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: lostFocusTimer
|
||
interval: 200
|
||
running: false
|
||
repeat: false
|
||
onTriggered: {
|
||
newMessageTextField.forceActiveFocus();
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: textReplacementTimer
|
||
interval: 600
|
||
running: false
|
||
repeat: false
|
||
onTriggered: {
|
||
handleMessageTextReplacement(newMessageTextField.text, newMessageTextField.cursorPosition);
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: chatContactTimeUpdater
|
||
interval: 60000
|
||
running: isPrivateChat || isSecretChat
|
||
repeat: true
|
||
onTriggered: {
|
||
updateChatPartnerStatusText();
|
||
}
|
||
}
|
||
Timer {
|
||
id: viewMessageTimer
|
||
interval: appSettings.delayMessageRead ? 1000 : 0
|
||
property int lastQueuedIndex: -1
|
||
function queueViewMessage(index) {
|
||
if (index > lastQueuedIndex) {
|
||
lastQueuedIndex = index;
|
||
start();
|
||
}
|
||
}
|
||
|
||
onTriggered: {
|
||
Debug.log("scroll position changed, message index: ", lastQueuedIndex);
|
||
Debug.log("unread count: ", chatInformation.unread_count);
|
||
var messageToRead = chatModel.getMessage(lastQueuedIndex);
|
||
if (messageToRead['@type'] === "sponsoredMessage") {
|
||
Debug.log("sponsored message to read: ", messageToRead.id);
|
||
tdLibWrapper.viewMessage(chatInformation.id, messageToRead.message_id, false);
|
||
} else if (chatInformation.unread_count > 0 && lastQueuedIndex > -1) {
|
||
Debug.log("message to read: ", messageToRead.id);
|
||
if (messageToRead && messageToRead.id) {
|
||
tdLibWrapper.viewMessage(chatInformation.id, messageToRead.id, false);
|
||
}
|
||
lastQueuedIndex = -1
|
||
}
|
||
if (chatInformation.unread_count === 0) {
|
||
tdLibWrapper.readAllChatMentions(chatInformation.id);
|
||
tdLibWrapper.readAllChatReactions(chatInformation.id);
|
||
}
|
||
}
|
||
}
|
||
|
||
Drawer {
|
||
id: messageOptionsDrawer
|
||
|
||
property var myMessage: ({})
|
||
property var userInformation: ({})
|
||
property var additionalItemsModel: 0
|
||
property var sourceItem
|
||
property bool showCopyMessageToClipboardMenuItem
|
||
property bool showForwardMessageMenuItem
|
||
property bool showDeleteMessageMenuItem
|
||
|
||
property list<NamedAction> messageOptionsModel: [
|
||
NamedAction {
|
||
visible: messageOptionsDrawer.showCopyMessageToClipboardMenuItem
|
||
name: qsTr("Copy Message to Clipboard")
|
||
action: messageOptionsDrawer.myMessage.copyMessageToClipboard
|
||
},
|
||
NamedAction {
|
||
visible: messageOptionsDrawer.showForwardMessageMenuItem && messageOptionsDrawer.myMessage.can_be_forwarded
|
||
name: qsTr("Forward Message")
|
||
action: function () {
|
||
startForwardingMessages([messageOptionsDrawer.myMessage])
|
||
}
|
||
},
|
||
NamedAction {
|
||
visible: canPinMessages()
|
||
name: messageOptionsDrawer.myMessage.is_pinned ? qsTr("Unpin Message") : qsTr("Pin Message")
|
||
action: function () {
|
||
if (messageOptionsDrawer.myMessage.is_pinned) {
|
||
Remorse.popupAction(page, qsTr("Message unpinned"), function() { tdLibWrapper.unpinMessage(chatPage.chatInformation.id, messageOptionsDrawer.myMessage.id);
|
||
pinnedMessageItem.requestCloseMessage(); } );
|
||
} else {
|
||
tdLibWrapper.pinMessage(chatPage.chatInformation.id, messageOptionsDrawer.myMessage.id);
|
||
}
|
||
}
|
||
},
|
||
NamedAction {
|
||
visible: messageOptionsDrawer.showDeleteMessageMenuItem
|
||
name: qsTr("Delete Message")
|
||
action: messageOptionsDrawer.sourceItem.deleteMessage
|
||
}
|
||
]
|
||
|
||
onOpenChanged: {
|
||
if (open) {
|
||
var jointModel = [];
|
||
for (var j = 0; j < additionalItemsModel.length; j++) {
|
||
jointModel.push(additionalItemsModel[j]);
|
||
}
|
||
for (var i = 0; i < messageOptionsModel.length; i++) {
|
||
var item = messageOptionsModel[i]
|
||
if (item.visible) jointModel.push(item)
|
||
}
|
||
drawerListView.model = jointModel;
|
||
focus = true // Take the focus away from the text field
|
||
}
|
||
}
|
||
|
||
anchors.fill: parent
|
||
dock: chatPage.isPortrait ? Dock.Bottom : Dock.Right
|
||
backgroundSize: chatPage.isPortrait ? height / 3 : width / 2
|
||
|
||
background: SilicaListView {
|
||
id: drawerListView
|
||
|
||
anchors.fill: parent
|
||
clip: true
|
||
|
||
VerticalScrollDecorator {}
|
||
|
||
header: Row {
|
||
id: drawerHeaderRow
|
||
width: parent.width - ( 2 * Theme.horizontalPageMargin)
|
||
height: messageOptionsLabel.height + Theme.paddingLarge + ( chatPage.isPortrait ? ( 2 * Theme.paddingSmall ) : 0 )
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
spacing: Theme.paddingMedium
|
||
Label {
|
||
id: messageOptionsLabel
|
||
text: qsTr("Additional Options")
|
||
color: Theme.highlightColor
|
||
font.pixelSize: Theme.fontSizeLarge
|
||
width: parent.width - closeMessageOptionsButton.width - Theme.paddingMedium
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
horizontalAlignment: Text.AlignRight
|
||
|
||
}
|
||
IconButton {
|
||
id: closeMessageOptionsButton
|
||
icon.source: "image://theme/icon-m-clear"
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
onClicked: {
|
||
messageOptionsDrawer.open = false
|
||
}
|
||
}
|
||
}
|
||
|
||
delegate: ListItem {
|
||
Label {
|
||
width: parent.width - ( 2 * Theme.horizontalPageMargin )
|
||
text: modelData.name
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
horizontalAlignment: Text.AlignHCenter
|
||
}
|
||
onClicked: {
|
||
modelData.action();
|
||
messageOptionsDrawer.open = false
|
||
}
|
||
hidden: !modelData.visible
|
||
}
|
||
}
|
||
|
||
SilicaFlickable {
|
||
id: chatContainer
|
||
|
||
onContentYChanged: {
|
||
// For some strange reason contentY sometimes is > 0 which doesn't make sense without a PushUpMenu (?)
|
||
// That leads to the problem that the whole flickable is moved slightly (or sometimes considerably) up
|
||
// which creates UX issues... As a workaround we are setting it to 0 in such cases.
|
||
// Better solutions are highly appreciated, contributions always welcome! ;)
|
||
if (contentY > 0) {
|
||
contentY = 0;
|
||
}
|
||
}
|
||
|
||
anchors.fill: parent
|
||
contentHeight: height
|
||
contentWidth: width
|
||
|
||
PullDownMenu {
|
||
visible: chatInformation.id !== chatPage.myUserId && !stickerPickerLoader.active && !voiceNoteOverlayLoader.active && !messageOverlayLoader.active && !stickerSetOverlayLoader.active
|
||
|
||
MenuItem {
|
||
id: deleteChatMenuItem
|
||
visible: chatPage.isPrivateChat
|
||
onClicked: {
|
||
var privateChatId = chatInformation.id;
|
||
Remorse.popupAction(chatPage, qsTr("Deleting chat"), function() {
|
||
tdLibWrapper.deleteChat(privateChatId);
|
||
pageStack.pop(pageStack.find( function(page){ return(page._depth === 0)} ));
|
||
}, 10000);
|
||
}
|
||
text: qsTr("Delete Chat")
|
||
}
|
||
|
||
MenuItem {
|
||
id: closeSecretChatMenuItem
|
||
visible: chatPage.isSecretChat && chatPage.secretChatDetails.state["@type"] !== "secretChatStateClosed"
|
||
onClicked: {
|
||
var secretChatId = chatPage.secretChatDetails.id;
|
||
Remorse.popupAction(chatPage, qsTr("Closing chat"), function() { tdLibWrapper.closeSecretChat(secretChatId) });
|
||
}
|
||
text: qsTr("Close Chat")
|
||
}
|
||
|
||
MenuItem {
|
||
id: joinLeaveChatMenuItem
|
||
visible: (chatPage.isSuperGroup || chatPage.isBasicGroup) && chatGroupInformation && chatGroupInformation.status["@type"] !== "chatMemberStatusBanned"
|
||
onClicked: {
|
||
if (chatPage.userIsMember) {
|
||
var chatId = chatInformation.id;
|
||
Remorse.popupAction(chatPage, qsTr("Leaving chat"), function() {
|
||
tdLibWrapper.leaveChat(chatId);
|
||
// this does not care about the response (ideally type "ok" without further reference) for now
|
||
pageStack.pop(pageStack.find( function(page){ return(page._depth === 0)} ));
|
||
});
|
||
} else {
|
||
tdLibWrapper.joinChat(chatInformation.id);
|
||
}
|
||
}
|
||
text: chatPage.userIsMember ? qsTr("Leave Chat") : qsTr("Join Chat")
|
||
}
|
||
|
||
MenuItem {
|
||
id: muteChatMenuItem
|
||
visible: chatPage.userIsMember
|
||
onClicked: {
|
||
var newNotificationSettings = chatInformation.notification_settings;
|
||
if (newNotificationSettings.mute_for > 0) {
|
||
newNotificationSettings.mute_for = 0;
|
||
} else {
|
||
newNotificationSettings.mute_for = 6666666;
|
||
}
|
||
newNotificationSettings.use_default_mute_for = false;
|
||
tdLibWrapper.setChatNotificationSettings(chatInformation.id, newNotificationSettings);
|
||
}
|
||
text: chatInformation.notification_settings.mute_for > 0 ? qsTr("Unmute Chat") : qsTr("Mute Chat")
|
||
}
|
||
|
||
MenuItem {
|
||
id: searchInChatMenuItem
|
||
visible: !chatPage.isSecretChat && chatOverviewItem.visible
|
||
onClicked: {
|
||
// This automatically shows the search field as well
|
||
chatOverviewItem.visible = false;
|
||
searchInChatField.focus = true;
|
||
}
|
||
text: qsTr("Search in Chat")
|
||
}
|
||
}
|
||
|
||
BackgroundItem {
|
||
id: headerMouseArea
|
||
height: headerRow.height
|
||
width: parent.width
|
||
onClicked: {
|
||
if (chatPage.isSelecting) {
|
||
chatPage.selectedMessages = [];
|
||
} else {
|
||
pageStack.navigateForward();
|
||
}
|
||
}
|
||
}
|
||
|
||
Column {
|
||
id: chatColumn
|
||
width: parent.width
|
||
height: parent.height
|
||
|
||
Row {
|
||
id: headerRow
|
||
width: parent.width - (3 * Theme.horizontalPageMargin)
|
||
height: chatOverviewItem.height + ( chatPage.isPortrait ? (2 * Theme.paddingMedium) : (2 * Theme.paddingSmall) )
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
spacing: Theme.paddingMedium
|
||
|
||
Item {
|
||
width: chatOverviewItem.height
|
||
height: chatOverviewItem.height
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: chatPage.isPortrait ? Theme.paddingMedium : Theme.paddingSmall
|
||
|
||
ProfileThumbnail {
|
||
id: chatPictureThumbnail
|
||
replacementStringHint: chatNameText.text
|
||
width: parent.height
|
||
height: parent.height
|
||
|
||
// Setting it directly may cause an stale state for the thumbnail in case the chat page
|
||
// was previously loaded with a picture and now it doesn't have one. Instead setting it
|
||
// when the ChatModel indicates a change. This also avoids flickering when the page is loaded...
|
||
Connections {
|
||
target: chatModel
|
||
onSmallPhotoChanged: {
|
||
chatPictureThumbnail.photoData = chatModel.smallPhoto;
|
||
}
|
||
}
|
||
}
|
||
|
||
Rectangle {
|
||
id: chatSecretBackground
|
||
color: Theme.rgba(Theme.overlayBackgroundColor, Theme.opacityFaint)
|
||
width: chatPage.isPortrait ? Theme.fontSizeLarge : Theme.fontSizeMedium
|
||
height: width
|
||
anchors.left: parent.left
|
||
anchors.bottom: parent.bottom
|
||
radius: parent.width / 2
|
||
visible: chatPage.isSecretChat
|
||
}
|
||
|
||
Image {
|
||
source: "image://theme/icon-s-secure"
|
||
width: chatPage.isPortrait ? Theme.fontSizeSmall : Theme.fontSizeExtraSmall
|
||
height: width
|
||
anchors.centerIn: chatSecretBackground
|
||
visible: chatPage.isSecretChat
|
||
}
|
||
|
||
}
|
||
|
||
Item {
|
||
id: chatOverviewItem
|
||
opacity: visible ? 1 : 0
|
||
Behavior on opacity { FadeAnimation {} }
|
||
width: parent.width - chatPictureThumbnail.width - Theme.paddingMedium
|
||
height: chatNameText.height + chatStatusText.height
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: chatPage.isPortrait ? Theme.paddingMedium : Theme.paddingSmall
|
||
Label {
|
||
id: chatNameText
|
||
width: Math.min(implicitWidth, parent.width)
|
||
anchors.right: parent.right
|
||
text: chatInformation.title !== "" ? Emoji.emojify(chatInformation.title, font.pixelSize) : qsTr("Unknown")
|
||
textFormat: Text.StyledText
|
||
font.pixelSize: chatPage.isPortrait ? Theme.fontSizeLarge : Theme.fontSizeMedium
|
||
font.family: Theme.fontFamilyHeading
|
||
color: Theme.highlightColor
|
||
truncationMode: TruncationMode.Fade
|
||
maximumLineCount: 1
|
||
}
|
||
Label {
|
||
id: chatStatusText
|
||
width: Math.min(implicitWidth, parent.width)
|
||
anchors {
|
||
right: parent.right
|
||
bottom: parent.bottom
|
||
}
|
||
text: ""
|
||
textFormat: Text.StyledText
|
||
font.pixelSize: chatPage.isPortrait ? Theme.fontSizeExtraSmall : Theme.fontSizeTiny
|
||
font.family: Theme.fontFamilyHeading
|
||
color: headerMouseArea.pressed ? Theme.secondaryHighlightColor : Theme.secondaryColor
|
||
truncationMode: TruncationMode.Fade
|
||
maximumLineCount: 1
|
||
}
|
||
}
|
||
|
||
Item {
|
||
id: searchInChatItem
|
||
visible: !chatOverviewItem.visible
|
||
opacity: visible ? 1 : 0
|
||
Behavior on opacity { FadeAnimation {} }
|
||
width: parent.width - chatPictureThumbnail.width - Theme.paddingMedium
|
||
height: searchInChatField.height
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: chatPage.isPortrait ? Theme.paddingSmall : 0
|
||
|
||
SearchField {
|
||
id: searchInChatField
|
||
visible: false
|
||
width: visible ? parent.width : 0
|
||
placeholderText: qsTr("Search in chat...")
|
||
active: searchInChatItem.visible
|
||
canHide: text === ""
|
||
|
||
onTextChanged: {
|
||
searchInChatTimer.restart();
|
||
}
|
||
|
||
onHideClicked: {
|
||
resetFocus();
|
||
}
|
||
|
||
EnterKey.iconSource: "image://theme/icon-m-enter-close"
|
||
EnterKey.onClicked: {
|
||
resetFocus();
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
PinnedMessageItem {
|
||
id: pinnedMessageItem
|
||
onRequestShowMessage: {
|
||
messageOverlayLoader.overlayMessage = pinnedMessageItem.pinnedMessage;
|
||
messageOverlayLoader.active = true;
|
||
}
|
||
onRequestCloseMessage: {
|
||
messageOverlayLoader.overlayMessage = undefined;
|
||
messageOverlayLoader.active = false;
|
||
}
|
||
}
|
||
|
||
Item {
|
||
id: chatViewItem
|
||
width: parent.width
|
||
height: parent.height - headerRow.height - pinnedMessageItem.height - newMessageColumn.height - selectedMessagesActions.height
|
||
|
||
property int previousHeight;
|
||
|
||
Component.onCompleted: {
|
||
previousHeight = height;
|
||
}
|
||
|
||
onHeightChanged: {
|
||
if (previousHeight > height) {
|
||
var deltaHeight = previousHeight - height;
|
||
chatView.contentY = chatView.contentY + deltaHeight;
|
||
} else {
|
||
chatView.handleScrollPositionChanged();
|
||
}
|
||
previousHeight = height;
|
||
}
|
||
|
||
Timer {
|
||
id: chatViewCooldownTimer
|
||
interval: 2000
|
||
repeat: false
|
||
running: false
|
||
onTriggered: {
|
||
Debug.log("[ChatPage] Cooldown completed...");
|
||
chatView.inCooldown = false;
|
||
|
||
if (!chatPage.isInitialized) {
|
||
Debug.log("Page is initialized!");
|
||
chatPage.isInitialized = true;
|
||
chatView.handleScrollPositionChanged();
|
||
}
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: chatViewStartupReadTimer
|
||
interval: 200
|
||
repeat: false
|
||
running: false
|
||
onTriggered: {
|
||
if (!chatPage.isInitialized) {
|
||
Debug.log("Page is initialized!");
|
||
chatPage.isInitialized = true;
|
||
chatView.handleScrollPositionChanged();
|
||
if (chatPage.isChannel) {
|
||
tdLibWrapper.getChatSponsoredMessage(chatInformation.id);
|
||
}
|
||
if (typeof chatPage.messageToShow !== "undefined" && chatPage.messageToShow !== {}) {
|
||
messageOverlayLoader.overlayMessage = chatPage.messageToShow;
|
||
messageOverlayLoader.active = true;
|
||
}
|
||
if (chatPage.messageIdToShow) {
|
||
tdLibWrapper.getMessage(chatPage.chatInformation.id, chatPage.messageIdToShow);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
asynchronous: true
|
||
active: chatView.blurred
|
||
anchors.fill: chatView
|
||
sourceComponent: Component {
|
||
FastBlur {
|
||
source: chatView
|
||
radius: Theme.paddingLarge
|
||
}
|
||
}
|
||
}
|
||
|
||
SilicaListView {
|
||
id: chatView
|
||
|
||
visible: !blurred
|
||
property bool blurred: messageOverlayLoader.item || stickerPickerLoader.item || voiceNoteOverlayLoader.item || inlineQuery.hasOverlay || stickerSetOverlayLoader.item
|
||
|
||
anchors.fill: parent
|
||
opacity: chatPage.loading ? 0 : 1
|
||
Behavior on opacity { FadeAnimation {} }
|
||
clip: true
|
||
highlightMoveDuration: 0
|
||
highlightResizeDuration: 0
|
||
property int lastReadSentIndex: -1
|
||
property bool inCooldown: false
|
||
property bool manuallyScrolledToBottom
|
||
property QtObject precalculatedValues: QtObject {
|
||
readonly property alias page: chatPage
|
||
readonly property bool showUserInfo: page.isBasicGroup || ( page.isSuperGroup && !page.isChannel)
|
||
readonly property int profileThumbnailDimensions: showUserInfo ? Theme.itemSizeSmall : 0
|
||
readonly property int pageMarginDouble: 2 * Theme.horizontalPageMargin
|
||
readonly property int paddingMediumDouble: 2 * Theme.paddingMedium
|
||
readonly property int entryWidth: chatView.width - pageMarginDouble //ширина полной строки сообщения вместе с аватаркой
|
||
readonly property int textItemWidth: entryWidth - profileThumbnailDimensions - Theme.paddingSmall
|
||
readonly property int backgroundWidth: page.isPrivateChat ? textItemWidth - pageMarginDouble : textItemWidth //уменьшенная ширина сообщений для приватных чатов
|
||
readonly property int backgroundRadius: textItemWidth/50
|
||
readonly property int textColumnWidth: backgroundWidth - Theme.horizontalPageMargin
|
||
readonly property int messageInReplyToHeight: Theme.fontSizeExtraSmall * 2.571428571 + Theme.paddingSmall;
|
||
readonly property int webPagePreviewHeight: ( (textColumnWidth * 2 / 3) + (6 * Theme.fontSizeExtraSmall) + ( 7 * Theme.paddingSmall) )
|
||
readonly property bool pageIsSelecting: chatPage.isSelecting
|
||
|
||
}
|
||
|
||
function handleScrollPositionChanged() {
|
||
Debug.log("Current position: ", chatView.contentY);
|
||
Debug.log("Contains sponsored messages?", chatPage.containsSponsoredMessages);
|
||
if (chatOverviewItem.visible && ( chatInformation.unread_count > 0 || chatPage.containsSponsoredMessages ) ) {
|
||
var bottomIndex = chatView.indexAt(chatView.contentX, ( chatView.contentY + chatView.height - Theme.horizontalPageMargin ));
|
||
if (bottomIndex > -1) {
|
||
viewMessageTimer.queueViewMessage(bottomIndex)
|
||
}
|
||
} else {
|
||
tdLibWrapper.readAllChatMentions(chatInformation.id);
|
||
tdLibWrapper.readAllChatReactions(chatInformation.id);
|
||
}
|
||
manuallyScrolledToBottom = chatView.atYEnd
|
||
}
|
||
|
||
function scrollToIndex(index) {
|
||
if(index > 0 && index < chatView.count) {
|
||
positionViewAtIndex(index, ListView.Contain)
|
||
// currentIndex = index;
|
||
if(index === chatView.count - 1) {
|
||
manuallyScrolledToBottom = true;
|
||
}
|
||
}
|
||
}
|
||
|
||
onContentYChanged: {
|
||
if (!chatPage.loading && !chatView.inCooldown) {
|
||
if (chatView.indexAt(chatView.contentX, chatView.contentY) < 10) {
|
||
Debug.log("[ChatPage] Trying to get older history items...");
|
||
chatView.inCooldown = true;
|
||
chatModel.triggerLoadMoreHistory();
|
||
} else if (chatOverviewItem.visible && chatView.indexAt(chatView.contentX, chatView.contentY) > ( count - 10)) {
|
||
Debug.log("[ChatPage] Trying to get newer history items...");
|
||
chatView.inCooldown = true;
|
||
chatModel.triggerLoadMoreFuture();
|
||
}
|
||
}
|
||
}
|
||
|
||
onMovementEnded: {
|
||
handleScrollPositionChanged();
|
||
}
|
||
|
||
onQuickScrollAnimatingChanged: {
|
||
if (!quickScrollAnimating) {
|
||
handleScrollPositionChanged();
|
||
if(atYEnd) { // handle some false guesses from quick scroll
|
||
chatView.scrollToIndex(chatView.count - 2)
|
||
chatView.scrollToIndex(chatView.count - 1)
|
||
}
|
||
}
|
||
}
|
||
|
||
model: chatModel
|
||
header: Component {
|
||
Loader {
|
||
active: !!chatPage.botInformation
|
||
&& !!chatPage.botInformation.bot_info && chatPage.botInformation.bot_info.description.length > 0
|
||
asynchronous: true
|
||
width: chatView.width
|
||
sourceComponent: Component {
|
||
Label {
|
||
id: botInfoLabel
|
||
topPadding: Theme.paddingLarge
|
||
bottomPadding: Theme.paddingLarge
|
||
leftPadding: Theme.horizontalPageMargin
|
||
rightPadding: Theme.horizontalPageMargin
|
||
text: Emoji.emojify(chatPage.botInformation.bot_info.description, font.pixelSize)
|
||
font.pixelSize: Theme.fontSizeSmall
|
||
color: Theme.highlightColor
|
||
wrapMode: Text.Wrap
|
||
textFormat: Text.StyledText
|
||
horizontalAlignment: Text.AlignHCenter
|
||
onLinkActivated: {
|
||
var chatCommand = Functions.handleLink(link);
|
||
if(chatCommand) {
|
||
tdLibWrapper.sendTextMessage(chatInformation.id, chatCommand);
|
||
}
|
||
}
|
||
linkColor: Theme.primaryColor
|
||
visible: (text !== "")
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
function getContentComponentHeight(contentType, content, parentWidth) {
|
||
switch(contentType) {
|
||
case "messageAnimatedEmoji":
|
||
return content.animated_emoji.sticker.height;
|
||
case "messageAnimation":
|
||
return Functions.getVideoHeight(parentWidth, content.animation);
|
||
case "messageAudio":
|
||
case "messageVoiceNote":
|
||
case "messageDocument":
|
||
return Theme.itemSizeLarge;
|
||
case "messageGame":
|
||
return parentWidth * 0.66666666 + Theme.itemSizeLarge; // 2 / 3;
|
||
case "messageLocation":
|
||
case "messageVenue":
|
||
return parentWidth * 0.66666666; // 2 / 3;
|
||
case "messagePhoto":
|
||
var biggest = content.photo.sizes[content.photo.sizes.length - 1];
|
||
var aspectRatio = biggest.width/biggest.height;
|
||
return Math.max(Theme.itemSizeExtraSmall, Math.min(parentWidth * 0.66666666, parentWidth / aspectRatio));
|
||
case "messagePoll":
|
||
return Theme.itemSizeSmall * (4 + content.poll.options);
|
||
case "messageSticker":
|
||
return content.sticker.height;
|
||
case "messageVideo":
|
||
return Functions.getVideoHeight(parentWidth, content.video);
|
||
case "messageVideoNote":
|
||
return parentWidth
|
||
}
|
||
}
|
||
|
||
readonly property var delegateMessagesContent: [
|
||
"messageAnimatedEmoji",
|
||
"messageAnimation",
|
||
"messageAudio",
|
||
// "messageContact",
|
||
// "messageDice"
|
||
"messageDocument",
|
||
"messageGame",
|
||
// "messageInvoice",
|
||
"messageLocation",
|
||
// "messagePassportDataSent",
|
||
// "messagePaymentSuccessful",
|
||
"messagePhoto",
|
||
"messagePoll",
|
||
// "messageProximityAlertTriggered",
|
||
"messageSticker",
|
||
"messageVenue",
|
||
"messageVideo",
|
||
"messageVideoNote",
|
||
"messageVoiceNote"
|
||
]
|
||
|
||
readonly property var simpleDelegateMessages: ["messageBasicGroupChatCreate",
|
||
"messageChatAddMembers",
|
||
"messageChatChangePhoto",
|
||
"messageChatChangeTitle",
|
||
"messageChatDeleteMember",
|
||
"messageChatDeletePhoto",
|
||
"messageChatJoinByLink",
|
||
"messageChatSetTtl",
|
||
"messageChatUpgradeFrom",
|
||
"messageContactRegistered",
|
||
// "messageExpiredPhoto", "messageExpiredVideo","messageWebsiteConnected"
|
||
"messageGameScore",
|
||
"messageChatUpgradeTo",
|
||
"messageCustomServiceAction",
|
||
"messagePinMessage",
|
||
"messageScreenshotTaken",
|
||
"messageSupergroupChatCreate",
|
||
"messageUnsupported"]
|
||
delegate: Loader {
|
||
width: chatView.width
|
||
Component {
|
||
id: messageListViewItemComponent
|
||
MessageListViewItem {
|
||
precalculatedValues: chatView.precalculatedValues
|
||
chatId: chatModel.chatId
|
||
myMessage: model.display
|
||
messageId: model.message_id
|
||
messageViewCount: model.view_count
|
||
reactions: model.reactions
|
||
chatReactions: availableReactions
|
||
messageIndex: model.index
|
||
hasContentComponent: !!myMessage.content && chatView.delegateMessagesContent.indexOf(model.content_type) > -1
|
||
canReplyToMessage: chatPage.canSendMessages
|
||
onReplyToMessage: {
|
||
newMessageInReplyToRow.inReplyToMessage = myMessage
|
||
newMessageTextField.focus = true
|
||
}
|
||
onEditMessage: {
|
||
newMessageColumn.editMessageId = messageId
|
||
newMessageTextField.text = Functions.getMessageText(myMessage, false, chatPage.myUserId, true)
|
||
newMessageTextField.focus = true
|
||
}
|
||
onForwardMessage: {
|
||
startForwardingMessages([myMessage])
|
||
}
|
||
}
|
||
}
|
||
Component {
|
||
id: messageListViewItemSimpleComponent
|
||
MessageListViewItemSimple {}
|
||
}
|
||
sourceComponent: chatView.simpleDelegateMessages.indexOf(model.content_type) > -1 ? messageListViewItemSimpleComponent : messageListViewItemComponent
|
||
}
|
||
VerticalScrollDecorator {}
|
||
|
||
ViewPlaceholder {
|
||
id: chatViewPlaceholder
|
||
enabled: chatView.count === 0
|
||
text: (chatPage.isSecretChat && !chatPage.isSecretChatReady) ? qsTr("This secret chat is not yet ready. Your chat partner needs to go online first.") : qsTr("This chat is empty.")
|
||
}
|
||
}
|
||
|
||
Column {
|
||
width: parent.width
|
||
height: loadingLabel.height + loadingBusyIndicator.height + Theme.paddingMedium
|
||
spacing: Theme.paddingMedium
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
|
||
opacity: chatPage.loading ? 1 : 0
|
||
Behavior on opacity { FadeAnimation {} }
|
||
visible: chatPage.loading
|
||
|
||
InfoLabel {
|
||
id: loadingLabel
|
||
text: qsTr("Loading messages...")
|
||
}
|
||
|
||
BusyIndicator {
|
||
id: loadingBusyIndicator
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
running: chatPage.loading
|
||
size: BusyIndicatorSize.Large
|
||
}
|
||
}
|
||
|
||
Item {
|
||
id: chatUnreadMessagesItem
|
||
width: chatUnreadMessagesCount.width + Theme.fontSizeLarge / 2
|
||
height: Theme.fontSizeHuge
|
||
anchors.right: parent.right
|
||
anchors.rightMargin: Theme.paddingMedium
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: Theme.paddingMedium
|
||
visible: !chatPage.loading && chatInformation.unread_count > 0 && chatOverviewItem.visible
|
||
Rectangle {
|
||
id: chatUnreadMessagesCountBackground
|
||
color: Theme.highlightBackgroundColor
|
||
anchors.fill: parent
|
||
radius: width / 2
|
||
visible: chatUnreadMessagesItem.visible
|
||
}
|
||
|
||
Text {
|
||
id: chatUnreadMessagesCount
|
||
font.pixelSize: Theme.fontSizeMedium
|
||
font.bold: true
|
||
color: Theme.primaryColor
|
||
anchors.centerIn: chatUnreadMessagesCountBackground
|
||
visible: chatUnreadMessagesItem.visible
|
||
text: Functions.formatUnreadCount(chatInformation.unread_count)
|
||
}
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
onClicked: {
|
||
chatView.scrollToIndex(chatView.count - 1 - chatInformation.unread_count)
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: stickerPickerLoader
|
||
active: false
|
||
asynchronous: true
|
||
width: parent.width
|
||
height: active ? parent.height : 0
|
||
source: "../components/StickerPicker.qml"
|
||
}
|
||
|
||
Connections {
|
||
target: stickerPickerLoader.item
|
||
onStickerPicked: {
|
||
Debug.log("Sticker picked: " + stickerId);
|
||
stickerManager.setNeedsReload(true);
|
||
tdLibWrapper.sendStickerMessage(chatInformation.id, stickerId, newMessageColumn.replyToMessageId);
|
||
stickerPickerLoader.active = false;
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
newMessageInReplyToRow.inReplyToMessage = null;
|
||
newMessageColumn.editMessageId = "0";
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: messageOverlayLoader
|
||
|
||
property var overlayMessage;
|
||
|
||
active: false
|
||
asynchronous: true
|
||
width: parent.width
|
||
height: active ? parent.height : 0
|
||
sourceComponent: Component {
|
||
MessageOverlayFlickable {
|
||
overlayMessage: messageOverlayLoader.overlayMessage
|
||
showHeader: !chatPage.isChannel
|
||
onRequestClose: {
|
||
messageOverlayLoader.active = false;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: voiceNoteOverlayLoader
|
||
active: false
|
||
asynchronous: true
|
||
width: parent.width
|
||
height: active ? parent.height : 0
|
||
source: "../components/VoiceNoteOverlay.qml"
|
||
onActiveChanged: {
|
||
if (!active) {
|
||
fernschreiberUtils.stopRecordingVoiceNote();
|
||
}
|
||
}
|
||
}
|
||
|
||
Loader {
|
||
id: stickerSetOverlayLoader
|
||
|
||
property string stickerSetId;
|
||
|
||
active: false
|
||
asynchronous: true
|
||
width: parent.width
|
||
height: active ? parent.height : 0
|
||
sourceComponent: Component {
|
||
StickerSetOverlay {
|
||
stickerSetId: stickerSetOverlayLoader.stickerSetId
|
||
onRequestClose: {
|
||
stickerSetOverlayLoader.active = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
onActiveChanged: {
|
||
if (active) {
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
InlineQuery {
|
||
id: inlineQuery
|
||
textField: newMessageTextField
|
||
chatId: chatInformation.id
|
||
}
|
||
}
|
||
|
||
Column {
|
||
id: newMessageColumn
|
||
spacing: Theme.paddingSmall
|
||
topPadding: Theme.paddingSmall + inlineQuery.buttonPadding
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
visible: height > 0
|
||
width: parent.width - ( 2 * Theme.horizontalPageMargin )
|
||
height: isNeeded ? implicitHeight : 0
|
||
Behavior on height { SmoothedAnimation { duration: 200 } }
|
||
|
||
readonly property bool isNeeded: !chatPage.isSelecting && chatPage.canSendMessages
|
||
property string replyToMessageId: "0";
|
||
property string editMessageId: "0";
|
||
|
||
InReplyToRow {
|
||
onInReplyToMessageChanged: {
|
||
if (inReplyToMessage) {
|
||
newMessageColumn.replyToMessageId = newMessageInReplyToRow.inReplyToMessage.id.toString()
|
||
newMessageInReplyToRow.visible = true;
|
||
} else {
|
||
newMessageInReplyToRow.visible = false;
|
||
newMessageColumn.replyToMessageId = "0";
|
||
}
|
||
}
|
||
|
||
editable: true
|
||
|
||
onClearRequested: {
|
||
newMessageInReplyToRow.inReplyToMessage = null;
|
||
}
|
||
|
||
id: newMessageInReplyToRow
|
||
myUserId: chatPage.myUserId
|
||
visible: false
|
||
}
|
||
|
||
Flickable {
|
||
id: attachmentOptionsFlickable
|
||
|
||
property bool isNeeded: false
|
||
width: chatPage.width
|
||
x: -Theme.horizontalPageMargin
|
||
height: isNeeded && !inlineQuery.userNameIsValid ? attachmentOptionsRow.height : 0
|
||
Behavior on height { SmoothedAnimation { duration: 200 } }
|
||
visible: height > 0
|
||
contentHeight: attachmentOptionsRow.height
|
||
contentWidth: Math.max(width, attachmentOptionsRow.width)
|
||
property bool fadeRight: (attachmentOptionsRow.width-contentX) > width
|
||
property bool fadeLeft: !fadeRight && contentX > 0
|
||
layer.enabled: fadeRight || fadeLeft
|
||
layer.effect: OpacityRampEffectBase {
|
||
direction: attachmentOptionsFlickable.fadeRight ? OpacityRamp.LeftToRight : OpacityRamp.RightToLeft
|
||
source: attachmentOptionsFlickable
|
||
slope: 1 + 6 * (chatPage.width) / Screen.width
|
||
offset: 1 - 1 / slope
|
||
}
|
||
|
||
|
||
Row {
|
||
id: attachmentOptionsRow
|
||
|
||
height: attachImageIconButton.height
|
||
|
||
anchors.right: parent.right
|
||
layoutDirection: Qt.RightToLeft
|
||
spacing: Theme.paddingMedium
|
||
leftPadding: Theme.horizontalPageMargin
|
||
rightPadding: Theme.horizontalPageMargin
|
||
|
||
IconButton {
|
||
id: attachImageIconButton
|
||
visible: chatPage.hasSendPrivilege("can_send_photos")
|
||
icon.source: "image://theme/icon-m-image"
|
||
onClicked: {
|
||
var picker = pageStack.push("Sailfish.Pickers.ImagePickerPage", {
|
||
allowedOrientations: chatPage.allowedOrientations
|
||
})
|
||
picker.selectedContentPropertiesChanged.connect(function(){
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
Debug.log("Selected document: ", picker.selectedContentProperties.filePath );
|
||
attachmentPreviewRow.fileProperties = picker.selectedContentProperties;
|
||
attachmentPreviewRow.isPicture = true;
|
||
controlSendButton();
|
||
})
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: chatPage.hasSendPrivilege("can_send_videos")
|
||
icon.source: "image://theme/icon-m-video"
|
||
onClicked: {
|
||
var picker = pageStack.push("Sailfish.Pickers.VideoPickerPage", {
|
||
allowedOrientations: chatPage.allowedOrientations
|
||
})
|
||
picker.selectedContentPropertiesChanged.connect(function(){
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
Debug.log("Selected video: ", picker.selectedContentProperties.filePath );
|
||
attachmentPreviewRow.fileProperties = picker.selectedContentProperties;
|
||
attachmentPreviewRow.isVideo = true;
|
||
controlSendButton();
|
||
})
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: chatPage.hasSendPrivilege("can_send_voice_notes")
|
||
icon.source: "image://theme/icon-m-mic"
|
||
icon.sourceSize {
|
||
width: Theme.iconSizeMedium
|
||
height: Theme.iconSizeMedium
|
||
}
|
||
highlighted: down || voiceNoteOverlayLoader.active
|
||
onClicked: {
|
||
voiceNoteOverlayLoader.active = !voiceNoteOverlayLoader.active;
|
||
stickerPickerLoader.active = false;
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: chatPage.hasSendPrivilege("can_send_documents")
|
||
icon.source: "image://theme/icon-m-document"
|
||
onClicked: {
|
||
var picker = pageStack.push("Sailfish.Pickers.FilePickerPage", {
|
||
allowedOrientations: chatPage.allowedOrientations
|
||
})
|
||
picker.selectedContentPropertiesChanged.connect(function(){
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
Debug.log("Selected document: ", picker.selectedContentProperties.filePath );
|
||
attachmentPreviewRow.fileProperties = picker.selectedContentProperties;
|
||
attachmentPreviewRow.isDocument = true;
|
||
controlSendButton();
|
||
})
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: chatPage.hasSendPrivilege("can_send_other_messages")
|
||
icon.source: "../../images/icon-m-sticker.svg"
|
||
icon.sourceSize {
|
||
width: Theme.iconSizeMedium
|
||
height: Theme.iconSizeMedium
|
||
}
|
||
highlighted: down || stickerPickerLoader.active
|
||
onClicked: {
|
||
stickerPickerLoader.active = !stickerPickerLoader.active;
|
||
voiceNoteOverlayLoader.active = false;
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: !(chatPage.isPrivateChat || chatPage.isSecretChat) && chatPage.hasSendPrivilege("can_send_polls")
|
||
icon.source: "image://theme/icon-m-question"
|
||
onClicked: {
|
||
pageStack.push(Qt.resolvedUrl("../pages/PollCreationPage.qml"), { "chatId" : chatInformation.id, groupName: chatInformation.title});
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
}
|
||
}
|
||
IconButton {
|
||
visible: fernschreiberUtils.supportsGeoLocation() && newMessageTextField.text === ""
|
||
icon.source: "image://theme/icon-m-location"
|
||
icon.sourceSize {
|
||
width: Theme.iconSizeMedium
|
||
height: Theme.iconSizeMedium
|
||
}
|
||
onClicked: {
|
||
fernschreiberUtils.startGeoLocationUpdates();
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
attachmentPreviewRow.isLocation = true;
|
||
attachmentPreviewRow.attachmentDescription = qsTr("Location: Obtaining position...");
|
||
controlSendButton();
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
|
||
|
||
Row {
|
||
id: attachmentPreviewRow
|
||
visible: (!!locationData || !!fileProperties || isVoiceNote) && !inlineQuery.userNameIsValid
|
||
spacing: Theme.paddingMedium
|
||
width: parent.width
|
||
layoutDirection: Qt.RightToLeft
|
||
anchors.right: parent.right
|
||
|
||
property bool isPicture: false;
|
||
property bool isVideo: false;
|
||
property bool isDocument: false;
|
||
property bool isVoiceNote: false;
|
||
property bool isLocation: false;
|
||
property var locationData: null;
|
||
property var geocodedAddress: qsTr("Unknown address")
|
||
property var fileProperties: null;
|
||
property string attachmentDescription: "";
|
||
|
||
function getLocationDescription() {
|
||
return qsTr("Location (%1/%2)").arg(attachmentPreviewRow.locationData.latitude).arg(attachmentPreviewRow.locationData.longitude) + " | "
|
||
+ qsTr("Accuracy: %1m").arg(attachmentPreviewRow.locationData.horizontalAccuracy) + "\n"
|
||
+ attachmentPreviewRow.geocodedAddress;
|
||
}
|
||
|
||
Connections {
|
||
target: fernschreiberUtils
|
||
onNewPositionInformation: {
|
||
attachmentPreviewRow.locationData = positionInformation;
|
||
if (attachmentPreviewRow.isLocation) {
|
||
attachmentPreviewRow.attachmentDescription = attachmentPreviewRow.getLocationDescription();
|
||
}
|
||
}
|
||
onNewGeocodedAddress: {
|
||
attachmentPreviewRow.geocodedAddress = geocodedAddress;
|
||
if (attachmentPreviewRow.isLocation) {
|
||
attachmentPreviewRow.attachmentDescription = attachmentPreviewRow.getLocationDescription();
|
||
}
|
||
}
|
||
}
|
||
|
||
IconButton {
|
||
id: removeAttachmentsIconButton
|
||
icon.source: "image://theme/icon-m-clear"
|
||
onClicked: {
|
||
clearAttachmentPreviewRow();
|
||
controlSendButton();
|
||
}
|
||
}
|
||
|
||
Thumbnail {
|
||
id: attachmentPreviewImage
|
||
width: Theme.itemSizeMedium
|
||
height: Theme.itemSizeMedium
|
||
sourceSize.width: width
|
||
sourceSize.height: height
|
||
|
||
fillMode: Thumbnail.PreserveAspectCrop
|
||
mimeType: !!attachmentPreviewRow.fileProperties ? attachmentPreviewRow.fileProperties.mimeType || "" : ""
|
||
source: !!attachmentPreviewRow.fileProperties ? attachmentPreviewRow.fileProperties.url || "" : ""
|
||
visible: attachmentPreviewRow.isPicture || attachmentPreviewRow.isVideo
|
||
}
|
||
|
||
Label {
|
||
id: attachmentPreviewText
|
||
font.pixelSize: Theme.fontSizeSmall
|
||
text: ( attachmentPreviewRow.isVoiceNote || attachmentPreviewRow.isLocation ) ? attachmentPreviewRow.attachmentDescription : ( !!attachmentPreviewRow.fileProperties ? attachmentPreviewRow.fileProperties.fileName || "" : "" );
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
|
||
width: parent.width - removeAttachmentsIconButton.width - Theme.paddingMedium
|
||
maximumLineCount: 2
|
||
wrapMode: Text.Wrap
|
||
truncationMode: TruncationMode.Fade
|
||
color: Theme.secondaryColor
|
||
visible: attachmentPreviewRow.isDocument || attachmentPreviewRow.isVoiceNote || attachmentPreviewRow.isLocation
|
||
}
|
||
}
|
||
|
||
Row {
|
||
id: uploadStatusRow
|
||
visible: false
|
||
spacing: Theme.paddingMedium
|
||
width: parent.width
|
||
anchors.right: parent.right
|
||
|
||
Text {
|
||
id: uploadingText
|
||
font.pixelSize: Theme.fontSizeSmall
|
||
text: qsTr("Uploading...")
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
color: Theme.secondaryColor
|
||
visible: uploadStatusRow.visible
|
||
}
|
||
|
||
ProgressBar {
|
||
id: uploadingProgressBar
|
||
minimumValue: 0
|
||
maximumValue: 100
|
||
value: 0
|
||
visible: uploadStatusRow.visible
|
||
width: parent.width - uploadingText.width - Theme.paddingMedium
|
||
}
|
||
|
||
}
|
||
|
||
Column {
|
||
id: emojiColumn
|
||
width: parent.width
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
visible: emojiProposals ? ( emojiProposals.length > 0 ? true : false ) : false
|
||
opacity: emojiProposals ? ( emojiProposals.length > 0 ? 1 : 0 ) : 0
|
||
Behavior on opacity { NumberAnimation {} }
|
||
spacing: Theme.paddingMedium
|
||
|
||
Flickable {
|
||
width: parent.width
|
||
height: emojiResultRow.height + Theme.paddingSmall
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
contentWidth: emojiResultRow.width
|
||
clip: true
|
||
Row {
|
||
id: emojiResultRow
|
||
spacing: Theme.paddingMedium
|
||
Repeater {
|
||
model: emojiProposals
|
||
|
||
Item {
|
||
height: singleEmojiRow.height
|
||
width: singleEmojiRow.width
|
||
|
||
Row {
|
||
id: singleEmojiRow
|
||
spacing: Theme.paddingSmall
|
||
|
||
Image {
|
||
id: emojiPicture
|
||
source: "../js/emoji/" + modelData.file_name
|
||
width: Theme.fontSizeLarge
|
||
height: Theme.fontSizeLarge
|
||
}
|
||
|
||
}
|
||
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
onClicked: {
|
||
replaceMessageText(newMessageTextField.text, newMessageTextField.cursorPosition, modelData.emoji);
|
||
emojiProposals = null;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Column {
|
||
id: atMentionColumn
|
||
width: parent.width
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
visible: opacity > 0
|
||
opacity: knownUsersRepeater.count > 0 ? 1 : 0
|
||
Behavior on opacity { NumberAnimation {} }
|
||
height: knownUsersRepeater.count > 0 ? childrenRect.height : 0
|
||
Behavior on height { SmoothedAnimation { duration: 200 } }
|
||
spacing: Theme.paddingMedium
|
||
|
||
Flickable {
|
||
width: parent.width
|
||
height: atMentionResultRow.height + Theme.paddingSmall
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
contentWidth: atMentionResultRow.width
|
||
clip: true
|
||
Row {
|
||
id: atMentionResultRow
|
||
spacing: Theme.paddingMedium
|
||
Repeater {
|
||
id: knownUsersRepeater
|
||
|
||
Item {
|
||
id: knownUserItem
|
||
height: singleAtMentionRow.height
|
||
width: singleAtMentionRow.width
|
||
|
||
property string atMentionText: "@" + (user_name ? user_name : user_id + "(" + title + ")");
|
||
|
||
Row {
|
||
id: singleAtMentionRow
|
||
spacing: Theme.paddingSmall
|
||
|
||
Item {
|
||
width: Theme.fontSizeHuge
|
||
height: Theme.fontSizeHuge
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
ProfileThumbnail {
|
||
id: atMentionThumbnail
|
||
replacementStringHint: title
|
||
width: parent.width
|
||
height: parent.width
|
||
photoData: photo_small
|
||
}
|
||
}
|
||
|
||
Column {
|
||
Text {
|
||
text: Emoji.emojify(title, Theme.fontSizeExtraSmall)
|
||
textFormat: Text.StyledText
|
||
color: Theme.primaryColor
|
||
font.pixelSize: Theme.fontSizeExtraSmall
|
||
font.bold: true
|
||
}
|
||
Text {
|
||
id: userHandleText
|
||
text: user_handle
|
||
textFormat: Text.StyledText
|
||
color: Theme.primaryColor
|
||
font.pixelSize: Theme.fontSizeExtraSmall
|
||
}
|
||
}
|
||
}
|
||
|
||
MouseArea {
|
||
anchors.fill: parent
|
||
onClicked: {
|
||
replaceMessageText(newMessageTextField.text, newMessageTextField.cursorPosition, knownUserItem.atMentionText);
|
||
knownUsersRepeater.model = undefined;
|
||
}
|
||
}
|
||
}
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Row {
|
||
width: parent.width
|
||
spacing: Theme.paddingSmall
|
||
visible: newMessageColumn.editMessageId !== "0"
|
||
|
||
Text {
|
||
width: parent.width - Theme.paddingSmall - removeEditMessageIconButton.width
|
||
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
|
||
id: editMessageText
|
||
font.pixelSize: Theme.fontSizeSmall
|
||
font.bold: true
|
||
text: qsTr("Edit Message")
|
||
color: Theme.secondaryColor
|
||
}
|
||
|
||
IconButton {
|
||
id: removeEditMessageIconButton
|
||
icon.source: "image://theme/icon-m-clear"
|
||
onClicked: {
|
||
newMessageColumn.editMessageId = "0";
|
||
newMessageTextField.text = "";
|
||
}
|
||
}
|
||
}
|
||
|
||
Row {
|
||
id: newMessageRow
|
||
width: parent.width
|
||
anchors.horizontalCenter: parent.horizontalCenter
|
||
|
||
TextArea {
|
||
id: newMessageTextField
|
||
width: parent.width - (attachmentIconButton.visible ? attachmentIconButton.width : 0) - (newMessageSendButton.visible ? newMessageSendButton.width : 0) - (cancelInlineQueryButton.visible ? cancelInlineQueryButton.width : 0)
|
||
height: Math.min(chatContainer.height / 3, implicitHeight)
|
||
anchors.verticalCenter: parent.verticalCenter
|
||
font.pixelSize: Theme.fontSizeSmall
|
||
placeholderText: qsTr("Your message")
|
||
labelVisible: false
|
||
textLeftMargin: 0
|
||
textTopMargin: 0
|
||
enabled: !attachmentPreviewRow.isLocation
|
||
focus: appSettings.focusTextAreaOnChatOpen
|
||
EnterKey.onClicked: {
|
||
if (appSettings.sendByEnter) {
|
||
var messageText = newMessageTextField.text;
|
||
newMessageTextField.text = messageText.substring(0, newMessageTextField.cursorPosition -1) + messageText.substring(newMessageTextField.cursorPosition);
|
||
sendMessage();
|
||
newMessageTextField.text = "";
|
||
if(!appSettings.focusTextAreaAfterSend) {
|
||
newMessageTextField.focus = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
EnterKey.enabled: !inlineQuery.userNameIsValid && (!appSettings.sendByEnter || text.length)
|
||
EnterKey.iconSource: appSettings.sendByEnter ? "image://theme/icon-m-chat" : "image://theme/icon-m-enter"
|
||
|
||
onTextChanged: {
|
||
controlSendButton();
|
||
textReplacementTimer.restart();
|
||
}
|
||
onActiveFocusChanged: {
|
||
if (activeFocus) {
|
||
messageOptionsDrawer.open = false
|
||
}
|
||
}
|
||
}
|
||
|
||
IconButton {
|
||
id: attachmentIconButton
|
||
icon.source: "image://theme/icon-m-attach?" + (attachmentOptionsFlickable.isNeeded ? Theme.highlightColor : Theme.primaryColor)
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: Theme.paddingSmall
|
||
enabled: !attachmentPreviewRow.visible && !stickerSetOverlayLoader.item
|
||
visible: !inlineQuery.userNameIsValid
|
||
onClicked: {
|
||
if (attachmentOptionsFlickable.isNeeded) {
|
||
attachmentOptionsFlickable.isNeeded = false;
|
||
stickerPickerLoader.active = false;
|
||
voiceNoteOverlayLoader.active = false;
|
||
} else {
|
||
attachmentOptionsFlickable.isNeeded = true;
|
||
}
|
||
}
|
||
}
|
||
|
||
IconButton {
|
||
id: newMessageSendButton
|
||
icon.source: "image://theme/icon-m-chat"
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: Theme.paddingSmall
|
||
visible: !inlineQuery.userNameIsValid && (!appSettings.sendByEnter || attachmentPreviewRow.visible)
|
||
enabled: false
|
||
onClicked: {
|
||
sendMessage();
|
||
newMessageTextField.text = "";
|
||
if(!appSettings.focusTextAreaAfterSend) {
|
||
newMessageTextField.focus = false;
|
||
}
|
||
}
|
||
}
|
||
|
||
Item {
|
||
width: cancelInlineQueryButton.width
|
||
height: cancelInlineQueryButton.height
|
||
visible: inlineQuery.userNameIsValid
|
||
anchors.bottom: parent.bottom
|
||
anchors.bottomMargin: Theme.paddingSmall
|
||
|
||
IconButton {
|
||
id: cancelInlineQueryButton
|
||
icon.source: "image://theme/icon-m-cancel"
|
||
visible: parent.visible
|
||
opacity: inlineQuery.isLoading ? 0.2 : 1
|
||
Behavior on opacity { FadeAnimation {} }
|
||
onClicked: {
|
||
if(inlineQuery.query !== "") {
|
||
newMessageTextField.text = "@" + inlineQuery.userName + " "
|
||
newMessageTextField.cursorPosition = newMessageTextField.text.length
|
||
lostFocusTimer.start();
|
||
} else {
|
||
newMessageTextField.text = ""
|
||
}
|
||
}
|
||
onPressAndHold: {
|
||
newMessageTextField.text = ""
|
||
}
|
||
}
|
||
|
||
BusyIndicator {
|
||
size: BusyIndicatorSize.Small
|
||
anchors.centerIn: parent
|
||
running: inlineQuery.isLoading
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
|
||
}
|
||
|
||
|
||
Loader {
|
||
id: selectedMessagesActions
|
||
asynchronous: true
|
||
anchors.bottom: parent.bottom
|
||
readonly property bool isNeeded: chatPage.isSelecting
|
||
active: height > 0
|
||
width: parent.width
|
||
height: isNeeded ? Theme.itemSizeMedium : 0
|
||
Behavior on height { SmoothedAnimation { duration: 200 } }
|
||
sourceComponent: Component {
|
||
Item {
|
||
clip: true
|
||
|
||
IconButton {
|
||
anchors {
|
||
left: parent.left
|
||
leftMargin: Theme.horizontalPageMargin
|
||
verticalCenter: parent.verticalCenter
|
||
}
|
||
icon.source: "image://theme/icon-m-cancel"
|
||
onClicked: {
|
||
chatPage.selectedMessages = [];
|
||
}
|
||
}
|
||
|
||
Row {
|
||
spacing: Theme.paddingSmall
|
||
anchors {
|
||
right: parent.right
|
||
rightMargin: Theme.horizontalPageMargin
|
||
verticalCenter: parent.verticalCenter
|
||
}
|
||
|
||
IconButton {
|
||
icon.source: "../../images/icon-m-copy.svg"
|
||
icon.sourceSize: Qt.size(Theme.iconSizeMedium, Theme.iconSizeMedium)
|
||
onClicked: {
|
||
Clipboard.text = Functions.getMessagesArrayText(chatPage.selectedMessages);
|
||
appNotification.show(qsTr("%Ln messages have been copied", "", selectedMessages.length));
|
||
chatPage.selectedMessages = [];
|
||
}
|
||
}
|
||
|
||
IconButton {
|
||
visible: !chatPage.isSecretChat && selectedMessages.every(function(message){
|
||
return message.can_be_forwarded
|
||
})
|
||
icon.sourceSize: Qt.size(Theme.iconSizeMedium, Theme.iconSizeMedium)
|
||
icon.source: "image://theme/icon-m-forward"
|
||
onClicked: {
|
||
startForwardingMessages(chatPage.selectedMessages);
|
||
}
|
||
|
||
}
|
||
IconButton {
|
||
icon.source: "image://theme/icon-m-delete"
|
||
visible: chatInformation.id === chatPage.myUserId || selectedMessages.every(function(message){
|
||
return message.can_be_deleted_for_all_users
|
||
})
|
||
icon.sourceSize: Qt.size(Theme.iconSizeMedium, Theme.iconSizeMedium)
|
||
onClicked: {
|
||
var ids = Functions.getMessagesArrayIds(selectedMessages);
|
||
var chatId = chatInformation.id
|
||
var wrapper = tdLibWrapper;
|
||
Remorse.popupAction(chatPage, qsTr("%Ln Messages deleted", "", ids.length), function() {
|
||
wrapper.deleteMessages(chatId, ids);
|
||
});
|
||
chatPage.selectedMessages = [];
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
Timer {
|
||
id: doubleTapHintTimer
|
||
running: true
|
||
triggeredOnStart: false
|
||
repeat: false
|
||
interval: 6000
|
||
onTriggered: {
|
||
tapHint.visible = false;
|
||
tapHintLabel.visible = false;
|
||
}
|
||
}
|
||
|
||
TapInteractionHint {
|
||
id: tapHint
|
||
loops: Animation.Infinite
|
||
taps: 2
|
||
anchors.centerIn: parent
|
||
visible: false
|
||
}
|
||
|
||
InteractionHintLabel {
|
||
id: tapHintLabel
|
||
anchors.bottom: parent.bottom
|
||
text: qsTr("Double-tap on a message to choose a reaction")
|
||
visible: false
|
||
}
|
||
}
|