mirror of https://github.com/Nheko-Reborn/nheko
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
46 lines
853 B
46 lines
853 B
5 years ago
|
import QtQuick 2.6
|
||
|
import QtGraphicalEffects 1.0
|
||
|
import Qt.labs.settings 1.0
|
||
|
|
||
|
Rectangle {
|
||
|
id: avatar
|
||
|
width: 48
|
||
|
height: 48
|
||
|
radius: settings.avatar_circles ? height/2 : 3
|
||
|
|
||
|
Settings {
|
||
|
id: settings
|
||
|
category: "user"
|
||
|
property bool avatar_circles: true
|
||
|
}
|
||
|
|
||
|
property alias url: img.source
|
||
|
property string displayName
|
||
|
|
||
|
Text {
|
||
|
anchors.fill: parent
|
||
|
text: String.fromCodePoint(displayName.codePointAt(0))
|
||
|
color: colors.text
|
||
|
font.pixelSize: avatar.height/2
|
||
|
verticalAlignment: Text.AlignVCenter
|
||
|
horizontalAlignment: Text.AlignHCenter
|
||
|
}
|
||
|
|
||
|
Image {
|
||
|
id: img
|
||
|
anchors.fill: parent
|
||
|
asynchronous: true
|
||
|
|
||
|
layer.enabled: true
|
||
|
layer.effect: OpacityMask {
|
||
|
maskSource: Rectangle {
|
||
|
anchors.fill: parent
|
||
|
width: avatar.width
|
||
|
height: avatar.height
|
||
|
radius: settings.avatar_circles ? height/2 : 3
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
color: colors.dark
|
||
|
}
|