Move typing display to qml

1 files changed, 30 insertions, 1 deletions

diff --git a/resources/qml/TimelineView.qml b/resources/qml/TimelineView.qml

index bfea79ee..60a8e6c1 100644
--- a/resources/qml/TimelineView.qml
+++ b/resources/qml/TimelineView.qml
@@ -38,7 +38,11 @@ Item {
 			id: chat
 
 			visible: timelineManager.timeline != null
-			anchors.fill: parent
+
+			anchors.left: parent.left
+			anchors.right: parent.right
+			anchors.top: parent.top
+			anchors.bottom: chatFooter.top
 
 			anchors.leftMargin: 4
 			anchors.rightMargin: scrollbar.width
@@ -179,6 +183,31 @@ Item {
 					}
 				}
 			}
+
+		}
+
+		Rectangle {
+			id: chatFooter
+
+			height: Math.max(16, typingDisplay.height)
+			anchors.left: parent.left
+			anchors.right: parent.right
+			anchors.bottom: parent.bottom
+			z: 3
+
+			color: colors.window
+
+			Text {
+				anchors.left: parent.left
+				anchors.right: parent.right
+				anchors.bottom: parent.bottom
+				anchors.leftMargin: 10
+				anchors.rightMargin: 10
+
+				id: typingDisplay
+				text: chat.model ? chat.model.formatTypingUsers(chat.model.typingUsers, chatFooter.color) : ""
+				color: colors.windowText
+			}
 		}
 	}
 }