Display thumbnails for the applications. Closes Scifabric#97

If an application has a thumbnail field in the info section, the thumbnail link will be displayed in the web page. All the images for the thumbnails should be 100x100 pixels. Check the demo applications for some examples.
gleicon · Jun 5, 2012 · 1e0b41b · 1e0b41b
1 parent 15f4f16
commit 1e0b41b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/pybossa/templates/account/profile.html b/pybossa/templates/account/profile.html
@@ -47,7 +47,11 @@ <h3>API key: <small>{{ current_user.api_key }}</small></h3>
                 <div class="span3">
                     <ul class="thumbnails">
                         <li>
-                            <img class="thumbnail" src="http://placehold.it/120x120">
+                            {% if app.info.thumbnail %}
+                                <img class="thumbnail" src="{{ app.info.thumbnail}}">
+                            {% else %}
+                                <img class="thumbnail" src="http://placehold.it/100x100">
+                            {% endif %}
                         </li>
                     </ul>
                 </div>

diff --git a/pybossa/templates/applications/index.html b/pybossa/templates/applications/index.html
@@ -13,7 +13,11 @@ <h1>Available Projects</h1>
         <div class="span2">
             <ul class="thumbnails">
                 <li>
-                  <img class="thumbnail" src="http://placehold.it/100x100">
+                  {% if app.info.thumbnail %}
+                    <img class="thumbnail" src="{{ app.info.thumbnail }}">
+                  {% else %}
+                    <img class="thumbnail" src="http://placehold.it/100x100">
+                  {% endif %}
                 </li>
             </ul>
         </div>