Add ImageItem.

src/imageitem.cpp

@@ -0,0 +1,68 @@
+#include "imageitem.h"
+
+#include <QBitmap>
+#include <QGraphicsOpacityEffect>
+#include <QRect>
+
+ImageItem::ImageItem(QQuickItem *parent) : QQuickPaintedItem(parent) {}
+
+void ImageItem::paint(QPainter *painter) {
+  QRectF bounding_rect = boundingRect();
+
+  painter->setRenderHint(QPainter::Antialiasing, true);
+
+  if (m_image.isNull()) {
+    painter->setPen(Qt::NoPen);
+    painter->setBrush(QColor(m_color));
+    painter->drawEllipse(0, 0, int(bounding_rect.width()),
+                         int(bounding_rect.height()));
+    painter->setPen(QPen(Qt::white, 2));
+    QFont font;
+    font.setPixelSize(22);
+    font.setBold(true);
+    painter->setFont(font);
+    painter->drawText(
+        QRect(0, 0, int(bounding_rect.width()), int(bounding_rect.height())),
+        Qt::AlignCenter, m_hint.at(0).toUpper());
+    return;
+  }
+
+  QImage scaled = m_image.scaled(
+      int(bounding_rect.width()) + 1, int(bounding_rect.height()) + 1,
+      Qt::KeepAspectRatioByExpanding, Qt::SmoothTransformation);
+
+  QPointF center = bounding_rect.center() - scaled.rect().center();
+
+  QPainterPath clip;
+  clip.addEllipse(
+      0, 0, bounding_rect.width(),
+      bounding_rect.height());  // this is the shape we want to clip to
+  painter->setClipPath(clip);
+
+  if (center.x() < 0) center.setX(0);
+  if (center.y() < 0) center.setY(0);
+
+  painter->drawImage(center, scaled);
+}
+
+void ImageItem::setImage(const QImage &image) {
+  m_image = image;
+  emit imageChanged();
+  update();
+}
+
+void ImageItem::setHint(QString newHint) {
+  if (m_hint != newHint) {
+    m_hint = newHint;
+    emit hintChanged();
+    update();
+  }
+}
+
+void ImageItem::setDefaultColor(QString color) {
+  if (color != m_color) {
+    m_color = color;
+    emit defaultColorChanged();
+    update();
+  }
+}

src/imageitem.h

@@ -0,0 +1,42 @@
+#ifndef IMAGEITEM_H
+#define IMAGEITEM_H
+
+#include <QImage>
+#include <QObject>
+#include <QPainter>
+#include <QQuickItem>
+#include <QQuickPaintedItem>
+
+class ImageItem : public QQuickPaintedItem {
+  Q_OBJECT
+  Q_PROPERTY(QImage image READ image WRITE setImage NOTIFY imageChanged)
+  Q_PROPERTY(QString hint READ hint WRITE setHint NOTIFY hintChanged)
+  Q_PROPERTY(QString defaultColor READ defaultColor WRITE setDefaultColor NOTIFY
+                 defaultColorChanged)
+
+ public:
+  ImageItem(QQuickItem *parent = nullptr);
+
+  void paint(QPainter *painter);
+
+  QImage image() const { return m_image; }
+  void setImage(const QImage &image);
+
+  QString hint() { return m_hint; }
+  void setHint(QString hint);
+
+  QString defaultColor() { return m_color; }
+  void setDefaultColor(QString color);
+
+ signals:
+  void imageChanged();
+  void hintChanged();
+  void defaultColorChanged();
+
+ private:
+  QImage m_image;
+  QString m_hint;
+  QString m_color = "#000000";
+};
+
+#endif  // IMAGEITEM_H

src/main.cpp

@@ -3,6 +3,7 @@
 #include <QQmlApplicationEngine>
 #include <QQmlContext>
 
+#include "imageitem.h"
 #include "controller.h"
 #include "emojimodel.h"
 #include "imageprovider.h"
@@ -35,6 +36,7 @@ int main(int argc, char *argv[]) {
   qRegisterMetaType<MessageEventType>("MessageEventType");
   qRegisterMetaType<MatriqueRoom *>("MatriqueRoom");
 
+  qmlRegisterType<ImageItem>("Matrique", 0, 1, "ImageItem");
   qmlRegisterType<Controller>("Matrique", 0, 1, "Controller");
   qmlRegisterType<RoomListModel>("Matrique", 0, 1, "RoomListModel");
   qmlRegisterType<UserListModel>("Matrique", 0, 1, "UserListModel");

src/roomlistmodel.cpp

@@ -139,10 +139,8 @@ QVariant RoomListModel::data(const QModelIndex& index, int role) const {
   MatriqueRoom* room = m_rooms.at(index.row());
   if (role == NameRole) return room->displayName();
   if (role == AvatarRole) {
-    if (room->avatarUrl().toString() != "") {
-      return room->avatarUrl();
-    }
-    return QVariant();
+    if (room->avatarUrl().toString() != "") return room->avatar(64, 64);
+    return QImage();
   }
   if (role == TopicRole) return room->topic();
   if (role == CategoryRole) {