representative_grid.html

{% extends 'base.html' %}
{% load i18n %}
{% load memopol_tags %}

{% block title %}{% trans "Members of the European Parliement" %}{% endblock %}

{% block container-class %}custom-listMEP{% endblock %}
{% block content %}
<h1 class="text-center">{% trans "Members of the European Parliement" %}</h1>
<p class="lead text-center">
{{ paginator.count }} {% trans "MEP" %}{% if search.country %} {% trans "from" %} {{ search.country }}{% endif %}{% if search.group %}, {% trans "members of" %} {{ search.group }}{% endif %}{% if search.delegation %}, {% trans "working in" %} {{ search.delegation }}{% endif %}{% if search.commitee %}, {% trans "on" %} {{ search.commitee }}{% endif %}.
</p>

<div class="row">
    <a href="?{{ searchparameters }}&csv" class="btn btn-default">
      <span class="glyphicon glyphicon-file"> {% trans "Download as csv." %}</span>
    </a>

  {% comment %}
  <!-- TODO: layout & ordering -->
  <div class="btn-group" data-toggle="buttons">
    <label class="btn btn-default active">
      <input type="radio" name="view" id="cards" autocomplete="off" checked>
      <span class="glyphicon glyphicon-th"></span>
    </label>
    <label class="btn btn-default">
      <input type="radio" name="view" id="lists" autocomplete="off">
      <span class="glyphicon glyphicon-list"></span>
    </label>

  </div>

  <div class="dropdown" style="display:inline-block;">
    Order by

    <button class="btn btn-default dropdown-toggle" type="button" id="orderby" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
      Score
      <span class="caret"></span>
    </button>

    <ul class="dropdown-menu" aria-labelledby="orderby">
      <li class="disabled"><a href="#">Score</a></li>
      <li><a href="#">Country</a></li>
      <li><a href="#">Party</a></li>
      <li><a href="#">Group</a></li>
    </ul>
  </div>
  {% endcomment %}
</div>

<br/>

<div class="row">
    {% for representative in object_list %}
    <div class="col-xs-12 col-md-4">
        <div class="thumbnail">
            <a href="{{ representative.get_absolute_url }}" class="custom-thumbnail custom-invisible">
                <div class="row">
                    <div class="col-xs-5">
                        <img class="img-responsive" src="{{ representative.photo }}" width="158px">
                        <div class="custom-thumbnail-details">
                            <p>
                                {{ representative.country|country_flag }} {{ representative.country.name }}<br>
                              <!-- Group -->
                                {{ representative.main_mandate }}<br>
                                {% comment %}
                                <!-- ? -->
                                <span class="glyphicon glyphicon-briefcase "></span> {{ representative. }}
                                {% endcomment %}
                            </p>
                        </div>
                    </div>

                    <div class="col-xs-7">
                        <h4 class="text-center">{{ representative.full_name }}</h4>
                        <p class="text-center">
                          {% if representative.country %}
                            <a href="{% country_url representative.country %}" title="{{ representative.country.name }}">
                                {{ representative.country|country_flag }}
                            </a>
                          {% endif %}
                          {% if representative.chamber %}
                            <a href="{% chamber_url representative.chamber %}" title="{{ representative.chamber.name }}">
                                {{ representative.chamber|chamber_icon }}
                            </a>
                          {% endif %}
                          {% if representative.main_mandate.group %}
                            <a href="{% group_url representative.main_mandate.group %}" title="{{ representative.main_mandate.group.name }}">
                                {{ representative.main_mandate.group|group_icon }}
                            </a>
                          {% endif %}
                        </p>
                        {% comment %} ?
                        <p class="text-center small">
                            <span class="label label-primary"><span class="glyphicon glyphicon-pushpin "></span></span>
                            <span class="label label-primary"><span class="glyphicon glyphicon-pushpin "></span></span>
                            <span class="label label-primary"><span class="glyphicon glyphicon-pushpin "></span></span>
                        </p>
                        {% endcomment %}
                        <p class="text-right"><span class="badge">{{ representative.score.score }}</span></p>
                    </div>

                </div>
            </a>
        </div>
    </div>
    {% empty %}
    {% trans "No MEPs found !" %}
    {% endfor %}
</div>

{% include "pagination.html" %}

{% endblock %}