From 092d72490649124c0276a802227ac94f93108dd7 Mon Sep 17 00:00:00 2001
From: Christopher Charbonneau Wells <chris@chrxs.net>
Date: Sat, 18 Nov 2017 07:47:50 -0500
Subject: [PATCH] Add child picture to multi-child dashboard view.

---
 dashboard/templates/dashboard/dashboard.html | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/dashboard/templates/dashboard/dashboard.html b/dashboard/templates/dashboard/dashboard.html
index 4d48c079..d305d473 100644
--- a/dashboard/templates/dashboard/dashboard.html
+++ b/dashboard/templates/dashboard/dashboard.html
@@ -1,5 +1,5 @@
 {% extends 'babybuddy/page.html' %}
-{% load static %}
+{% load static thumbnail %}
 
 {% block title %}Dashboard{% endblock %}
 
@@ -13,8 +13,12 @@
         <div class="col-lg-3 col-md-4 col-sm-6 col-xs-2 mb-4">
             <div class="card">
                 <a href="{% url 'child' object.slug %}">
-                     <img src="{% static 'babybuddy/img/core/child-placeholder.png' %}"
-                          class="child-photo img-fluid" />
+                    {% if object.picture %}
+                        {% thumbnail object.picture 300x300 upscale crop as thumb %}
+                        <img src="{{ thumb.url }}" class="child-photo img-fluid" />
+                    {% else %}
+                        <img src="{% static 'babybuddy/img/core/child-placeholder.png' %}" class="child-photo img-fluid" />
+                    {% endif %}
                 </a>
                 <div class="card-body text-center">
                     <h4 class="card-title">{{ object }}</h4>