Start rewriting backend with pyotherside+asyncio

src/qml/Chat/Banners/Banner.qml

@@ -0,0 +1,90 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+
+HRectangle {
+    id: banner
+    Layout.fillWidth: true
+    Layout.preferredHeight: HStyle.bottomElementsHeight
+
+    property alias avatar: bannerAvatar
+    property alias icon: bannerIcon
+    property alias labelText: bannerLabel.text
+    property alias buttonModel: bannerRepeater.model
+    property var buttonCallbacks: []
+
+    HRowLayout {
+        id: bannerRow
+        anchors.fill: parent
+
+        HAvatar {
+            id: bannerAvatar
+            dimension: banner.Layout.preferredHeight
+        }
+
+        HIcon {
+            id: bannerIcon
+            dimension: bannerLabel.implicitHeight
+            visible: Boolean(svgName)
+
+            Layout.leftMargin: 5
+        }
+
+        HLabel {
+            id: bannerLabel
+            textFormat: Text.StyledText
+            maximumLineCount: 1
+            elide: Text.ElideRight
+
+            visible:
+                bannerRow.width - bannerAvatar.width - bannerButtons.width > 30
+
+            Layout.maximumWidth:
+                bannerRow.width -
+                bannerAvatar.width - bannerButtons.width -
+                Layout.leftMargin - Layout.rightMargin
+
+            Layout.leftMargin: 5
+            Layout.rightMargin: Layout.leftMargin
+        }
+
+        HSpacer {}
+
+        HRowLayout {
+            id: bannerButtons
+
+            function getButtonsWidth() {
+                var total = 0
+
+                for (var i = 0; i < bannerRepeater.count; i++) {
+                    total += bannerRepeater.itemAt(i).implicitWidth
+                }
+
+                return total
+            }
+
+            property bool compact:
+                bannerRow.width <
+                bannerAvatar.width +
+                bannerLabel.implicitWidth +
+                bannerLabel.Layout.leftMargin +
+                bannerLabel.Layout.rightMargin +
+                getButtonsWidth()
+
+            Repeater {
+                id: bannerRepeater
+                model: []
+
+                HButton {
+                    id: button
+                    text: modelData.text
+                    iconName: modelData.iconName
+                    onClicked: buttonCallbacks[modelData.name](button)
+
+                    Layout.maximumWidth: bannerButtons.compact ? height : -1
+                    Layout.fillHeight: true
+                }
+            }
+        }
+    }
+}

src/qml/Chat/Banners/InviteBanner.qml

@@ -0,0 +1,41 @@
+import QtQuick 2.7
+import "../../Base"
+
+Banner {
+    property var inviter: null
+
+    color: HStyle.chat.inviteBanner.background
+
+    avatar.name: inviter ? inviter.displayname : ""
+    //avatar.imageUrl: inviter ? inviter.avatar_url : ""
+
+    labelText:
+        (inviter ?
+         ("<b>" + inviter.displayname + "</b>") : qsTr("Someone")) +
+        " " + qsTr("invited you to join the room.")
+
+    buttonModel: [
+        {
+            name: "accept",
+            text: qsTr("Accept"),
+            iconName: "invite_accept",
+        },
+        {
+            name: "decline",
+            text: qsTr("Decline"),
+            iconName: "invite_decline",
+        }
+    ]
+
+    buttonCallbacks: {
+        "accept": function(button) {
+            button.loading = true
+            Backend.clients.get(chatPage.userId).joinRoom(chatPage.roomId)
+        },
+
+        "decline": function(button) {
+            button.loading = true
+            Backend.clients.get(chatPage.userId).leaveRoom(chatPage.roomId)
+        }
+    }
+}

src/qml/Chat/Banners/LeftBanner.qml

@@ -0,0 +1,28 @@
+import QtQuick 2.7
+import "../../Base"
+import "../utils.js" as ChatJS
+
+Banner {
+    property var leftEvent: null
+
+    color: HStyle.chat.leftBanner.background
+
+    avatar.name: ChatJS.getLeftBannerAvatarName(leftEvent, chatPage.userId)
+    labelText: ChatJS.getLeftBannerText(leftEvent)
+
+    buttonModel: [
+        {
+            name: "forget",
+            text: qsTr("Forget"),
+            iconName: "forget_room",
+        }
+    ]
+
+    buttonCallbacks: {
+        "forget": function(button) {
+            button.loading = true
+            Backend.clients.get(chatPage.userId).forgetRoom(chatPage.roomId)
+            pageStack.clear()
+        },
+    }
+}

src/qml/Chat/Banners/UnknownDevicesBanner.qml

@@ -0,0 +1,25 @@
+import QtQuick 2.7
+import "../../Base"
+import "../utils.js" as ChatJS
+
+Banner {
+    color: HStyle.chat.unknownDevices.background
+
+    avatar.visible: false
+    icon.svgName: "unknown_devices_warning"
+    labelText: "Unknown devices are present in this encrypted room."
+
+    buttonModel: [
+        {
+            name: "inspect",
+            text: qsTr("Inspect"),
+            iconName: "unknown_devices_inspect",
+        }
+    ]
+
+    buttonCallbacks: {
+        "inspect": function(button) {
+            print("show")
+        },
+    }
+}