Start rewriting backend with pyotherside+asyncio

src/qml/Chat/RoomSidePane/MemberDelegate.qml

@@ -0,0 +1,37 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+
+MouseArea {
+    id: memberDelegate
+    width: memberList.width
+    height: childrenRect.height
+
+    property var member: Backend.users.get(userId)
+
+    HRowLayout {
+        width: parent.width
+        spacing: memberList.spacing
+
+        HAvatar {
+            id: memberAvatar
+            name: member.displayName.value
+        }
+
+        HColumnLayout {
+            Layout.fillWidth: true
+            Layout.maximumWidth:
+                parent.width - parent.totalSpacing - memberAvatar.width
+
+            HLabel {
+                id: memberName
+                text: member.displayName.value
+                elide: Text.ElideRight
+                maximumLineCount: 1
+                verticalAlignment: Qt.AlignVCenter
+
+                Layout.maximumWidth: parent.width
+            }
+        }
+    }
+}

src/qml/Chat/RoomSidePane/MembersView.qml

@@ -0,0 +1,49 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+
+HColumnLayout {
+    property bool collapsed: false
+    property int normalSpacing: collapsed ? 0 : 8
+
+    Behavior on normalSpacing {
+        NumberAnimation { duration: HStyle.animationDuration }
+    }
+
+    HListView {
+        id: memberList
+
+        spacing: normalSpacing
+        topMargin: normalSpacing
+        bottomMargin: normalSpacing
+        Layout.leftMargin: normalSpacing
+        Layout.rightMargin: normalSpacing
+
+        model: chatPage.roomInfo.sortedMembers
+        delegate: MemberDelegate {}
+
+        Layout.fillWidth: true
+        Layout.fillHeight: true
+
+    }
+
+    HTextField {
+        id: filterField
+        placeholderText: qsTr("Filter members")
+        backgroundColor: HStyle.sidePane.filterRooms.background
+
+        // Without this, if the user types in the field, changes of room, then
+        // comes back, the field will be empty but the filter still applied.
+        Component.onCompleted:
+            text = Backend.clients.get(chatPage.userId).getMemberFilter(
+                chatPage.category, chatPage.roomId
+            )
+
+        onTextChanged: Backend.clients.get(chatPage.userId).setMemberFilter(
+            chatPage.category, chatPage.roomId, text
+        )
+
+        Layout.fillWidth: true
+        Layout.preferredHeight: HStyle.bottomElementsHeight
+    }
+}

src/qml/Chat/RoomSidePane/RoomSidePane.qml

@@ -0,0 +1,15 @@
+import QtQuick 2.7
+import QtQuick.Layouts 1.3
+import "../../Base"
+
+HRectangle {
+    id: roomSidePane
+
+    property bool collapsed: false
+    property var activeView: null
+
+    MembersView {
+        anchors.fill: parent
+        collapsed: parent.collapsed
+    }
+}