Sobes.tech

Frontend

Taak 4: Implementeer het werken van filters op het type lening in de lijst (leningenlijst) — bij het selecteren van een filter (bijvoorbeeld via een computed eigenschap) moet alleen de lijst met leningen worden weergegeven die overeenkomt met het geselecteerde type, of alle leningen als de filter "alles" is geselecteerd.

174

Vertel over jezelf / bedrijfsintroductie: een korte beschrijving van de structuur van het financieringsbedrijf, de teams en het product (context vóór de technische briefing).

158

Opdracht 5: Implementeer het verwijderen van leningen via selectievakjes — bij het aanvinken van het selectievakje van een element en het indrukken van de knop met een kruis (X), moeten de geselecteerde elementen uit de lijst worden verwijderd. Er moet ook een groepsbewerking worden geïmplementeerd: het selectievakje "alles selecteren" bovenaan de lijst, dat bij selectie alle selectievakjes aanvinkt, en bij deselectie alle vinkjes verwijdert; bij het verwijderen via de X-knop moeten alle geselecteerde (via Set met id) elementen worden verwijderd, en de Set moet na het verwijderen worden leeggemaakt.

152

Opdracht 3: In de gegevensstructuur ADT-Lon (AddLoan) is er een lijst van leningstypen (eenmalig, termijn, limiet) met verschillende standaardlimieten. Het moet zo worden ingesteld dat bij het selecteren van het leningstype (type), de standaardwaarde van het bedrag (amount) automatisch wordt ingevuld voor dat type (bijvoorbeeld, eenmalig — 1000, termijn — 60000, limiet — 150000), gebruikmakend van watch om wijzigingen in het type in het formulier te volgen.

132

Taak 1: In de Vue-toepassing is de component AddLoan (formulier voor het toevoegen van een lening) al geïmporteerd. Het moet zo worden ingesteld dat dit formulier standaard verborgen is en verschijnt/verbergt bij het klikken op een knop (implementeren van het wisselen van zichtbaarheid van het formulier, bijvoorbeeld via v-if/v-show en flag/toggle, en ook het emitten van een sluitgebeurtenis van het formulier van het component naar boven).

124

Taak 2: Het toevoegen van een nieuw element (lening) aan de lijst (leningenlijst) — bij het verzenden van het formulier moeten de waarden amount en type worden doorgegeven, wordt er een gebeurtenis uitgezonden met de gegevens, voegt de oudercomponent een nieuw object (met id, amount, type) toe aan de array, waarna het formulier wordt gereset (geleegd).

120