selection_page.html 5.7 KB
Newer Older
dorothee.kueppers's avatar
dorothee.kueppers committed
1
2
{% extends 'todo/base.html' %}
{% load static %}
3
{% load bootstrap4 %}
dorothee.kueppers's avatar
dorothee.kueppers committed
4
5

{% block content %}
dorothee.kueppers's avatar
dorothee.kueppers committed
6
    <script src='../../todo/static/js/selectionpage.js'></script>
dorothee.kueppers's avatar
dorothee.kueppers committed
7
    <div class="row">
8
9
10
11
12
13
14
15
16
17
18
19
        <form action="" enctype="multipart/form-data" method="POST">
            {% csrf_token %}
            <div class="col-sm todo-box">
                <div class="row justify-content-center">
                    <h3>Wie viel Zeit hast du?</h3>
                </div>
                <div class="row justify-content-center">
                    {% bootstrap_form form %}
                </div>
                <div class="row justify-content-center">
                    <input type="submit" class="btn btn-danger" value="submit">
                </div>
dorothee.kueppers's avatar
dorothee.kueppers committed
20
            </div>
21
        </form>
dorothee.kueppers's avatar
dorothee.kueppers committed
22
        <div class="col-sm" id="todo-choices">
dorothee.kueppers's avatar
dorothee.kueppers committed
23
            <div class="row justify-content-center">
dorothee.kueppers's avatar
dorothee.kueppers committed
24
25
26
27
28
29
                <div id="accordion">
                    <div class="card">
                        <div class="card-header" id="headingOne">
                            <h5 class="mb-0">
                                <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne"
                                        aria-expanded="true" aria-controls="collapseOne">
30
                                    Dinge, die eigentlich schon getan sein sollten
dorothee.kueppers's avatar
dorothee.kueppers committed
31
32
33
34
35
36
37
38
                                </button>
                            </h5>
                        </div>

                        <div id="collapseOne" class="collapse show" aria-labelledby="headingOne"
                             data-parent="#accordion">
                            <div class="card-body">
                                <div class="list-group list group-flush">
39
40
                                    {% for todo in todos_late %}
                                        <li class="list-group-item">{{ todo.0.text }}, {{ todo.1 }}</li>
dorothee.kueppers's avatar
dorothee.kueppers committed
41
42
43
44
45
46
47
48
49
50
                                    {% endfor %}
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingTwo">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse" data-target="#collapseTwo"
                                        aria-expanded="false" aria-controls="collapseTwo">
51
                                    Dinge, die heute zu erledigen sind
dorothee.kueppers's avatar
dorothee.kueppers committed
52
53
54
55
56
57
                                </button>
                            </h5>
                        </div>
                        <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-parent="#accordion">
                            <div class="card-body">
                                <ul class="list-group list group-flush">
58
59
60
61
                                    {% for todo in todos_today %}
                                        <button type="button" class="list-group-item list-group-item-action">
                                            {{ todo.0.text }}, {{ todo.1 }}
                                        </button>
dorothee.kueppers's avatar
dorothee.kueppers committed
62
63
64
65
66
67
68
69
70
71
72
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingThree">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapseThree" aria-expanded="false"
                                        aria-controls="collapseThree">
73
                                    Dinge, die bald zu erledigen sind
dorothee.kueppers's avatar
dorothee.kueppers committed
74
75
76
77
78
79
80
                                </button>
                            </h5>
                        </div>
                        <div id="collapseThree" class="collapse" aria-labelledby="headingThree"
                             data-parent="#accordion">
                            <div class="card-body">
                                <ul class="list-group list group-flush">
81
82
                                    {% for todo in todos_soon %}
                                        <li class="list-group-item">{{ todo.0.text }}, {{ todo.1 }}</li>
dorothee.kueppers's avatar
dorothee.kueppers committed
83
84
85
86
87
88
89
90
91
92
93
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="card">
                        <div class="card-header" id="headingFour">
                            <h5 class="mb-0">
                                <button class="btn btn-link collapsed" data-toggle="collapse"
                                        data-target="#collapseFour" aria-expanded="false"
                                        aria-controls="collapseFour">
94
                                    Dinge, die keinen Zeitdruck haben
dorothee.kueppers's avatar
dorothee.kueppers committed
95
96
97
98
99
100
101
                                </button>
                            </h5>
                        </div>
                        <div id="collapseFour" class="collapse" aria-labelledby="headingFour"
                             data-parent="#accordion">
                            <div class="card-body">
                                <ul class="list-group list group-flush">
102
103
                                    {% for todo in todos_someday %}
                                        <li class="list-group-item">{{ todo.text }}</li>
dorothee.kueppers's avatar
dorothee.kueppers committed
104
105
106
107
108
109
110
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

dorothee.kueppers's avatar
dorothee.kueppers committed
111
112
113
114
            </div>
        </div>
    </div>
{% endblock %}