1{{template "HTMLBase"}} {{define "title"}} todo.txt {{end}}
 2
 3<main>
 4  <h1>todo.txt</h1>
 5  <ul class="tasklist">
 6    {{range .tasks}}
 7    <li title="Création: {{.CreatedDate.Format "02.01.06" }}">
 8        <form class="task {{if .Completed}}task-completed{{end}}" method="POST">
 9            <input type="hidden" name="taskId" value="{{.ID}}"/>
10            <input type="checkbox" name="checked" {{if .Completed}}checked{{end}} />
11            {{if .Priority}}
12                <div class="priority priority-{{.Priority}}">{{.Priority}}</div>
13            {{end}}
14                <div class="content">{{.Todo}}</div>
15            {{if .Completed}}
16                <div class="completedDate">{{.CompletedDate.Format "02.01.06" }}</div>
17            {{end}}
18        </form>
19    </li>
20    {{end}}
21  </ul>
22
23    <form method="POST" class="newTaskForm">
24        <input name="taskContent" placeholder="Ajouter une nouvelle tâche" />
25    </form>
26</main>
27
28
29
30<script>
31    const taskCheckboxes = document.querySelectorAll("input[type='checkbox']");
32    for(const taskCheckboxe of taskCheckboxes) 
33        taskCheckboxe.onclick = () => taskCheckboxe.form.submit();
34</script>