{% extends "base.html" %}
{% load gravatar %}
{% load hk_generic %}


{% block title %}
{{ list_title }} - {{ mlist.display_name|default:mlist.name|escapeemail }} - {{ app_name|title }}
{% endblock %}

{% block content %}

<div class="row-fluid">

{% include 'threads/month_list.html' %}

	<div id="thread-list" class="span8">

		<div class="thread-list-header page-header">
			<a href="{% url message_new mlist_fqdn=mlist.name %}"
			   class="thread-new btn{% if not user.is_authenticated %} disabled" title="You must be logged-in to create a thread.{% endif %}"
			   ><strong>+</strong> Start a new thread</a>
			<h1>{{ mlist.display_name|default:mlist.name|escapeemail }}
				<small>{{ list_title }}</small>
			</h1>
			<ul class="thread-list-info">
				{% if mlist.display_name %}
				<li class="list-address">
					{{ mlist.name|escapeemail }}
				</li>
				{% endif %}
				<li class="participant">
					{{ participants }} participants
				</li>
				<li class="discussion">
					{{ threads.paginator.count }} discussions
				</li>
			</ul>
		</div>

		{% for thread in threads %}
			{% include "threads/summary_thread_large.html" %}
		{% empty %}
			<p>Sorry no email threads could be found {{ no_results_text }}.</p>
		{% endfor %}

		{% include "paginator.html" with pager=threads %}

	</div>

</div>

{% endblock %}

{% block additionaljs %}
<script src="{{ STATIC_URL }}libs/jquery.expander.js"></script>
<script>
$(document).ready(function() {
    $('span.expander').expander({
        slicePoint: 500,
        userCollapseText : '\n[View Less]',
        expandText : '\n[View More]',
        beforeExpand: function() {
            $(this).removeClass("collapsed");
            $(this).addClass("expanded");
        },
        onCollapse: function() {
            $(this).removeClass("expanded");
            $(this).addClass("collapsed");
        }
    });
});
</script>
{% endblock %}

{# vim: set noet: #}