resources/qml/TypingIndicator.qml


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

import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.10
import im.nheko 1.0

Item {
    property var room: TimelineManager.timeline

    implicitHeight: Math.max(fontMetrics.height * 1.2, typingDisplay.height)
    Layout.fillWidth: true

    Rectangle {
        id: typingRect

        visible: (room && room.typingUsers.length > 0)
        color: colors.base
        anchors.fill: parent
        z: 3

        Label {
            id: typingDisplay

            anchors.left: parent.left
            anchors.leftMargin: 10
            anchors.right: parent.right
            anchors.rightMargin: 10
            anchors.bottom: parent.bottom
            color: colors.text
            text: room ? room.formatTypingUsers(room.typingUsers, colors.base) : ""
            textFormat: Text.RichText
        }

    }

}