Images displayed on person list

src/main/resources/templates/person/list.html

@@ -24,14 +24,21 @@
             <tr>
                 <th>ID</th>
                 <th>Name</th>
+                <th>Image</th>
+                <th></th>
                 <th></th>
             </tr>
             </thead>
 
             <tr th:each="person : ${people}">
                 <!--/*@thymesVar id="person" type="scot.carricksoftware.grants.domains.people.Person"*/-->
+                <!--/*@thymesVar id="image" type="scot.carricksoftware.grants.domains.images.Image"*/-->
+
                 <td th:text="${person.id}">123</td>
                 <td th:text="${person.toString()}"> First</td>
+                <th th:text="${person.getImage()?.getName()}"></th>
+                <th> <img class='img-thumbnail' th:src="'data:image/jpeg;base64,' + ${person.getImage()?.imageData} "
+                          width="50" height="50" alt=""/> </th>
                 <td><span>
                         <a th:action="delete" class="btn btn-danger btn-sm" href=""
                            th:href="@{/person/{id}/delete(id=${person.id})}"