gestioCOF/bda/templates/spectacle_list.html

{% extends "base_title.html" %}
{% load staticfiles %}

{% block realcontent %}
    <h2><strong>{{tirage_name}}</strong></h2>
    <h3>Liste des spectacles</h3>


    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th data-sort="string">Titre</th>
            <th data-sort="int">Date</th>
            <th data-sort="string">Lieu</th>
            <th data-sort="float">Prix</th>
        </tr> 
        </thead>
        <tbody>
        {% for spectacle in object_list %}
        <tr class="clickable-row" data-href="{% url 'bda-spectacle' tirage_id spectacle.id %}"> 
                <td><a href="{% url 'bda-spectacle' tirage_id spectacle.id %}">{{ spectacle.title }} <span style="font-size:small;" class="glyphicon glyphicon-link" aria-hidden="true"></span></a></td>
                <td data-sort-value="{{ spectacle.timestamp }}">{{ spectacle.date_no_seconds }}</td>
                <td data-sort-value="{{ spectacle.location }}">{{ spectacle.location }}</td>
                <td data-sort-value="{{ spectacle.ratio |stringformat:".3f" }}">
                                {{ spectacle.price |floatformat  }}€
            </td>
        </tr>
                    {% endfor %}
        </tbody>					     
        </table>
    <script type="text/javascript"
            src="{% static "js/jquery.min.js" %}"></script>
    <script type="text/javascript"
            src="{% static "js/joequery-Stupid-Table-Plugin/stupidtable.js" %}"></script>
    <script type="text/javascript">
        $(function(){
        $("table.etat-bda").stupidtable();
        });
    </script>
    <script>
    jQuery(document).ready(function($) {
	$(".clickable-row").click(function() {
	    window.document.location = $(this).data("href");
	});
    });
    </script>

    <h3> Exports </h3>
    <ul>
        <li><a href="{% url 'bda-unpaid' tirage_id  %}">Mailing list impayés</a>
        <li><a href="{% url 'bda-liste-spectacles-ics' tirage_id %}">Calendrier des spectacles (.ics)</a>
    </ul>
{% endblock %}