moment/harmonyqml/components/base/Avatar.qml
miruka e4a9fb40ac Add avatar with status icon componant
Will be used later for 1-to-1 user room delegates and room members pane
2019-03-27 19:24:23 -04:00

41 lines
1008 B
QML

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.4
Item {
property bool invisible: false
property string name: "?"
property var imageSource: null
property int dimmension: 48
id: "root"
width: dimmension
height: invisible ? 1 : dimmension
Rectangle {
id: "letterRectangle"
anchors.fill: parent
visible: ! invisible && imageSource === null
color: Qt.hsla(Backend.hueFromString(name), 0.22, 0.5, 1)
HLabel {
anchors.centerIn: parent
text: name.charAt(0)
color: "white"
font.pixelSize: letterRectangle.height / 1.4
}
}
Image {
id: "avatarImage"
anchors.fill: parent
visible: ! invisible && imageSource !== null
Component.onCompleted: if (imageSource) {source = imageSource}
asynchronous: true
mipmap: true
fillMode: Image.PreserveAspectCrop
sourceSize.width: root.dimmension
}
}