moment/src/qml/Base/HAvatar.qml

40 lines
915 B
QML

import QtQuick 2.7
import "../Base"
import "../utils.js" as Utils
Rectangle {
property var name: null
property var imageUrl: null
property int dimension: theme.avatar.size
property bool hidden: false
width: dimension
height: hidden ? 1 : dimension
implicitWidth: dimension
implicitHeight: hidden ? 1 : dimension
opacity: hidden ? 0 : 1
color: name ? Utils.avatarColor(name) : theme.avatar.background.unknown
HLabel {
z: 1
anchors.centerIn: parent
visible: ! hidden
text: name ? name.charAt(0) : "?"
color: theme.avatar.letter
font.pixelSize: parent.height / 1.4
}
HImage {
z: 2
anchors.fill: parent
visible: ! hidden && imageUrl
Component.onCompleted: if (imageUrl) { source = imageUrl }
fillMode: Image.PreserveAspectCrop
sourceSize.width: dimension
}
}