aboutsummaryrefslogtreecommitdiff
path: root/qml/ChatPage.qml
blob: 63e3dae8fd0bc3a38f539bc8e6e7d9e896ac137a (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import DeltaChat 1.0
import QtQml.Models 2.1
import QtQuick 2.12
import QtQuick.Controls 2.12
import QtQuick.Layouts 1.12
import org.kde.kirigami 2.12 as Kirigami

Kirigami.ScrollablePage {
    id: root

    required property DcContext context
    required property DcAccountsEventEmitter eventEmitter
    required property var chatId
    property DcChat chat: context.getChat(chatId)

    function updateMessagelist() {
        // Reverse message list, because it is laid out from bottom to top.
        let messagelist = context.getMsgIdList(chatId).reverse();
        for (let i = 0; i < messagelist.length; i++) {
            const msgId = messagelist[i];
            const item = {
                "msgId": msgId
            };
            let j;
            for (j = i; j < messagelistModel.count; j++) {
                if (messagelistModel.get(j).msgId == msgId) {
                    messagelistModel.move(j, i, 1);
                    messagelistModel.set(i, item);
                    break;
                }
            }
            if (j == messagelistModel.count)
                messagelistModel.insert(i, item);

        }
        if (messagelistModel.count > messagelist.length)
            messagelistModel.remove(messagelist.length, messagelistModel.count - messagelist.length);

    }

    title: chat ? chat.name : qsTr("Chat")
    Component.onCompleted: {
        root.updateMessagelist();
    }

    ListModel {
        id: messagelistModel
    }

    Connections {
        function onChatModified() {
            console.log("CHAT MODIFIED!");
            root.chat = context.getChat(chatId);
        }

        function onIncomingMessage(accountId, chatId, msgId) {
            console.log("Incoming message for chat " + chatId);
            if (chatId == root.chatId)
                root.updateMessagelist();

        }

        function onMessagesChanged(accountId, chatId, msgId) {
            console.log("Messages changed for chat " + chatId);
            if (chatId == root.chatId || chatId == 0)
                root.updateMessagelist();

        }

        target: root.eventEmitter
    }

    ListView {
        id: messageListView

        anchors.fill: parent
        spacing: Kirigami.Units.largeSpacing
        model: messagelistModel
        /*
         * Messages are laid out bottom to top, because their height
         * is not known in advance.
         *
         * Attempts to lay out messages top to bottom and scroll to the
         * bottom of the list with ListView.positionViewAtEnd() result in
         * imprecise scrollbar position, because this method estimates
         * item height from the height of currently visible messages.
         */
        verticalLayoutDirection: ListView.BottomToTop

        delegate: Message {
            message: root.context.getMessage(msgId)
            context: root.context
            width: ListView.view.width
        }

    }

    background: Rectangle {
        color: Kirigami.Theme.alternateBackgroundColor
        anchors.fill: parent
    }

    footer: ComposePane {
        context: root.context
        chatId: root.chatId
        chat: root.chat
        Layout.fillWidth: true
    }

}