From 456f08d9a8e444253b5915cf6d43ed3261fd24f9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nicolas=20L=C5=93uillet?= <nicolas.loeuillet@gmail.com>
Date: Thu, 16 Jan 2014 14:18:28 +0100
Subject: [PATCH] [add] first picture of each entry displayed on listing

---
 app/views/_entry.twig     | 6 ++++++
 web/assets/css/custom.css | 4 ++++
 2 files changed, 10 insertions(+)

diff --git a/app/views/_entry.twig b/app/views/_entry.twig
index fe32d4b..ae43615 100644
--- a/app/views/_entry.twig
+++ b/app/views/_entry.twig
@@ -1,5 +1,11 @@
     <article id="item-{{entry.id}}">
         <h2><a href="{{ path('view_entry', {'id': entry.id}) }}">{{ entry.title }}</a></h2>
+        {% set picture = entry.content|getPicture %}
+        {% if picture != "" %}
+        <figure class="right">
+           <img src="{{ picture }}" class="picturepreview thumb round border right" />
+        </figure>
+        {% endif %}
         <p class="preview">{{ entry.content|striptags|slice(0, 300) }}&hellip;</p>
         <ul class="tools">
             <li>{% if entry.status == "read" %}<a href="{{ path('mark_entry_unread', {'id': entry.id}) }}">{{ 'mark as unread'|trans }}</a>{% else %}<a href="{{ path('mark_entry_read', {'id': entry.id}) }}">{{ 'mark as read'|trans }}</a>{% endif %}</li>
diff --git a/web/assets/css/custom.css b/web/assets/css/custom.css
index 5fa9776..5a27039 100644
--- a/web/assets/css/custom.css
+++ b/web/assets/css/custom.css
@@ -70,6 +70,10 @@ h2 {
     color: #333;
 }
 
+img.picturepreview {
+  max-width:100px;
+}
+
 .tools li {
   display: inline-block;
   font-size: 0.8em;