Introduce QML to Quassel

[quassel.git] / qml / ChatView.qml

diff --git a/qml/ChatView.qml b/qml/ChatView.qml
new file mode 100644 (file)
index 0000000..141ccd6
--- /dev/null
+++ b/qml/ChatView.qml
@@ -0,0 +1,35 @@
+import QtQuick 1.1
+// import Qt.components 1.0
+
+
+ListView {
+  id: flickable
+  anchors.fill: parent
+
+  Component {
+      id: msgDelegate
+      Item {
+        Row {
+          id: chatline
+          Text { text: timestamp; wrapMode: Text.NoWrap; width: 100 }
+          Text { text: sender; wrapMode: Text.NoWrap; width: 100 }
+          Text { text: contents; wrapMode: Text.Wrap; width: flickable.width-200}
+        }
+        height: chatline.height
+        ListView.onAdd: positionViewAtEnd()
+      }
+  }
+
+  model: msgModel
+
+  delegate: msgDelegate
+
+  Rectangle {
+    id: scrollbar
+    anchors.right: flickable.right
+    y: flickable.visibleArea.yPosition * flickable.height
+           width: 10
+           height: flickable.visibleArea.heightRatio * flickable.height
+           color: "black"
+  }
+}