{% extends "base.html" %}
{% block title %}Aufgaben{% endblock %}
{% block content %}
<h1>Aufgaben{% if active_tag %} für {{ active_tag }}{% endif %}</a></h1>
<p class="subtitle">Im Zeitraum von {{ start.strftime("%A, dem %d.%m.%Y") }}, bis {{ end.strftime("%A, den %d.%m.%Y") }}</p>
<p style="padding: 5px;">
  {% if root %}<a class="back" href="{{ root }}index.html">Zurück zu allen Aufgaben</a>{% endif %}
  <a class="link-active" href="#active">Aktiven Aufgaben</a>
  <a class="link-waiting" href="#waiting">Wartenden/zurückgestellten Aufgaben</a>
  <a class="link-done" href="#done">Abgeschlossenen Aufgaben</a>
</p>

{% if tags %}
<div class="tag-cloud">
  <h2>Tag-Cloud</h2>
<ul class="">
{% for tag, rating in tags|dictsort %}
  <li class="tag-{% if rating < 0.2 %}xs{% elif rating < 0.4 %}s{% elif rating < 0.6 %}m{% elif rating < 0.8 %}l{% else %}xl{% endif %}">
  {% if tag == active_tag|default(None) %}
    <span class="active">{{ tag }}</span>
  {% else %}
    <a href="{{ root|default('') }}tags/{{ tag|filename }}.html">{{ tag }}</a>
  {% endif %}
  </li>
{% endfor %}
</ul>
</div>
{% endif %}
{% for status_group, subtasks in tasks|groupby('status_group') %}
<h2 id="{{ ['active', 'waiting', 'done'][status_group] }}">{{ ['Aktiv', 'Wartend/Zurückgestellt', 'Abgeschlossen'][status_group] }}</h2>
{% for task in subtasks %}
<div class="task {{ task.priority }} {{ task.status }}">
  <h2>{{ task.title|e }}</h2>
  <dl>
  {% if task.start and task.end and task.start == task.end %}
  <dt>Datum:</dt>
  <dd>{{ task.start.strftime("%A, der %d.%m.%Y") }}</dd>
  {% else %}
  {% if task.start %}
  <dt>Beginnt am:</dt>
  <dd>{{ task.start.strftime("%A, dem %d.%m.%Y") }}</dd>
  {% endif %}
  {% if task.end %}
  <dt>Endet am:</dt>
  <dd>{{ task.end.strftime("%A, dem %d.%m.%Y") }}</dd>
  {% endif %}
  {% endif %}
  <dt>Status:</dt>
  <dd>
    {{ {'done': 'Abgeschlossen', 'waiting': 'Wartend', 'deferred': 'Verschoben', 'inprogress': 'In Arbeit', 'notstarted': 'Noch nicht angefangen'}[task.status] }}
    <div class="progress bar-{{ (task.percent_completed / 10)|round|int }}">
      <div style="width: {{ task.percent_completed }}%" class="bar"></div>
      <span>{{ task.percent_completed }}%</span>
    </div>
  </dd>
  {% if task.participants %}
  <dt>Zuständig:</dt>
  <dd><ul class="participants">
  {% for p in task.participants %}
    {% if 'members' in p %}
    <li class="group">{{ p.display_name }}</li>
    {% else %}
    <li class="user">{{ p.display_name|replace('.', ' ')|title }}</li>
    {% endif %}
  {% endfor %}
  </ul></dd>
  {% endif %}
  {% if task.tags %}
  <dt class="tags">Tags:</dt>
  <dd class="tags">{% for tag in task.tags %}<a class="tag" href="{{ root|default('') }}tags/{{ tag|filename }}.html">{{ tag }}</a>{% if not loop.last %}, {% endif %}{% endfor %}</dd>
  {% endif %}
  </dl>
  {% if task.description %}
  <p>{{ task.description|e }}</p>
  {% endif %}
</div>
{% endfor %}
{% endfor %}
{% endblock %}