Start rewriting backend with pyotherside+asyncio

src/qml/Chat/RoomEventList/Daybreak.qml

@@ -0,0 +1,9 @@
+import QtQuick 2.7
+import "../../Base"
+
+HNoticePage {
+    text: dateTime.toLocaleDateString()
+    color: HStyle.chat.daybreak.foreground
+    backgroundColor: HStyle.chat.daybreak.background
+    radius: HStyle.chat.daybreak.radius
+}

src/qml/Chat/RoomEventList/EventContent.qml

@@ -0,0 +1,53 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+import "../utils.js" as ChatJS
+
+Row {
+    id: eventContent
+    spacing: standardSpacing / 2
+    layoutDirection: isOwn ? Qt.RightToLeft : Qt.LeftToRight
+
+    width: Math.min(
+        roomEventListView.width - avatar.width - eventContent.spacing,
+        HStyle.fontSize.normal * 0.5 * 75,  // 600 with 16px font
+        contentLabel.implicitWidth
+    )
+
+    HAvatar {
+        id: avatar
+        name: sender.displayName.value
+        hidden: combine
+        dimension: 28
+    }
+
+    HLabel {
+        width: parent.width
+
+        id: contentLabel
+        text: "<font color='" +
+              Qt.hsla(Backend.hueFromString(sender.displayName.value),
+                      HStyle.chat.event.saturation,
+                      HStyle.chat.event.lightness,
+                      1) +
+              "'>" +
+              sender.displayName.value + " " +
+              ChatJS.getEventText(type, dict) +
+
+              "&nbsp;&nbsp;" +
+              "<font size=" + HStyle.fontSize.small + "px " +
+              "color=" + HStyle.chat.event.date + ">" +
+              Qt.formatDateTime(dateTime, "hh:mm:ss") +
+              "</font> " +
+              "</font>"
+
+        textFormat: Text.RichText
+        background: Rectangle {color: HStyle.chat.event.background}
+        wrapMode: Text.Wrap
+
+        leftPadding: horizontalPadding
+        rightPadding: horizontalPadding
+        topPadding: verticalPadding
+        bottomPadding: verticalPadding
+    }
+}

src/qml/Chat/RoomEventList/MessageContent.qml

@@ -0,0 +1,80 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+
+Row {
+    id: messageContent
+    spacing: standardSpacing / 2
+    layoutDirection: isOwn ? Qt.RightToLeft : Qt.LeftToRight
+
+    HAvatar {
+        id: avatar
+        hidden: combine
+        name: sender.displayName.value
+        dimension: 48
+    }
+
+    Rectangle {
+        color: HStyle.chat.message.background
+
+        //width: nameLabel.implicitWidth
+        width: Math.min(
+            roomEventListView.width - avatar.width - messageContent.spacing,
+            HStyle.fontSize.normal * 0.5 * 75,  // 600 with 16px font
+            Math.max(
+                nameLabel.visible ? nameLabel.implicitWidth : 0,
+                contentLabel.implicitWidth
+            )
+        )
+        height: nameLabel.height + contentLabel.implicitHeight
+
+        Column {
+            spacing: 0
+            anchors.fill: parent
+
+            HLabel {
+                height: combine ? 0 : implicitHeight
+                width: parent.width
+                visible: height > 0
+
+                id: nameLabel
+                text: sender.displayName.value
+                color: Qt.hsla(Backend.hueFromString(text),
+                               HStyle.displayName.saturation,
+                               HStyle.displayName.lightness,
+                               1)
+                elide: Text.ElideRight
+                maximumLineCount: 1
+                horizontalAlignment: isOwn ? Text.AlignRight : Text.AlignLeft
+
+                leftPadding: horizontalPadding
+                rightPadding: horizontalPadding
+                topPadding: verticalPadding
+            }
+
+            HRichLabel {
+                width: parent.width
+
+                id: contentLabel
+                text: (dict.formatted_body ?
+                       Backend.htmlFilter.filter(dict.formatted_body) :
+                       dict.body) +
+                      "&nbsp;&nbsp;<font size=" + HStyle.fontSize.small +
+                      "px color=" + HStyle.chat.message.date + ">" +
+                      Qt.formatDateTime(dateTime, "hh:mm:ss") +
+                      "</font>" +
+                      (isLocalEcho ?
+                       "&nbsp;<font size=" + HStyle.fontSize.small +
+                       "px>⏳</font>" : "")
+                textFormat: Text.RichText
+                color: HStyle.chat.message.body
+                wrapMode: Text.Wrap
+
+                leftPadding: horizontalPadding
+                rightPadding: horizontalPadding
+                topPadding: nameLabel.visible ? 0 : verticalPadding
+                bottomPadding: verticalPadding
+            }
+        }
+    }
+}

