Εργασία 4: Υλοποιήστε τη λειτουργία φίλτρων ανά τύπο δανείου στη λίστα (λίστα δανείων) — όταν επιλέγεται ένα φίλτρο (π.χ. μέσω μιας computed ιδιότητας) πρέπει να εμφανίζεται μόνο η λίστα δανείων που αντιστοιχεί στον επιλεγμένο τύπο, ή όλα τα δάνεια αν επιλεγεί το φίλτρο "όλα".
Πείτε λίγα για τον εαυτό σας / παρουσίαση της εταιρείας: μια σύντομη περιγραφή της δομής της χρηματοδοτικής εταιρείας, των ομάδων και του προϊόντος (πλαίσιο πριν από την τεχνική ανάθεση).
Άσκηση 5: Υλοποιήστε τη διαγραφή δανείων μέσω πλαισίων ελέγχου — όταν επιλέγεται το πλαίσιο ελέγχου ενός στοιχείου και πατηθεί το κουμπί με το σταυρό (X), τα επιλεγμένα στοιχεία πρέπει να διαγράφονται από τη λίστα. Πρέπει επίσης να υλοποιηθεί μια ομαδική λειτουργία: το πλαίσιο ελέγχου "επιλογή όλων" στην κορυφή της λίστας, που όταν επιλέγεται, επισημαίνει όλα τα πλαίσια ελέγχου, και όταν αποεπιλέγεται, αφαιρεί την επιλογή από όλα; κατά τη διαγραφή μέσω του κουμπιού X, όλα τα επιλεγμένα στοιχεία (μέσω Set με id) πρέπει να διαγράφονται, και το Set πρέπει να καθαρίζεται μετά τη διαγραφή.
Άσκηση 3: Στη δομή δεδομένων ADT-Lon (AddLoan), υπάρχει μια λίστα τύπων δανείων (μονομερές, βραχύχρονο, με όριο) με διαφορετικά προεπιλεγμένα όρια. Πρέπει να διασφαλιστεί ότι, κατά την επιλογή του τύπου δανείου (type), η τιμή του ποσού (amount) για αυτόν τον τύπο θα συμπληρώνεται αυτόματα με την προεπιλεγμένη τιμή (π.χ., μονομερές — 1000, βραχύχρονο — 60000, με όριο — 150000), χρησιμοποιώντας watch για την παρακολούθηση των αλλαγών στον τύπο στη φόρμα.
Αντικείμενο 1: Στην εφαρμογή Vue έχει ήδη εισαχθεί το συστατικό AddLoan (φόρμα προσθήκης δανείου). Πρέπει να γίνει έτσι ώστε αυτή η φόρμα να είναι κρυφή από προεπιλογή και να εμφανίζεται/κρύβεται με το πάτημα ενός κουμπιού (υλοποίηση εναλλαγής ορατότητας της φόρμας, π.χ. μέσω v-if/v-show και flag/toggle, καθώς και εκπομπή συμβάντος κλεισίματος της φόρμας από το συστατικό προς τα πάνω).
Άσκηση 2: Υλοποίηση προσθήκης ενός νέου στοιχείου (δάνειο) στη λίστα (λίστα δανείων) — κατά την υποβολή της φόρμας, πρέπει να μεταδίδονται οι τιμές amount και type, εκπέμπεται ένα γεγονός με τα δεδομένα, το γονικό συστατικό προσθέτει ένα νέο αντικείμενο (με id, amount, type) στον πίνακα, και στη συνέχεια η φόρμα μηδενίζεται (καθαρίζεται).
