From d5a838d3b320fc7ab5e8eb5e8e7244ebad0766c3 Mon Sep 17 00:00:00 2001
From: Guillaume Pellerin <guillaume.pellerin@ircam.fr>
Date: Tue, 19 Apr 2016 16:54:20 +0200
Subject: [PATCH] use cards for blog list

---
 app/templates/agenda/event_location_list.html |  1 +
 app/templates/blog/blog_post_list.html        | 96 ++++---------------
 app/templates/blog/includes/post_card.html    |  2 +
 3 files changed, 20 insertions(+), 79 deletions(-)

diff --git a/app/templates/agenda/event_location_list.html b/app/templates/agenda/event_location_list.html
index c220f516..6766dcaa 100644
--- a/app/templates/agenda/event_location_list.html
+++ b/app/templates/agenda/event_location_list.html
@@ -40,6 +40,7 @@
           {% include "agenda/includes/event_location.html" %}
       </div>
   {% endfor %}
+</div>
 {% endblock %}
 
 {% block right_panel %}
diff --git a/app/templates/blog/blog_post_list.html b/app/templates/blog/blog_post_list.html
index a7131ba1..ac3abe9c 100644
--- a/app/templates/blog/blog_post_list.html
+++ b/app/templates/blog/blog_post_list.html
@@ -61,94 +61,32 @@
     </p>
 {% else %}
     {% if page %}
-    {% block blog_post_list_pagecontent %}
     {% if page.get_content_model.content %}
         {% editable page.get_content_model.content %}
         {{ page.get_content_model.content|richtext_filters|safe }}
         {% endeditable %}
     {% endif %}
-    {% endblock %}
-    {% endif %}
-{% endif %}
-
-{% for blog_post in blog_posts.object_list %}
-{% block blog_post_list_post_title %}
-{% editable blog_post.title %}
-<h2>
-    <a href="{{ blog_post.get_absolute_url }}">{{ blog_post.title }}</a>
-</h2>
-{% endeditable %}
-{% endblock %}
-{% block blog_post_list_post_metainfo %}
-{% editable blog_post.publish_date %}
-<h6 class="post-meta">
-    {% comment %}
-    {% trans "Posted by" %}:
-    {% with blog_post.user as author %}
-    <a href="{% url "blog_post_list_author" author %}">{{ author.get_full_name|default:author.username }}</a>
-    {% endwith %}
-    {% endcomment %}
-    {% with blog_post.categories.all as categories %}
-    {% if categories %}
-    {% trans "in" %}
-    {% for category in categories %}
-    <a href="{% url "blog_post_list_category" category.slug %}">{{ category }}</a>{% if not forloop.last %}, {% endif %}
-    {% endfor %}
+    {% else %}
+        {% blog_categories as categories %}
+        {% if categories %}
+        <p>{% trans "Categories" %} :
+        {% for category in categories %}
+        <a href="{% url "blog_post_list_category" category.slug %}">{{ category }}</a> ({{ category.post_count }}){% if not forloop.last and categories|length > 1 %} | {% endif %}
+        {% endfor %}
+        </p>
+        {% endif %}
     {% endif %}
-    {% endwith %}
-    {% blocktrans with sometime=blog_post.publish_date|timesince %}{{ sometime }} ago{% endblocktrans %}
-</h6>
-{% endeditable %}
-{% endblock %}
-
-{% if settings.BLOG_USE_FEATURED_IMAGE and blog_post.featured_image %}
-{% block blog_post_list_post_featured_image %}
-<a href="{{ blog_post.get_absolute_url }}">
-    <img class="img-thumbnail pull-left" src="{{ MEDIA_URL }}{% thumbnail blog_post.featured_image 450 450 %}">
-</a>
-{% endblock %}
 {% endif %}
 
-{% block blog_post_list_post_content %}
-{% editable blog_post.content %}
-{{ blog_post.description_from_content|safe }}
-{% endeditable %}
-{% endblock %}
-
-{% block blog_post_list_post_links %}
-<div class="blog-list-detail">
-    {% keywords_for blog_post as tags %}
-    {% if tags %}
-    <ul class="list-inline tags">
-    {% trans "Tags" %}:
-    {% spaceless %}
-    {% for tag in tags %}
-    <li><a href="{% url "blog_post_list_tag" tag.slug %}" class="tag">{{ tag }}</a>{% if not forloop.last %}, {% endif %}</li>
-    {% endfor %}
-    {% endspaceless %}
-    </ul>
-    {% endif %}
-    <p>
-    <a href="{{ blog_post.get_absolute_url }}">{% trans "read more" %}</a>
-    {% if blog_post.allow_comments %}
-    /
-    {% if settings.COMMENTS_DISQUS_SHORTNAME %}
-    <a href="{{ blog_post.get_absolute_url }}#disqus_thread"
-        data-disqus-identifier="{% disqus_id_for blog_post %}">
-        {% trans "Comments" %}
-    </a>
-    {% else %}
-    <a href="{{ blog_post.get_absolute_url }}#comments">
-        {% blocktrans count comments_count=blog_post.comments_count %}{{ comments_count }} comment{% plural %}{{ comments_count }} comments{% endblocktrans %}
-    </a>
-    {% endif %}
-    {% endif %}
-    </p>
+<div class="msry__container">
+  <div class="msry__sizer"></div>
+  {% for blog_post in blog_posts.object_list %}
+  {% with blog_post as post %}
+       {# <span>{% trans "Article" %}</span>#}
+       {% include 'blog/includes/post_card.html' %}
+  {% endwith %}
+  {% endfor %}
 </div>
-{% endblock %}
-{% endfor %}
-
-{% pagination_for blog_posts %}
 
 {% if settings.COMMENTS_DISQUS_SHORTNAME %}
 {% include "generic/includes/disqus_counts.html" %}
diff --git a/app/templates/blog/includes/post_card.html b/app/templates/blog/includes/post_card.html
index 0bc60a18..fe2fc96a 100644
--- a/app/templates/blog/includes/post_card.html
+++ b/app/templates/blog/includes/post_card.html
@@ -3,9 +3,11 @@
 <div class="artist__item {% if not on_home %}msry__item {% endif %}">
     <div class="artist__item__inner">
         <a href="{% url 'blog_post_detail' post.slug %}" class="artist__item__inner">
+            {% if post.featured_image %}
             <figure class="artist__item__img">
                 <img src="{{ MEDIA_URL }}{% thumbnail post.featured_image 500 0 %}" alt="Article: {{ post.title }}">
             </figure>
+            {% endif %}
             <h3 class="artist__item__name">
                 <span>
                     {{ post.title }}
-- 
2.39.5