Flash bar

Als het aanmaken van een nieuwe post gelukt is wil je de gebruik daarover graag feedback geven. Je zou hiervoor een nieuwe view kunnen aanmaken met de tekst. Het invoeren is gelukt, of iets dergelijks.

Ook is het mogelijk om toast te laten zien als het toevoegen gelukt is. Bij een toast komt er een blokje in beeld met een bepaalde boodschap. Na enkele seconden verdwijnt het blokje weer.

In ons framework zit al een toast bericht ingebakken. Dus die kunnen we eenvoudig gebruiken

Het gebruik van de toast werkt als volgt

flash("Post is opgeslagen", true, 3000);

Deze functie kan je overal aanroepen (dit zal meestal in de controller zijn) en zal een boodschap op het scherm tonen. De parameters die je aan de functie kan meegeven zijn:

- boodschap
- succes true/false (optioneel)
- tijd tot verdwijnen (optioneel)

Toast aanpassen

Uiteraard kan je zelf de layout van de toast aanpassen in views/parts/footer.php

De toast maakt gebruik van alpine.js, dit is een javascript framework waarmee we later leuke dingen mee kunnen doen.

 

Opgave J4.1 - Toast

 

Wanneer een post succesvol is opgeslagen in de database wil je graag de flash (toast) laten zien.

Voeg onderstaande code op de juiste plaats toe in controllers/post-store.php

flash("Post is opgeslagen", true, 3000);

 

Uitwerking

/controllers/posts-store.php