In diesem Schritt fügen wir einen Löschen-Button zum Löschen von TodoItems in dem index Twig Template hinzu:

Der Löschen Button ist analog zu dem Editieren Button, das ganze sieht im Browser so aus:

Bei Klick auf den Löschen Button wird im TodosController die Lösch-Funktion über den EntityManager ausgelöst:

Jetzt erstellen wir das Bearbeiten-Formular für TodoItems. Dazu fügen wir zuerst einen Editieren-Button in unserem index Twig Template hinzu:

Das sieht im Browser so aus:

Wir übergeben an den Pfad zum Erzeugen des Edit-Buttons die jeweilige ItemId. Über diese Id können wir dann das entsprechende TodoItem über das Repository laden und zum Bearbeiten an das Formular übergeben:

Im folgenden Schritt erstellen wir das edit Twig Template mit dem Formular:

In diesem Schritt erstellen wir ein Formular, das wir für das Erstellen von TodoItems verwenden:

php bin/console make:form TodoItemFormType TodoItem

Das erstellte FormType sieht so aus (wir fügen außerdem den Submit-Button hinzu):

Danach fügen wir in der twig.yaml Konfigurationsdatei ein Form-Theme hinzu, damit unser Formular mit Bootstrap-Klassen gestylt wird:

Unser Formular kann sich im Browser sehen lassen:

Nun können wir uns daran machen, unsere neu angelegten Todos als erledigt zu markieren.
Dazu brauchen wir pro ListItem einen Button, der das jeweilige als erledigt markiert:

Erledigte Todos haben vor dem Eintrag ein „✓“, unerledigte werden mit „o“ dargestellt.
Das ganze ist in dem Template der root-Route („Welcome.blade.php“) definiert:

Hier haben wir eine if/else Bedingung und ein Formular mit Submit-Button pro ListItem.
Dazu wird das Formular bei Klick auf den „Complete“-Button an eine neue Route (mit einem Parameter $id) geschickt.
Der Parameter ist notwendig, damit wir das richtige ListItem als erledigt markieren.
Nun folgt die Erstellung der Route in der Datei web.php:

In der Route gibt es eine Neuerung, es wird ein Parameter „$id“ verwendet – als gültiger Parameter ist eine Zahl definiert (id ist eine Zahl).
Außerdem haben wir die Route benannt, damit wir einfacher darauf zugreifen können.

Im TodoListController ergänzen wir die Methode „markItemAsComplete“, die diesen Anwendungsfall behandelt.

Als weitere Optimierung können wir den „Complete“-Button nur dann anzeigen, wenn der Todo Eintrag noch nicht abgeschlossen ist:

Zu guter Letzt können wir die Farben anpassen:

Unser Ergebnis kann sich sehen lassen:

Nun checken wir die Änderungen ein und aktualisieren unser Github Repository mit dem folgenden Befehl:

git push origin master

In diesem Schritt erstellen wir das Formular, über das die Todo-Liste erweitert werden kann:

Wir erstellen hier ein Formular mit einer Action, die eine eigene Route beim Senden des Formulars aufruft.
Diese Route nennen wir „saveItem“ – die Route werden wir gleich noch definieren.
Außerdem haben wir ein verstecktes CSRF Eingabefeld mit „@csrf“ erstellt, das automatisch ein Token einfügt.
Im Browser sieht das Formular folgendermaßen aus:

Vor Erstellen der Route erstellen wir unseren Controller „TodoListController“, der die neue Route „saveItem“ bearbeitet:

php artisan make:controller TodoListController

Jetzt erstellen wir die Route in der Datei „web.php“, die wir eben im Formular verwendet haben. Hier haben wir auch noch die Startroute in „root“ benannt:

Die Route „saveItem“ funktioniert nur über einen POST Request (unser Formular sendet die Daten als POST Request).
Der TodoListController erhält die Daten vom Formular, jetzt brauchen wir im Controller noch die Methode „saveItem“.
Zunächst machen wir in der Methode eine einfache Weiterleitung auf die „root“ Route (das Formular wird abgeschickt und wird wieder angezeigt).