5abdc1f779
- Fix code formatting issues. - Document `Presence`. - Improve `Presence.__lt__()` performance by defining a dict outside the method. - Make presence ball radius relative to uiScale and configurable from theme.
101 lines
3.0 KiB
QML
101 lines
3.0 KiB
QML
// SPDX-License-Identifier: LGPL-3.0-or-later
|
|
|
|
import QtQuick 2.12
|
|
|
|
HAvatar {
|
|
name: displayName || userId.substring(1) // no leading @
|
|
title: "user_" + userId + ".avatar"
|
|
|
|
|
|
property string userId
|
|
property string displayName
|
|
property string presence: ""
|
|
property int powerLevel: 0
|
|
property bool shiftMembershipIconPosition: true
|
|
property bool invited: false
|
|
|
|
readonly property bool admin: powerLevel >= 100
|
|
readonly property bool moderator: powerLevel >= 50 && ! admin
|
|
|
|
|
|
HLoader {
|
|
active: admin || moderator || invited
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
anchors.topMargin: shiftMembershipIconPosition ? -16 / 2 : 0
|
|
anchors.leftMargin: anchors.topMargin
|
|
z: 100
|
|
|
|
Behavior on anchors.topMargin { HNumberAnimation {} }
|
|
|
|
sourceComponent: HIcon {
|
|
small: true
|
|
svgName:
|
|
invited ? "user-invited" :
|
|
admin ? "user-power-100" :
|
|
"user-power-50"
|
|
|
|
colorize:
|
|
invited ? theme.chat.roomPane.listView.member.invitedIcon :
|
|
admin ? theme.chat.roomPane.listView.member.adminIcon :
|
|
theme.chat.roomPane.listView.member.moderatorIcon
|
|
|
|
HoverHandler { id: membershipIcon }
|
|
|
|
HToolTip {
|
|
visible: membershipIcon.hovered
|
|
text:
|
|
invited ? qsTr("Invited") :
|
|
admin ? qsTr("Admin (%1 power)").arg(powerLevel) :
|
|
qsTr("Moderator (%1 power)").arg(powerLevel)
|
|
}
|
|
}
|
|
}
|
|
|
|
HLoader {
|
|
active: presence && presence !== "offline"
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
anchors.bottomMargin: -diameter / 2
|
|
anchors.rightMargin: -diameter / 2
|
|
opacity: theme.controls.presence.opacity
|
|
z: 100
|
|
|
|
property int diameter:
|
|
window.settings.compactMode ?
|
|
theme.controls.presence.radius * 2 :
|
|
theme.controls.presence.radius * 2.5
|
|
|
|
sourceComponent: Rectangle {
|
|
width: diameter
|
|
height: diameter
|
|
anchors.bottom: parent.bottom
|
|
anchors.right: parent.right
|
|
radius: diameter / 2
|
|
opacity: presence.includes("echo") ? 0.4 : 1
|
|
|
|
color:
|
|
presence.includes("online") ?
|
|
theme.controls.presence.online :
|
|
|
|
presence.includes("unavailable") ?
|
|
theme.controls.presence.unavailable :
|
|
|
|
theme.controls.presence.offline
|
|
|
|
border.color: theme.controls.presence.border
|
|
border.width: Math.ceil(diameter / 10)
|
|
|
|
Behavior on color { HColorAnimation {} }
|
|
Behavior on opacity { HNumberAnimation {} }
|
|
|
|
HoverHandler { id: presenceHover }
|
|
|
|
HToolTip {
|
|
visible: presenceHover.hovered && ! presence.includes("echo")
|
|
text: qsTr(presence.replace(/^\w/, c => c.toUpperCase()))
|
|
}
|
|
}
|
|
}
|
|
}
|