Esercizio 4: Implementare il filtro per tipo di prestito nell'elenco (lista dei prestiti) — selezionando un filtro (ad esempio, tramite una proprietà calcolata) deve essere visualizzato solo l'elenco dei prestiti corrispondenti al tipo selezionato, o tutti i prestiti se si seleziona il filtro "tutti".
Parlaci di te / presentazione dell'azienda: una breve storia sulla struttura dell'azienda prestatrice, i team e il prodotto (contesto prima del compito tecnico).
Esercizio 5: Implementare l'eliminazione dei prestiti tramite caselle di controllo — selezionando la casella di un elemento e premendo il pulsante con una croce (X), gli elementi selezionati devono essere rimossi dall'elenco. Deve essere implementata anche un'operazione di gruppo: la casella "seleziona tutto" nella parte superiore dell'elenco, che quando selezionata, contrassegna tutte le caselle, e quando deselezionata, rimuove la selezione da tutte; durante l'eliminazione tramite il pulsante X, tutti gli elementi selezionati (tramite un Set con id) devono essere rimossi, e il Set deve essere svuotato dopo l'eliminazione.
Esercizio 3: Nella struttura dati ADT-Lon (AddLoan), c'è una lista di tipi di prestiti (una tantum, a termine, con limite) con limiti predefiniti diversi. È necessario fare in modo che, selezionando il tipo di prestito (type), venga automaticamente impostato il valore di importo (amount) predefinito per quel tipo (ad esempio, una tantum — 1000, a termine — 60000, con limite — 150000), utilizzando watch per monitorare le modifiche del tipo nel modulo.
Compito 1: Nell'app Vue è già importato il componente AddLoan (modulo di aggiunta del prestito). È necessario fare in modo che questo modulo sia nascosto di default e appaia/scompaia cliccando su un pulsante (implementare il cambio di visibilità del modulo, ad esempio tramite v-if/v-show e flag/toggle, e anche emettere un evento di chiusura del modulo dal componente superiore).
Esercizio 2: Implementare l'aggiunta di un nuovo elemento (prestito) alla lista (lista dei prestiti) — al momento dell'invio del modulo, devono essere trasmessi i valori di amount e type, viene emesso un evento con i dati, il componente genitore aggiunge un nuovo oggetto (con id, amount, type) all'array, quindi il modulo viene resettato (pulito).
