index.html 4.05 KB
Newer Older
1
{% extends "base.html" %}
Dennis Appel's avatar
Dennis Appel committed
2

3 4 5 6 7 8
{% block title %}
{% with title="Checkliste" %}
{{ block.super }}
{% endwith %}
{% endblock %}

9
{% block content %}
10 11
<section>
    {% if checklist %}
Dennis Appel's avatar
Dennis Appel committed
12
    <div class="grid-x grid-padding-x">
13

14 15
        <div class="cell large-offset-3 large-6 content vertical-space">
            <section>
16
            <h1>Checkliste</h1>
17
            <p>
18
            Die Checkliste dient der Selbstkontrolle zur Einhaltung der
19
            Barrierefreiheit.<br>
20 21 22
            Die Liste ist als Leitfaden w&auml;hrend der Entwicklung gedacht
            und beinhaltet von uns als besonders wichtig befundene und
            empfohlene Richtlinien.
23 24 25 26 27 28 29 30 31 32 33 34 35 36
            </p>
            <p>
            Ist eine Richtlinie implementiert, kann diese durch Verwendung des
            roten "Offen" Buttons auf abgeschlossen gesetzt werden. Sollte
            eine Richtlinie noch nicht vollst&auml;ndig implementiert sein,
            oder bedarf weiterer Arbeit, kann dieser Schritt mit Hilfe des nun
            gr&uuml;nen "Abgeschlossen" Buttons wieder r&uuml;ckg&auml;ngig
            gemacht werden.<br>
            Abgeschlossene Richtlinien werden im Local Storage des Browsers
            gespeichert, es kann also der Tab, oder Browser, ohne bedenken
            geschlossen werden. Beim erneuten Aufruf der Seite, werden diese
            Richtlinien automatisch auf "Abgeschlossen" gesetzt.
            </p>
            </section>
Dennis Appel's avatar
Dennis Appel committed
37
            <div id='checklist' class="grid-x grid-padding-x grid-padding-y grid-margin-y">
38
                {% for category in checklist %}
Dennis Appel's avatar
Dennis Appel committed
39 40 41 42
                <div class="cell cell-background-lg">
                    <div class="grid-x grid-padding-x">
                        <div class="cell" id="category_{{category.id}}" name="category_{{category.id}}">
                            <h2>{{category.categoryTitle}}</h2>
43 44 45
                            {% if category.wikiEntry.id %}
                            <a class="link" href="{% url 'wiki:index' %}#item_{{category.wikiEntry.id}}"><button class="hollow button">Wiki</button></a>
                            {% endif %}
46 47
                        </div>
                        {% for entry in category.getEntries %}
Dennis Appel's avatar
Dennis Appel committed
48 49 50
                        <div class="cell vertical-space-bottom-small" id="entry_{{entry.id}}" name="entry_{{entry.id}}">
                            <button class="button small alert checklist-entry" onclick="checkListToggle(this, {{entry.id}})">Offen
                            </button>
51
                            <h3 class="checklist-entry checklist-title">
Dennis Appel's avatar
Dennis Appel committed
52 53 54 55 56 57
                                {{entry.checkListEntryTitle}}
                                {% if entry.wikiEntry.id %}&nbsp;
                                <a class="link" href="{% url 'wiki:index' %}#item_{{entry.wikiEntry.id}}">&lt;Wiki&gt;</a>
                                {% endif %}
                            </h3>
                            <p>
58
                            {{entry.checkListEntryDescription}}
59 60 61
                            </p>
                        </div>
                        {% endfor %}
Dennis Appel's avatar
Dennis Appel committed
62 63 64
                        <div class="cell back-button">
                            <a class="link" href="#checklist-navigation"><button class="button hollow">nach oben</button></a>
                        </div>
65 66 67
                    </div>
                </div>
                {% endfor %}
Dennis Appel's avatar
Dennis Appel committed
68
            </div>
Dennis Appel's avatar
Dennis Appel committed
69
        </div>
Dennis Appel's avatar
Dennis Appel committed
70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85

        <div class="cell large-2 large-offset-1 cell-background-wiki-mg wiki-navigation">
            <section>
                <div name="checklist-navigation" id="checklist-navigation" class="text-center">
                    <h4>Inhalt</h4>
                </div>
                <ul class="vertical menu">
                    {% for category in checklist %}
                    <li>
                        <a class="wiki-navigation-link" href="#category_{{category.id}}">{{category.categoryTitle}}</a>
                    </li>
                    {% endfor %}
                </ul>
            </section>
        </div>

Dennis Appel's avatar
Dennis Appel committed
86
    </div>
87 88
    {% else %}
    <p>Keine Eintraege gefunden</p>
Dennis Appel's avatar
Dennis Appel committed
89

90 91
    {% endif %}
</section>
92
{% endblock %}
Dennis Appel's avatar
Dennis Appel committed
93