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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
                <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">
                                    Dinge, die heute zu erledigen sind
                                </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">
                                    {% for todo in todos_today %}
                                        <button type="button" class="list-group-item list-group-item-action">
                                            {{ todo.0.text }}, {{ todo.1 }}
                                        </button>
                                    {% 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">
                                    Dinge, die bald zu erledigen sind
                                </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">
                                    {% for todo in todos_soon %}
                                        <li class="list-group-item">{{ todo.0.text }}, {{ todo.1 }}</li>
                                    {% 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">
                                    Dinge, die keinen Zeitdruck haben
                                </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">
                                    {% for todo in todos_someday %}
                                        <li class="list-group-item">{{ todo.text }}</li>
                                    {% 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">
                                    Dinge, die eigentlich schon getan sein sollten
                                </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">
                                    {% for todo in todos_late %}
                                        <li class="list-group-item">{{ todo.0.text }}, {{ todo.1 }}</li>
                                    {% endfor %}
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

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