moment/harmonyqml/components/base/Avatar.qml
miruka 8f35e60801 Capitalization, list model and room header work
- Standardized capitalization for variables and file names everywhere in
  QML and JS, get rid of mixed camelCase/snakeCase,
  use camelCase like everywhere in Qt

- ListModel items are now stored and returned as real QObjects with
  PyQt properties and signals.
  This makes dynamic property binding a lot easier and eliminates the need
  for many hacks.

- New update(), updateOrAppendWhere() methods and roles property
  for ListModel

- RoomHeader now properly updates when the room title or topic changes

- Add Backend.pdb(), to make it easier to start the debugger from QML
2019-04-20 17:43:57 -04:00

48 lines
1.3 KiB
QML

import QtQuick 2.7
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.4
Item {
property bool invisible: false
property var name: null // null, string or PyQtFuture
property var imageSource: null
property int dimmension: 48
readonly property string resolvedName:
! name ? "?" :
typeof(name) == "string" ? name :
(name.value ? name.value : "?")
id: "root"
width: dimmension
height: invisible ? 1 : dimmension
Rectangle {
id: "letterRectangle"
anchors.fill: parent
visible: ! invisible && imageSource === null
color: resolvedName === "?" ?
Qt.hsla(0, 0, 0.22, 1) :
Qt.hsla(Backend.hueFromString(resolvedName), 0.22, 0.5, 1)
HLabel {
anchors.centerIn: parent
text: resolvedName.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
}
}