joeni

This is the roster template. You can use this to display a hourly roster,

spread over a series of days. To function properly, this template requires

the following variables:

- days :: A list of all days for which a column must be made.

- time_blocks :: A list of all rows with their respective timings, that must

                 be displayed in the roster. These elements must *not* contain

                 any unsafe elements!

- conflicts :: A dictionary with all conflicting events that need to be listed.

{% endcomment %}

<style>

        border-width: 0px 0px 1px 0px;

        border-bottom-style: solid;

        border-style: solid;

        border-color: red;

    }

</style>

    <th>

        {#<td></td> {# Empty row for hours #} {# Apparantly this isn't necessary with <th /> #}

        {% for day in days %}

            <td>{{ day|date:"l (d/m)" }}</td>

        {% endfor %}

    </th>

    {% for element in time_blocks %}

        {{ element|safe }}

    {% endfor %}

</table>

{% for number, conflict_list in conflicts.items %}

    <h2 id="Conflict {{ number }}">Conflict {{ number }}</h2>

    {% for conflict in conflict_list %}

        {% if conflict.recently_created %}

            <div class="event-new">

        {% elif conflict.recently_updated %}

            <div class="event-update">

        {% endif %}

        <a href="{% url "courses-course-index" conflict.course.course.slug_name %}">

            {{ conflict.course }}</a><br />

        {# FIXME Temporarily disabled until all users have an associated user_data #}

        {#<a href="{% url "administration-user" conflict.docent.user_data.slug_name %}">#}

        {#{{ conflict.docent }}</a><br />#}

        {{ conflict.docent }}<br />

        {{ conflict.begin_time|date:"H:i" }} - {{ conflict.end_time|date:"H:i" }}<br />

        <a href="{% url "administration-room-detail" conflict.room %}">

            {{ conflict.room }}</a> ({{ conflict.subject }})

        </div>

    {% endfor %}

{% endfor %}

    font-family: ubuntu;

    border-style: solid;

    text-transform: uppercase;

    border-width: 0.3em;

    margin: 1em;

    border-color: $uhasselt-color;

    padding: 0.2em;

    text-decoration: none;

    color: $uhasselt-color;

    font-weight: bold;

}

a.btn:hover {

    background-color: $uhasselt-color;

    color: white;

}

dl dt {

    margin: 5px;

}

.event {

    padding: 5px;

}

.event-update {

    padding: 5px;

    background-color: yellow;

    color: red;

    border: medium dotted red;

}

.event-new {

    padding: 5px;

    background-color: white;

    color: black;

    border: medium dashed black;

}

.event-note {

    padding: 5px;

    color: purple;

    border: medium double purple;

}

.event-conflict {

    padding: 5px;

    background-color: red;

    color: white;

    border: medium dashed;

    border-color: inherit;

}

.event a {

    text-decoration: none;

    color: inherit;

}