From 2b7e071e71d30216f799255b28c6aac136008cd3 Mon Sep 17 00:00:00 2001
From: Gabriel Augendre <gabriel@augendre.info>
Date: Fri, 9 Dec 2022 19:16:10 +0100
Subject: [PATCH] Display profile pic on lists as well

---
 src/character/static/character/details.css           |  4 ----
 .../templates/character/character_details.html       |  5 -----
 .../snippets/characters_list/character_card.html     |  6 ++++++
 src/common/static/style.css                          | 12 ++++++++++++
 4 files changed, 18 insertions(+), 9 deletions(-)
 delete mode 100644 src/character/static/character/details.css

diff --git a/src/character/static/character/details.css b/src/character/static/character/details.css
deleted file mode 100644
index 45409f0..0000000
--- a/src/character/static/character/details.css
+++ /dev/null
@@ -1,4 +0,0 @@
-img.profile-pic {
-    max-width: 240px;
-    max-height: 240px;
-}
diff --git a/src/character/templates/character/character_details.html b/src/character/templates/character/character_details.html
index e97d1ed..4bc3fa9 100644
--- a/src/character/templates/character/character_details.html
+++ b/src/character/templates/character/character_details.html
@@ -1,12 +1,7 @@
 {% extends "common/base.html" %}
-{% load static %}
 {% load django_bootstrap5 %}
 {% load character_extras %}
 
-{% block head_end %}
-    <link rel="stylesheet" href="{% static "character/details.css" %}">
-{% endblock %}
-
 {% block title %}{{ character.name }}{% endblock %}
 
 {% block content %}
diff --git a/src/character/templates/character/snippets/characters_list/character_card.html b/src/character/templates/character/snippets/characters_list/character_card.html
index 59a0a53..1419600 100644
--- a/src/character/templates/character/snippets/characters_list/character_card.html
+++ b/src/character/templates/character/snippets/characters_list/character_card.html
@@ -3,6 +3,12 @@
     <div class="card character" data-id="{{ character.pk }}">
         <div class="card-body">
             <h5 class="card-title">
+                {% if character.profile_picture %}
+                    <img src="{{ character.profile_picture.url }}"
+                        class="profile-pic rounded-5"
+                        alt="Image de profil"
+                    >
+                {% endif %}
                 {% if character.private %}
                     <i class="fa-solid fa-lock"
                         data-bs-toggle="tooltip"
diff --git a/src/common/static/style.css b/src/common/static/style.css
index 86b6666..81c2ce1 100644
--- a/src/common/static/style.css
+++ b/src/common/static/style.css
@@ -10,3 +10,15 @@ blockquote {
     padding-left: 2em;
     border-left: solid #d5d5d5 4px;
 }
+
+.card img.profile-pic {
+    width: 28px;
+    height: 28px;
+    object-fit: cover;
+}
+
+img.profile-pic {
+    max-width: 240px;
+    max-height: 240px;
+    object-fit: cover;
+}