matrixion/resources/qml/Avatar.qml

70 lines
1.5 KiB
QML
Raw Normal View History

2019-09-07 23:22:07 +03:00
import QtQuick 2.6
import QtQuick.Controls 2.3
2019-09-07 23:22:07 +03:00
import QtGraphicalEffects 1.0
2020-06-24 17:24:22 +03:00
import im.nheko 1.0
2019-09-07 23:22:07 +03:00
Rectangle {
id: avatar
width: 48
height: 48
2020-06-24 17:24:22 +03:00
radius: Settings.avatarCircles ? height/2 : 3
2019-09-07 23:22:07 +03:00
property alias url: img.source
property string userid
2019-09-07 23:22:07 +03:00
property string displayName
Label {
2019-09-07 23:22:07 +03:00
anchors.fill: parent
text: TimelineManager.escapeEmoji(displayName ? String.fromCodePoint(displayName.codePointAt(0)) : "")
textFormat: Text.RichText
2019-09-07 23:22:07 +03:00
font.pixelSize: avatar.height/2
verticalAlignment: Text.AlignVCenter
horizontalAlignment: Text.AlignHCenter
visible: img.status != Image.Ready
2020-05-06 00:43:43 +03:00
color: colors.text
2019-09-07 23:22:07 +03:00
}
Image {
id: img
anchors.fill: parent
asynchronous: true
2019-10-28 00:01:40 +03:00
fillMode: Image.PreserveAspectCrop
mipmap: true
smooth: false
sourceSize.width: avatar.width
sourceSize.height: avatar.height
2019-09-07 23:22:07 +03:00
layer.enabled: true
layer.effect: OpacityMask {
maskSource: Rectangle {
anchors.fill: parent
width: avatar.width
height: avatar.height
2020-06-24 17:24:22 +03:00
radius: Settings.avatarCircles ? height/2 : 3
2019-09-07 23:22:07 +03:00
}
}
}
Rectangle {
anchors.bottom: avatar.bottom
anchors.right: avatar.right
visible: !!userid
height: avatar.height / 6
width: height
2020-06-24 17:24:22 +03:00
radius: Settings.avatarCircles ? height / 2 : height / 4
color: switch (TimelineManager.userPresence(userid)) {
case "online": return "#00cc66"
case "unavailable": return "#ff9933"
case "offline": // return "#a82353" don't show anything if offline, since it is confusing, if presence is disabled
default: "transparent"
}
2019-09-07 23:22:07 +03:00
}
2020-05-06 00:43:43 +03:00
color: colors.base
2019-09-07 23:22:07 +03:00
}