268 lines
9.6 KiB
QML
268 lines
9.6 KiB
QML
// SPDX-FileCopyrightText: 2021 Nheko Contributors
|
|
// SPDX-FileCopyrightText: 2022 Nheko Contributors
|
|
// SPDX-FileCopyrightText: 2023 Nheko Contributors
|
|
//
|
|
// SPDX-License-Identifier: GPL-3.0-or-later
|
|
|
|
import ".."
|
|
import "../ui"
|
|
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Layouts 1.12
|
|
import QtQuick.Window 2.13
|
|
import im.nheko 1.0
|
|
|
|
ApplicationWindow {
|
|
id: roomMembersRoot
|
|
|
|
property MemberList members
|
|
property Room room
|
|
|
|
title: qsTr("Members of %1").arg(members.roomName)
|
|
height: 650
|
|
width: 420
|
|
minimumHeight: 420
|
|
palette: Nheko.colors
|
|
color: Nheko.colors.window
|
|
flags: Qt.Dialog | Qt.WindowCloseButtonHint | Qt.WindowTitleHint
|
|
|
|
Shortcut {
|
|
sequence: StandardKey.Cancel
|
|
onActivated: roomMembersRoot.close()
|
|
}
|
|
|
|
ColumnLayout {
|
|
anchors.fill: parent
|
|
anchors.margins: Nheko.paddingMedium
|
|
spacing: Nheko.paddingMedium
|
|
|
|
Avatar {
|
|
id: roomAvatar
|
|
|
|
width: 130
|
|
height: width
|
|
roomid: members.roomId
|
|
displayName: members.roomName
|
|
Layout.alignment: Qt.AlignHCenter
|
|
url: members.avatarUrl.replace("mxc://", "image://MxcImage/")
|
|
onClicked: TimelineManager.openRoomSettings(members.roomId)
|
|
}
|
|
|
|
ElidedLabel {
|
|
font.pixelSize: fontMetrics.font.pixelSize * 2
|
|
fullText: qsTr("%n people in %1", "Summary above list of members", members.memberCount).arg(members.roomName)
|
|
Layout.alignment: Qt.AlignHCenter
|
|
elideWidth: parent.width - Nheko.paddingMedium
|
|
}
|
|
|
|
ImageButton {
|
|
Layout.alignment: Qt.AlignHCenter
|
|
image: ":/icons/icons/ui/add-square-button.svg"
|
|
hoverEnabled: true
|
|
ToolTip.visible: hovered
|
|
ToolTip.text: qsTr("Invite more people")
|
|
onClicked: TimelineManager.openInviteUsers(members.roomId)
|
|
}
|
|
|
|
MatrixTextField {
|
|
id: searchBar
|
|
|
|
Layout.fillWidth: true
|
|
placeholderText: qsTr("Search...")
|
|
onTextChanged: members.setFilterString(text)
|
|
|
|
Component.onCompleted: forceActiveFocus()
|
|
}
|
|
|
|
RowLayout {
|
|
spacing: Nheko.paddingMedium
|
|
|
|
Label {
|
|
text: qsTr("Sort by: ")
|
|
color: Nheko.colors.text
|
|
}
|
|
|
|
ComboBox {
|
|
model: ListModel {
|
|
ListElement { data: MemberList.Mxid; text: qsTr("User ID") }
|
|
ListElement { data: MemberList.DisplayName; text: qsTr("Display name") }
|
|
ListElement { data: MemberList.Powerlevel; text: qsTr("Power level") }
|
|
}
|
|
textRole: "text"
|
|
valueRole: "data"
|
|
onCurrentValueChanged: members.sortBy(currentValue)
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
ScrollView {
|
|
palette: Nheko.colors
|
|
padding: Nheko.paddingMedium
|
|
ScrollBar.horizontal.visible: false
|
|
Layout.fillHeight: true
|
|
Layout.minimumHeight: 200
|
|
Layout.fillWidth: true
|
|
|
|
ListView {
|
|
id: memberList
|
|
|
|
clip: true
|
|
boundsBehavior: Flickable.StopAtBounds
|
|
model: members
|
|
|
|
ScrollHelper {
|
|
flickable: parent
|
|
anchors.fill: parent
|
|
enabled: !Settings.mobileMode
|
|
}
|
|
|
|
delegate: ItemDelegate {
|
|
id: del
|
|
|
|
onClicked: room.openUserProfile(model.mxid)
|
|
padding: Nheko.paddingMedium
|
|
width: ListView.view.width
|
|
height: memberLayout.implicitHeight + Nheko.paddingSmall * 2
|
|
hoverEnabled: true
|
|
background: Rectangle {
|
|
color: del.hovered ? Nheko.colors.dark : roomMembersRoot.color
|
|
}
|
|
|
|
RowLayout {
|
|
id: memberLayout
|
|
|
|
spacing: Nheko.paddingMedium
|
|
anchors.centerIn: parent
|
|
width: parent.width - Nheko.paddingSmall * 2
|
|
|
|
Avatar {
|
|
id: avatar
|
|
|
|
width: Nheko.avatarSize
|
|
height: Nheko.avatarSize
|
|
userid: model.mxid
|
|
url: model.avatarUrl.replace("mxc://", "image://MxcImage/")
|
|
displayName: model.displayName
|
|
enabled: false
|
|
}
|
|
|
|
ColumnLayout {
|
|
spacing: Nheko.paddingSmall
|
|
|
|
ElidedLabel {
|
|
fullText: model.displayName
|
|
color: TimelineManager.userColor(model ? model.mxid : "", del.background.color)
|
|
font.pixelSize: fontMetrics.font.pixelSize
|
|
elideWidth: del.width - Nheko.paddingMedium * 2 - avatar.width - encryptInd.width
|
|
}
|
|
|
|
ElidedLabel {
|
|
fullText: model.mxid
|
|
color: del.hovered ? Nheko.colors.brightText : Nheko.colors.buttonText
|
|
font.pixelSize: Math.ceil(fontMetrics.font.pixelSize * 0.9)
|
|
elideWidth: del.width - Nheko.paddingMedium * 2 - avatar.width - encryptInd.width
|
|
}
|
|
|
|
}
|
|
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
Image {
|
|
property bool isAdmin: room.permissions.changeLevel(MtxEvent.PowerLevels) <= model.powerlevel
|
|
property bool isModerator: room.permissions.redactLevel() <= model.powerlevel
|
|
//property bool isDefault: room.permissions.defaultLevel() <= model.powerlevel
|
|
|
|
property string sourceUrl: {
|
|
if (isAdmin)
|
|
return "image://colorimage/:/icons/icons/ui/ribbon_star.svg?";
|
|
else if (isModerator)
|
|
return "image://colorimage/:/icons/icons/ui/ribbon.svg?";
|
|
else
|
|
return "image://colorimage/:/icons/icons/ui/person.svg?";
|
|
}
|
|
|
|
Layout.preferredWidth: 16
|
|
Layout.preferredHeight: 16
|
|
sourceSize.width: width
|
|
sourceSize.height: height
|
|
source: sourceUrl + (ma.hovered ? Nheko.colors.highlight : Nheko.colors.buttonText)
|
|
ToolTip.visible: ma.hovered
|
|
ToolTip.text: {
|
|
if (isAdmin)
|
|
return qsTr("Administrator: %1").arg(model.powerlevel);
|
|
else if (isModerator)
|
|
return qsTr("Moderator: %1").arg(model.powerlevel);
|
|
else
|
|
return qsTr("User: %1").arg(model.powerlevel);
|
|
}
|
|
|
|
HoverHandler {
|
|
id: ma
|
|
}
|
|
|
|
}
|
|
|
|
EncryptionIndicator {
|
|
id: encryptInd
|
|
|
|
Layout.preferredWidth: 16
|
|
Layout.preferredHeight: 16
|
|
Layout.alignment: Qt.AlignRight
|
|
visible: room.isEncrypted
|
|
encrypted: room.isEncrypted
|
|
trust: encrypted ? model.trustlevel : Crypto.Unverified
|
|
ToolTip.text: {
|
|
if (!encrypted)
|
|
return qsTr("This room is not encrypted!");
|
|
|
|
switch (trust) {
|
|
case Crypto.Verified:
|
|
return qsTr("This user is verified.");
|
|
case Crypto.TOFU:
|
|
return qsTr("This user isn't verified, but is still using the same master key from the first time you met.");
|
|
default:
|
|
return qsTr("This user has unverified devices!");
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
CursorShape {
|
|
anchors.fill: parent
|
|
cursorShape: Qt.PointingHandCursor
|
|
}
|
|
|
|
}
|
|
|
|
footer: Item {
|
|
width: parent.width
|
|
visible: (members.numUsersLoaded < members.memberCount) && members.loadingMoreMembers
|
|
// use the default height if it's visible, otherwise no height at all
|
|
height: membersLoadingSpinner.implicitHeight
|
|
anchors.margins: Nheko.paddingMedium
|
|
|
|
Spinner {
|
|
id: membersLoadingSpinner
|
|
|
|
anchors.centerIn: parent
|
|
implicitHeight: parent.visible ? 35 : 0
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
footer: DialogButtonBox {
|
|
standardButtons: DialogButtonBox.Ok
|
|
onAccepted: roomMembersRoot.close()
|
|
}
|
|
|
|
}
|