Club Nieuws

[M4TThys123]

Takenlijst voor Chatfunctionaliteit

• [x] Maak een highlight class voor ongelezen berichten:

  • Implementeer een highlight class die rijen in de VDataTable markeert als ongelezen.
  • Gebruik de row class om een visuele aanduiding te geven aan ongelezen berichten (bijvoorbeeld door een ander kleurtje).

• [x] Sla ongelezen artikelen op in de local storage:

  • In de fetch-functionaliteit, zorg ervoor dat de ID's van ongelezen artikelen worden opgeslagen in de local storage van de browser.

• [x] Voeg een datum check toe voor ongelezen artikelen:

  • Voeg een check toe die controleert of de artikelen binnen een maand zijn geplaatst. Als dit het geval is, schrijf de ID weg naar de local storage.

• [x] Verwijder ID van artikel bij klikken op lees-knop:

  • Koppel de lees-knop aan een functie die de ID van het artikel verwijdert uit de local storage zodra de gebruiker het artikel heeft gelezen.
  • Zorg ervoor dat de ongelezen status en de rendering worden bijgewerkt na het verwijderen van de ID.

• [ ] Pas de batch value aan op basis van het aantal ongelezen artikelen:

  • Zorg ervoor dat de batch value, die het aantal ongelezen artikelen aangeeft, afneemt wanneer een artikel als gelezen wordt gemarkeerd en uit de local storage wordt verwijderd.
  • Laat de batch ook dynamisch het totale aantal ongelezen artikelen weergeven, gebaseerd op de ID's die nog in de local storage staan.

[M4TThys123]

• [ ] reverse de local storrage.

• [ ] Oplossen van data in header en sub component

• 2 fetches

• vuex store

[M4TThys123]

Takenlijst voor Chatfunctionaliteit

• [x] Nieuwsdata fetchen in de headercomponent:

  • Implementeer een fetch-functionaliteit in de headercomponent die nieuwsdata ophaalt.
  • Zorg ervoor dat alleen artikelen met een publicatiedatum binnen één maand worden behouden.

• [ ] Checken van local storage voor gelezen artikelen:

  • Controleer de local storage op ID's van gelezen artikelen.
  • Filter de artikelen die eerder zijn opgehaald en binnen één maand vallen, en controleer of hun ID in de local storage staat.
  • Als een artikel-ID in de local storage staat, betekent dit dat het al gelezen is en moet het artikel uitgefilterd worden.

• [ ] Bereken de hoeveelheid ongelezen artikelen:

  • Nadat de gelezen artikelen zijn uitgefilterd, bereken de hoeveelheid ongelezen artikelen.
  • Gebruik deze hoeveelheid om de batch value in de UI bij te werken.

• [ ] Maak een array van ongelezen artikelen:

  • Bouw een array van alle ongelezen artikelen, zodat hier logica aan gekoppeld kan worden voor verdere verwerking (bijvoorbeeld notificaties of weergave in een aparte sectie).