src/qml/Chat/RoomEventList/RoomEventDelegate.qml

@@ -0,0 +1,88 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+import "../utils.js" as ChatJS
+
+Column {
+    id: roomEventDelegate
+
+    function minsBetween(date1, date2) {
+        return Math.round((((date2 - date1) % 86400000) % 3600000) / 60000)
+    }
+
+    function getIsMessage(type_) { return type_.startsWith("RoomMessage") }
+
+    function getPreviousItem() {
+        return index < roomEventListView.model.count - 1 ?
+                roomEventListView.model.get(index + 1) : null
+    }
+
+    property var previousItem: getPreviousItem()
+    signal reloadPreviousItem()
+    onReloadPreviousItem: previousItem = getPreviousItem()
+
+    readonly property bool isMessage: getIsMessage(type)
+
+    readonly property bool isUndecryptableEvent:
+        type === "OlmEvent" || type === "MegolmEvent"
+
+    readonly property var sender: Backend.users.get(dict.sender)
+
+    readonly property bool isOwn:
+        chatPage.userId === dict.sender
+
+    readonly property bool isFirstEvent: type == "RoomCreateEvent"
+
+    readonly property bool combine:
+        previousItem &&
+        ! talkBreak &&
+        ! dayBreak &&
+        getIsMessage(previousItem.type) === isMessage &&
+        previousItem.dict.sender === dict.sender &&
+        minsBetween(previousItem.dateTime, dateTime) <= 5
+
+    readonly property bool dayBreak:
+        isFirstEvent ||
+        previousItem &&
+        dateTime.getDate() != previousItem.dateTime.getDate()
+
+    readonly property bool talkBreak:
+        previousItem &&
+        ! dayBreak &&
+        minsBetween(previousItem.dateTime, dateTime) >= 20
+
+
+    property int standardSpacing: 16
+    property int horizontalPadding: 6
+    property int verticalPadding: 4
+
+    ListView.onAdd: {
+        var nextDelegate = roomEventListView.contentItem.children[index]
+        if (nextDelegate) { nextDelegate.reloadPreviousItem() }
+    }
+
+    width: parent.width
+
+    topPadding:
+        isFirstEvent ? 0 :
+        dayBreak ? standardSpacing * 2 :
+        talkBreak ? standardSpacing * 3 :
+        combine ? standardSpacing / 4 :
+        standardSpacing
+
+    Loader {
+        source: dayBreak ? "Daybreak.qml" : ""
+        width: roomEventDelegate.width
+    }
+
+    Item {
+        visible: dayBreak
+        width: parent.width
+        height: topPadding
+    }
+
+    Loader {
+        source: isMessage ? "MessageContent.qml" : "EventContent.qml"
+        anchors.right: isOwn ? parent.right : undefined
+    }
+}

src/qml/Chat/RoomEventList/RoomEventList.qml

@@ -0,0 +1,43 @@
+import QtQuick 2.7
+import "../../Base"
+
+HRectangle {
+    property int space: 8
+
+    color: HStyle.chat.roomEventList.background
+
+    HListView {
+        id: roomEventListView
+        delegate: RoomEventDelegate {}
+        model: Backend.roomEvents.get(chatPage.roomId)
+        clip: true
+
+        anchors.fill: parent
+        anchors.leftMargin: space
+        anchors.rightMargin: space
+
+        topMargin: space
+        bottomMargin: space
+        verticalLayoutDirection: ListView.BottomToTop
+
+        // Keep x scroll pages cached, to limit images having to be
+        // reloaded from network.
+        cacheBuffer: height * 6
+
+        // Declaring this "alias" provides the on... signal
+        property real yPos: visibleArea.yPosition
+
+        onYPosChanged: {
+            if (chatPage.category != "Invites" && yPos <= 0.1) {
+                Backend.loadPastEvents(chatPage.roomId)
+            }
+        }
+    }
+
+    HNoticePage {
+        text: qsTr("Nothing to show here yet...")
+
+        visible: roomEventListView.model.count < 1
+        anchors.fill: parent
+    }
+}