mirror
/
nheko
mirror of https://github.com/Nheko-Reborn/nheko
2
0
Fork 1
Code Issues Releases Wiki Activity

Move the device list into a separate scroll area

Browse Source 
Scrolling the device list alongside all other user info is not
a very great UX, so I've fixed it.
pull/1680/head
Loren Burkholder 10 months ago
parent 961cb403f7
commit f6ffdc76d9
No known key found for this signature in database
GPG Key ID: AB62CB312CEC2BBC
1 changed files with 402 additions and 403 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 805
      resources/qml/dialogs/UserProfile.qml

805
resources/qml/dialogs/UserProfile.qml
Unescape View File

@ -31,498 +31,499 @@ ApplicationWindow {
onActivated: userProfileDialog.close() onActivated: userProfileDialog.close()
} }
ListView { ColumnLayout {
id: devicelist id: contentL
property int selectedTab: 0
Layout.fillHeight: true
Layout.fillWidth: true
clip: true
spacing: 8
boundsBehavior: Flickable.StopAtBounds
anchors.fill: parent anchors.fill: parent
anchors.margins: 10 anchors.margins: 10
footerPositioning: ListView.OverlayFooter
header: ColumnLayout {
id: contentL
width: devicelist.width
spacing: Nheko.paddingMedium
Avatar {
id: displayAvatar
url: profile.avatarUrl.replace("mxc://", "image://MxcImage/")
Layout.preferredHeight: 130
Layout.preferredWidth: 130
displayName: profile.displayName
userid: profile.userid
Layout.alignment: Qt.AlignHCenter
onClicked: TimelineManager.openImageOverlay(null, profile.avatarUrl, "", 0, 0)
ImageButton {
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: profile.isGlobalUserProfile ? qsTr("Change avatar globally.") : qsTr("Change avatar. Will only apply to this room.")
anchors.left: displayAvatar.left
anchors.top: displayAvatar.top
anchors.leftMargin: Nheko.paddingMedium
anchors.topMargin: Nheko.paddingMedium
visible: profile.isSelf
image: ":/icons/icons/ui/edit.svg"
onClicked: profile.changeAvatar()
}
}
Spinner { spacing: Nheko.paddingMedium
Layout.alignment: Qt.AlignHCenter
running: profile.isLoading Avatar {
visible: profile.isLoading id: displayAvatar
foreground: palette.mid
url: profile.avatarUrl.replace("mxc://", "image://MxcImage/")
Layout.preferredHeight: 130
Layout.preferredWidth: 130
displayName: profile.displayName
userid: profile.userid
Layout.alignment: Qt.AlignHCenter
onClicked: TimelineManager.openImageOverlay(null, profile.avatarUrl, "", 0, 0)
ImageButton {
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: profile.isGlobalUserProfile ? qsTr("Change avatar globally.") : qsTr("Change avatar. Will only apply to this room.")
anchors.left: displayAvatar.left
anchors.top: displayAvatar.top
anchors.leftMargin: Nheko.paddingMedium
anchors.topMargin: Nheko.paddingMedium
visible: profile.isSelf
image: ":/icons/icons/ui/edit.svg"
onClicked: profile.changeAvatar()
} }
Text { }
id: errorText
color: "red" Spinner {
visible: opacity > 0 Layout.alignment: Qt.AlignHCenter
opacity: 0 running: profile.isLoading
Layout.alignment: Qt.AlignHCenter visible: profile.isLoading
} foreground: palette.mid
}
SequentialAnimation { Text {
id: hideErrorAnimation id: errorText
running: false color: "red"
visible: opacity > 0
opacity: 0
Layout.alignment: Qt.AlignHCenter
}
PauseAnimation { SequentialAnimation {
duration: 4000 id: hideErrorAnimation
}
NumberAnimation { running: false
target: errorText
property: 'opacity'
to: 0
duration: 1000
}
PauseAnimation {
duration: 4000
} }
Connections { NumberAnimation {
function onDisplayError(errorMessage) { target: errorText
errorText.text = errorMessage; property: 'opacity'
errorText.opacity = 1; to: 0
hideErrorAnimation.restart(); duration: 1000
}
target: profile
} }
TextInput { }
id: displayUsername
property bool isUsernameEditingAllowed
readOnly: !isUsernameEditingAllowed
text: profile.displayName
font.pixelSize: 20
color: TimelineManager.userColor(profile.userid, palette.window)
font.bold: true
Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: parent.width - (Nheko.paddingSmall * 2) - usernameChangeButton.anchors.leftMargin - (usernameChangeButton.width * 2)
horizontalAlignment: TextInput.AlignHCenter
wrapMode: TextInput.Wrap
selectByMouse: true
onAccepted: {
profile.changeUsername(displayUsername.text);
displayUsername.isUsernameEditingAllowed = false;
}
ImageButton {
id: usernameChangeButton
visible: profile.isSelf
anchors.leftMargin: Nheko.paddingSmall
anchors.left: displayUsername.right
anchors.verticalCenter: displayUsername.verticalCenter
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: profile.isGlobalUserProfile ? qsTr("Change display name globally.") : qsTr("Change display name. Will only apply to this room.")
image: displayUsername.isUsernameEditingAllowed ? ":/icons/icons/ui/checkmark.svg" : ":/icons/icons/ui/edit.svg"
onClicked: {
if (displayUsername.isUsernameEditingAllowed) {
profile.changeUsername(displayUsername.text);
displayUsername.isUsernameEditingAllowed = false;
} else {
displayUsername.isUsernameEditingAllowed = true;
displayUsername.focus = true;
displayUsername.selectAll();
}
}
}
Connections {
function onDisplayError(errorMessage) {
errorText.text = errorMessage;
errorText.opacity = 1;
hideErrorAnimation.restart();
} }
MatrixText { target: profile
text: profile.userid }
Layout.alignment: Qt.AlignHCenter
TextInput {
id: displayUsername
property bool isUsernameEditingAllowed
readOnly: !isUsernameEditingAllowed
text: profile.displayName
font.pixelSize: 20
color: TimelineManager.userColor(profile.userid, palette.window)
font.bold: true
Layout.alignment: Qt.AlignHCenter
Layout.maximumWidth: parent.width - (Nheko.paddingSmall * 2) - usernameChangeButton.anchors.leftMargin - (usernameChangeButton.width * 2)
horizontalAlignment: TextInput.AlignHCenter
wrapMode: TextInput.Wrap
selectByMouse: true
onAccepted: {
profile.changeUsername(displayUsername.text);
displayUsername.isUsernameEditingAllowed = false;
} }
MatrixText { ImageButton {
id: statusMsg id: usernameChangeButton
text: qsTr("<i><b>Status:</b> %1</i>").arg(userStatus) visible: profile.isSelf
visible: userStatus != "" anchors.leftMargin: Nheko.paddingSmall
Layout.fillWidth: true anchors.left: displayUsername.right
horizontalAlignment: TextEdit.AlignHCenter anchors.verticalCenter: displayUsername.verticalCenter
Layout.leftMargin: Nheko.paddingMedium hoverEnabled: true
Layout.rightMargin: Nheko.paddingMedium ToolTip.visible: hovered
font.pointSize: Math.floor(fontMetrics.font.pointSize * 0.9) ToolTip.text: profile.isGlobalUserProfile ? qsTr("Change display name globally.") : qsTr("Change display name. Will only apply to this room.")
image: displayUsername.isUsernameEditingAllowed ? ":/icons/icons/ui/checkmark.svg" : ":/icons/icons/ui/edit.svg"
property string userStatus: Presence.userStatus(profile.userid) onClicked: {
Connections { if (displayUsername.isUsernameEditingAllowed) {
target: Presence profile.changeUsername(displayUsername.text);
function onPresenceChanged(id) { displayUsername.isUsernameEditingAllowed = false;
if (id == profile.userid) statusMsg.userStatus = Presence.userStatus(profile.userid); } else {
displayUsername.isUsernameEditingAllowed = true;
displayUsername.focus = true;
displayUsername.selectAll();
} }
} }
} }
RowLayout { }
visible: !profile.isGlobalUserProfile
Layout.alignment: Qt.AlignHCenter
spacing: Nheko.paddingSmall
MatrixText {
id: displayRoomname
text: qsTr("Room: %1").arg(profile.room ? profile.room.roomName : "")
ToolTip.text: qsTr("This is a room-specific profile. The user's name and avatar may be different from their global versions.")
ToolTip.visible: ma.hovered
Layout.maximumWidth: parent.parent.width - (parent.spacing * 3) - 16
horizontalAlignment: TextEdit.AlignHCenter
HoverHandler { MatrixText {
id: ma text: profile.userid
} Layout.alignment: Qt.AlignHCenter
}
MatrixText {
id: statusMsg
text: qsTr("<i><b>Status:</b> %1</i>").arg(userStatus)
visible: userStatus != ""
Layout.fillWidth: true
horizontalAlignment: TextEdit.AlignHCenter
Layout.leftMargin: Nheko.paddingMedium
Layout.rightMargin: Nheko.paddingMedium
font.pointSize: Math.floor(fontMetrics.font.pointSize * 0.9)
property string userStatus: Presence.userStatus(profile.userid)
Connections {
target: Presence
function onPresenceChanged(id) {
if (id == profile.userid) statusMsg.userStatus = Presence.userStatus(profile.userid);
} }
}
}
ImageButton { RowLayout {
image: ":/icons/icons/ui/world.svg" visible: !profile.isGlobalUserProfile
hoverEnabled: true Layout.alignment: Qt.AlignHCenter
ToolTip.visible: hovered spacing: Nheko.paddingSmall
ToolTip.text: qsTr("Open the global profile for this user.")
onClicked: profile.openGlobalProfile()
}
} MatrixText {
id: displayRoomname
text: qsTr("Room: %1").arg(profile.room ? profile.room.roomName : "")
ToolTip.text: qsTr("This is a room-specific profile. The user's name and avatar may be different from their global versions.")
ToolTip.visible: ma.hovered
Layout.maximumWidth: parent.parent.width - (parent.spacing * 3) - 16
horizontalAlignment: TextEdit.AlignHCenter
Button { HoverHandler {
id: verifyUserButton id: ma
}
text: qsTr("Verify")
Layout.alignment: Qt.AlignHCenter
enabled: profile.userVerified != Crypto.Verified
visible: profile.userVerified != Crypto.Verified && !profile.isSelf && profile.userVerificationEnabled
onClicked: profile.verify()
} }
EncryptionIndicator { ImageButton {
Layout.preferredHeight: 32 image: ":/icons/icons/ui/world.svg"
Layout.preferredWidth: 32 hoverEnabled: true
encrypted: profile.userVerificationEnabled ToolTip.visible: hovered
trust: profile.userVerified ToolTip.text: qsTr("Open the global profile for this user.")
Layout.alignment: Qt.AlignHCenter onClicked: profile.openGlobalProfile()
ToolTip.visible: false
} }
RowLayout { }
// ImageButton{
// image:":/icons/icons/ui/volume-off-indicator.svg"
// Layout.margins: {
// left: 5
// right: 5
// }
// ToolTip.visible: hovered
// ToolTip.text: qsTr("Ignore messages from this user.")
// onClicked : {
// profile.ignoreUser()
// }
// }
Layout.alignment: Qt.AlignHCenter
Layout.bottomMargin: 10
spacing: Nheko.paddingSmall
ImageButton {
Layout.preferredHeight: 24
Layout.preferredWidth: 24
image: ":/icons/icons/ui/chat.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Start a private chat.")
onClicked: profile.startChat()
}
ImageButton { Button {
Layout.preferredHeight: 24 id: verifyUserButton
Layout.preferredWidth: 24
image: ":/icons/icons/ui/round-remove-button.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Kick the user.")
onClicked: profile.kickUser()
visible: !profile.isGlobalUserProfile && profile.room.permissions.canKick()
}
ImageButton { text: qsTr("Verify")
Layout.preferredHeight: 24 Layout.alignment: Qt.AlignHCenter
Layout.preferredWidth: 24 enabled: profile.userVerified != Crypto.Verified
image: ":/icons/icons/ui/ban.svg" visible: profile.userVerified != Crypto.Verified && !profile.isSelf && profile.userVerificationEnabled
hoverEnabled: true onClicked: profile.verify()
ToolTip.visible: hovered }
ToolTip.text: qsTr("Ban the user.")
onClicked: profile.banUser()
visible: !profile.isGlobalUserProfile && profile.room.permissions.canBan()
}
ImageButton { EncryptionIndicator {
Layout.preferredHeight: 24 Layout.preferredHeight: 32
Layout.preferredWidth: 24 Layout.preferredWidth: 32
image: ":/icons/icons/ui/volume-off-indicator.svg" encrypted: profile.userVerificationEnabled
hoverEnabled: true trust: profile.userVerified
ToolTip.visible: hovered Layout.alignment: Qt.AlignHCenter
ToolTip.text: profile.ignored ? qsTr("Unignore the user.") : qsTr("Ignore the user.") ToolTip.visible: false
buttonTextColor: profile.ignored ? Nheko.theme.red : palette.buttonText }
onClicked: profile.ignored = !profile.ignored
visible: !profile.isSelf
}
ImageButton { RowLayout {
Layout.preferredHeight: 24 // ImageButton{
Layout.preferredWidth: 24 // image:":/icons/icons/ui/volume-off-indicator.svg"
image: ":/icons/icons/ui/refresh.svg" // Layout.margins: {
hoverEnabled: true // left: 5
ToolTip.visible: hovered // right: 5
ToolTip.text: qsTr("Refresh device list.") // }
onClicked: profile.refreshDevices() // ToolTip.visible: hovered
} // ToolTip.text: qsTr("Ignore messages from this user.")
// onClicked : {
// profile.ignoreUser()
// }
// }
Layout.alignment: Qt.AlignHCenter
Layout.bottomMargin: 10
spacing: Nheko.paddingSmall
ImageButton {
Layout.preferredHeight: 24
Layout.preferredWidth: 24
image: ":/icons/icons/ui/chat.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Start a private chat.")
onClicked: profile.startChat()
} }
TabBar { ImageButton {
id: tabbar Layout.preferredHeight: 24
visible: !profile.isSelf Layout.preferredWidth: 24
Layout.fillWidth: true image: ":/icons/icons/ui/round-remove-button.svg"
hoverEnabled: true
onCurrentIndexChanged: devicelist.selectedTab = currentIndex ToolTip.visible: hovered
ToolTip.text: qsTr("Kick the user.")
onClicked: profile.kickUser()
visible: !profile.isGlobalUserProfile && profile.room.permissions.canKick()
}
ImageButton {
Layout.preferredHeight: 24
Layout.preferredWidth: 24
image: ":/icons/icons/ui/ban.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Ban the user.")
onClicked: profile.banUser()
visible: !profile.isGlobalUserProfile && profile.room.permissions.canBan()
}
NhekoTabButton { ImageButton {
text: qsTr("Devices") Layout.preferredHeight: 24
} Layout.preferredWidth: 24
NhekoTabButton { image: ":/icons/icons/ui/volume-off-indicator.svg"
text: qsTr("Shared Rooms") hoverEnabled: true
} ToolTip.visible: hovered
ToolTip.text: profile.ignored ? qsTr("Unignore the user.") : qsTr("Ignore the user.")
buttonTextColor: profile.ignored ? Nheko.theme.red : palette.buttonText
onClicked: profile.ignored = !profile.ignored
visible: !profile.isSelf
}
Layout.bottomMargin: Nheko.paddingMedium ImageButton {
Layout.preferredHeight: 24
Layout.preferredWidth: 24
image: ":/icons/icons/ui/refresh.svg"
hoverEnabled: true
ToolTip.visible: hovered
ToolTip.text: qsTr("Refresh device list.")
onClicked: profile.refreshDevices()
} }
} }
model: (selectedTab == 0) ? devicesModel : sharedRoomsModel TabBar {
id: tabbar
visible: !profile.isSelf
Layout.fillWidth: true
DelegateModel { onCurrentIndexChanged: devicelist.selectedTab = currentIndex
id: devicesModel
model: profile.deviceList
delegate: RowLayout {
required property int verificationStatus
required property string deviceId
required property string deviceName
required property string lastIp
required property var lastTs
width: devicelist.width
spacing: 4
ColumnLayout { NhekoTabButton {
spacing: 0 text: qsTr("Devices")
}
NhekoTabButton {
text: qsTr("Shared Rooms")
}
Layout.leftMargin: Nheko.paddingMedium Layout.bottomMargin: Nheko.paddingMedium
Layout.rightMargin: Nheko.paddingMedium }
RowLayout {
Text { ListView {
Layout.fillWidth: true id: devicelist
Layout.alignment: Qt.AlignLeft
elide: Text.ElideRight property int selectedTab: 0
font.bold: true
color: palette.text Layout.fillHeight: true
text: deviceId Layout.fillWidth: true
} clip: true
spacing: 8
boundsBehavior: Flickable.StopAtBounds
footerPositioning: ListView.OverlayFooter
ScrollBar.vertical: ScrollBar {}
model: (selectedTab == 0) ? devicesModel : sharedRoomsModel
DelegateModel {
id: devicesModel
model: profile.deviceList
delegate: RowLayout {
required property int verificationStatus
required property string deviceId
required property string deviceName
required property string lastIp
required property var lastTs
width: devicelist.width
spacing: 4
ColumnLayout {
spacing: 0
Layout.leftMargin: Nheko.paddingMedium
Layout.rightMargin: Nheko.paddingMedium
RowLayout {
Text {
Layout.fillWidth: true
Layout.alignment: Qt.AlignLeft
elide: Text.ElideRight
font.bold: true
color: palette.text
text: deviceId
}
Image { Image {
Layout.preferredHeight: 16 Layout.preferredHeight: 16
Layout.preferredWidth: 16 Layout.preferredWidth: 16
visible: profile.isSelf && verificationStatus != VerificationStatus.NOT_APPLICABLE visible: profile.isSelf && verificationStatus != VerificationStatus.NOT_APPLICABLE
sourceSize.height: 16 * Screen.devicePixelRatio sourceSize.height: 16 * Screen.devicePixelRatio
sourceSize.width: 16 * Screen.devicePixelRatio sourceSize.width: 16 * Screen.devicePixelRatio
source: { source: {
switch (verificationStatus) { switch (verificationStatus) {
case VerificationStatus.VERIFIED: case VerificationStatus.VERIFIED:
return "image://colorimage/:/icons/icons/ui/shield-filled-checkmark.svg?" + Nheko.theme.green; return "image://colorimage/:/icons/icons/ui/shield-filled-checkmark.svg?" + Nheko.theme.green;
case VerificationStatus.UNVERIFIED: case VerificationStatus.UNVERIFIED:
return "image://colorimage/:/icons/icons/ui/shield-filled-exclamation-mark.svg?" + Nheko.theme.orange; return "image://colorimage/:/icons/icons/ui/shield-filled-exclamation-mark.svg?" + Nheko.theme.orange;
case VerificationStatus.SELF: case VerificationStatus.SELF:
return "image://colorimage/:/icons/icons/ui/checkmark.svg?" + Nheko.theme.green; return "image://colorimage/:/icons/icons/ui/checkmark.svg?" + Nheko.theme.green;
default: default:
return "image://colorimage/:/icons/icons/ui/shield-filled-cross.svg?" + Nheko.theme.orange; return "image://colorimage/:/icons/icons/ui/shield-filled-cross.svg?" + Nheko.theme.orange;
}
} }
} }
}
ImageButton { ImageButton {
Layout.alignment: Qt.AlignTop Layout.alignment: Qt.AlignTop
image: ":/icons/icons/ui/power-off.svg" image: ":/icons/icons/ui/power-off.svg"
hoverEnabled: true hoverEnabled: true
ToolTip.visible: hovered ToolTip.visible: hovered
ToolTip.text: qsTr("Sign out this device.") ToolTip.text: qsTr("Sign out this device.")
onClicked: profile.signOutDevice(deviceId) onClicked: profile.signOutDevice(deviceId)
visible: profile.isSelf visible: profile.isSelf
}
} }
} RowLayout {
id: deviceNameRow
RowLayout { property bool isEditingAllowed
id: deviceNameRow
property bool isEditingAllowed TextInput {
id: deviceNameField
TextInput { readOnly: !deviceNameRow.isEditingAllowed
id: deviceNameField text: deviceName
color: palette.text
Layout.alignment: Qt.AlignLeft
Layout.fillWidth: true
selectByMouse: true
onAccepted: {
profile.changeDeviceName(deviceId, deviceNameField.text);
deviceNameRow.isEditingAllowed = false;
}
}
readOnly: !deviceNameRow.isEditingAllowed ImageButton {
text: deviceName visible: profile.isSelf
color: palette.text hoverEnabled: true
Layout.alignment: Qt.AlignLeft ToolTip.visible: hovered
Layout.fillWidth: true ToolTip.text: qsTr("Change device name.")
selectByMouse: true image: deviceNameRow.isEditingAllowed ? ":/icons/icons/ui/checkmark.svg" : ":/icons/icons/ui/edit.svg"
onAccepted: { onClicked: {
profile.changeDeviceName(deviceId, deviceNameField.text); if (deviceNameRow.isEditingAllowed) {
deviceNameRow.isEditingAllowed = false; profile.changeDeviceName(deviceId, deviceNameField.text);
deviceNameRow.isEditingAllowed = false;
} else {
deviceNameRow.isEditingAllowed = true;
deviceNameField.focus = true;
deviceNameField.selectAll();
}
}
} }
} }
ImageButton { Text {
visible: profile.isSelf visible: profile.isSelf
hoverEnabled: true Layout.fillWidth: true
ToolTip.visible: hovered Layout.alignment: Qt.AlignLeft
ToolTip.text: qsTr("Change device name.") elide: Text.ElideRight
image: deviceNameRow.isEditingAllowed ? ":/icons/icons/ui/checkmark.svg" : ":/icons/icons/ui/edit.svg" color: palette.text
onClicked: { text: qsTr("Last seen %1 from %2").arg(new Date(lastTs).toLocaleString(Locale.ShortFormat)).arg(lastIp ? lastIp : "???")
if (deviceNameRow.isEditingAllowed) {
profile.changeDeviceName(deviceId, deviceNameField.text);
deviceNameRow.isEditingAllowed = false;
} else {
deviceNameRow.isEditingAllowed = true;
deviceNameField.focus = true;
deviceNameField.selectAll();
}
}
} }
} }
Text { Image {
visible: profile.isSelf Layout.preferredHeight: 16
Layout.fillWidth: true Layout.preferredWidth: 16
Layout.alignment: Qt.AlignLeft visible: !profile.isSelf && verificationStatus != VerificationStatus.NOT_APPLICABLE
elide: Text.ElideRight source: {
color: palette.text switch (verificationStatus) {
text: qsTr("Last seen %1 from %2").arg(new Date(lastTs).toLocaleString(Locale.ShortFormat)).arg(lastIp ? lastIp : "???") case VerificationStatus.VERIFIED:
return "image://colorimage/:/icons/icons/ui/shield-filled-checkmark.svg?" + Nheko.theme.green;
case VerificationStatus.UNVERIFIED:
return "image://colorimage/:/icons/icons/ui/shield-filled-exclamation-mark.svg?" + Nheko.theme.orange;
case VerificationStatus.SELF:
return "image://colorimage/:/icons/icons/ui/checkmark.svg?" + Nheko.theme.green;
default:
return "image://colorimage/:/icons/icons/ui/shield-filled.svg?" + Nheko.theme.red;
}
}
} }
} Button {
id: verifyButton
Image { visible: verificationStatus == VerificationStatus.UNVERIFIED && (profile.isSelf || !profile.userVerificationEnabled)
Layout.preferredHeight: 16 text: (verificationStatus != VerificationStatus.VERIFIED) ? qsTr("Verify") : qsTr("Unverify")
Layout.preferredWidth: 16 onClicked: {
visible: !profile.isSelf && verificationStatus != VerificationStatus.NOT_APPLICABLE if (verificationStatus == VerificationStatus.VERIFIED)
source: { profile.unverify(deviceId);
switch (verificationStatus) { else
case VerificationStatus.VERIFIED: profile.verify(deviceId);
return "image://colorimage/:/icons/icons/ui/shield-filled-checkmark.svg?" + Nheko.theme.green;
case VerificationStatus.UNVERIFIED:
return "image://colorimage/:/icons/icons/ui/shield-filled-exclamation-mark.svg?" + Nheko.theme.orange;
case VerificationStatus.SELF:
return "image://colorimage/:/icons/icons/ui/checkmark.svg?" + Nheko.theme.green;
default:
return "image://colorimage/:/icons/icons/ui/shield-filled.svg?" + Nheko.theme.red;
} }
} }
}
Button {
id: verifyButton
visible: verificationStatus == VerificationStatus.UNVERIFIED && (profile.isSelf || !profile.userVerificationEnabled)
text: (verificationStatus != VerificationStatus.VERIFIED) ? qsTr("Verify") : qsTr("Unverify")
onClicked: {
if (verificationStatus == VerificationStatus.VERIFIED)
profile.unverify(deviceId);
else
profile.verify(deviceId);
}
} }
} }
}
DelegateModel { DelegateModel {
id: sharedRoomsModel id: sharedRoomsModel
model: profile.sharedRooms model: profile.sharedRooms
delegate: RowLayout { delegate: RowLayout {
required property string roomId required property string roomId
required property string roomName required property string roomName
required property string avatarUrl required property string avatarUrl
width: devicelist.width width: devicelist.width
spacing: 4 spacing: 4
Avatar { Avatar {
id: avatar id: avatar
enabled: false enabled: false
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
Layout.leftMargin: Nheko.paddingMedium Layout.leftMargin: Nheko.paddingMedium
property int avatarSize: Math.ceil(fontMetrics.lineSpacing * 1.6) property int avatarSize: Math.ceil(fontMetrics.lineSpacing * 1.6)
Layout.preferredHeight: avatarSize Layout.preferredHeight: avatarSize
Layout.preferredWidth: avatarSize Layout.preferredWidth: avatarSize
url: avatarUrl.replace("mxc://", "image://MxcImage/") url: avatarUrl.replace("mxc://", "image://MxcImage/")
roomid: roomId roomid: roomId
displayName: roomName displayName: roomName
} }
ElidedLabel { ElidedLabel {
Layout.alignment: Qt.AlignVCenter Layout.alignment: Qt.AlignVCenter
color: palette.text color: palette.text
Layout.fillWidth: true Layout.fillWidth: true
elideWidth: width elideWidth: width
fullText: roomName fullText: roomName
textFormat: Text.PlainText textFormat: Text.PlainText
Layout.rightMargin: Nheko.paddingMedium Layout.rightMargin: Nheko.paddingMedium
} }
Item { Item {
Layout.fillWidth: true Layout.fillWidth: true
}
} }
} }
} }
footer: DialogButtonBox { DialogButtonBox {
z: 2 z: 2
width: devicelist.width Layout.fillWidth: true
alignment: Qt.AlignRight alignment: Qt.AlignRight
standardButtons: DialogButtonBox.Ok standardButtons: DialogButtonBox.Ok
onAccepted: userProfileDialog.close() onAccepted: userProfileDialog.close()
@ -533,7 +534,5 @@ ApplicationWindow {
} }
} }
} }
} }

Write Preview
Loading…
Cancel
Save