78 lines
2.2 KiB
QML
78 lines
2.2 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import "../Base"
|
|
import "../utils.js" as Utils
|
|
|
|
Rectangle {
|
|
id: avatar
|
|
implicitWidth: theme.controls.avatar.size
|
|
implicitHeight: theme.controls.avatar.size
|
|
|
|
property string name: ""
|
|
property var imageUrl: ""
|
|
property var toolTipImageUrl: imageUrl
|
|
property alias fillMode: avatarImage.fillMode
|
|
|
|
readonly property alias hovered: hoverHandler.hovered
|
|
|
|
readonly property var params: Utils.thumbnailParametersFor(width, height)
|
|
|
|
color: avatarImage.visible ? "transparent" : Utils.hsluv(
|
|
name ? Utils.hueFrom(name) : 0,
|
|
name ? theme.controls.avatar.background.saturation : 0,
|
|
theme.controls.avatar.background.lightness,
|
|
theme.controls.avatar.background.opacity
|
|
)
|
|
|
|
HLabel {
|
|
z: 1
|
|
anchors.centerIn: parent
|
|
visible: ! avatarImage.visible
|
|
|
|
text: name ? name.charAt(0) : "?"
|
|
font.pixelSize: parent.height / 1.4
|
|
|
|
color: Utils.hsluv(
|
|
name ? Utils.hueFrom(name) : 0,
|
|
name ? theme.controls.avatar.letter.saturation : 0,
|
|
theme.controls.avatar.letter.lightness,
|
|
theme.controls.avatar.letter.opacity
|
|
)
|
|
}
|
|
|
|
HImage {
|
|
id: avatarImage
|
|
anchors.fill: parent
|
|
visible: imageUrl
|
|
z: 2
|
|
sourceSize.width: params.width
|
|
sourceSize.height: params.height
|
|
fillMode: Image.PreserveAspectCrop
|
|
source: Qt.resolvedUrl(imageUrl)
|
|
|
|
HoverHandler { id: hoverHandler }
|
|
|
|
HToolTip {
|
|
id: avatarToolTip
|
|
visible: toolTipImageUrl && hoverHandler.hovered
|
|
width: Math.min(
|
|
mainUI.width / 1.25,
|
|
mainUI.height / 1.25,
|
|
theme.controls.avatar.hoveredSize + background.border.width * 2
|
|
)
|
|
height: width
|
|
delay: 1000
|
|
|
|
HImage {
|
|
id: avatarToolTipImage
|
|
sourceSize.width: parent.width
|
|
sourceSize.height: parent.height
|
|
width: sourceSize.width
|
|
height: sourceSize.width
|
|
fillMode: Image.PreserveAspectCrop
|
|
source: Qt.resolvedUrl(toolTipImageUrl)
|
|
}
|
|
}
|
|
}
|
|
}
|