Aufgabe 4: Implementieren Sie die Filterung nach Kreditart in der Liste (Kreditliste) — bei Auswahl eines Filters (z.B. über eine berechnete Eigenschaft) soll nur die Liste der Kredite angezeigt werden, die dem ausgewählten Typ entsprechen, oder alle Kredite, wenn der Filter "alle" ausgewählt ist.
Erzählen Sie etwas über sich / Unternehmensvorstellung: eine kurze Geschichte über die Struktur des leihgebenden Unternehmens, die Teams und das Produkt (Kontext vor der technischen Aufgabe).
Aufgabe 5: Implementieren Sie das Löschen von Darlehen über Kontrollkästchen — beim Markieren eines Kontrollkästchens eines Elements und Drücken des Kreuz-Buttons (X) sollten die ausgewählten Elemente aus der Liste entfernt werden. Es sollte auch eine Gruppenoperation implementiert werden: das Kontrollkästchen "Alle auswählen" oben in der Liste, das beim Aktivieren alle Kontrollkästchen markiert und beim Deaktivieren alle Markierungen entfernt; beim Löschen über den X-Button sollten alle ausgewählten (über ein Set mit id) Elemente gelöscht werden, und das Set sollte nach dem Löschen geleert werden.
Aufgabe 3: In der Datenstruktur ADT-Lon (AddLoan) gibt es eine Liste von Kreditarten (einmalig, kurzfristig, mit Limit) mit unterschiedlichen Standardlimits. Es soll so gemacht werden, dass beim Auswählen des Kredittyps (type) automatisch der Standardbetrag (amount) für diesen Typ eingefügt wird (z.B. einmalig — 1000, kurzfristig — 60000, mit Limit — 150000), wobei watch verwendet wird, um Änderungen des Typs im Formular zu überwachen.
Aufgabe 1: In der Vue-Anwendung ist die Komponente AddLoan (Formular zum Hinzufügen eines Kredits) bereits importiert. Es soll so gemacht werden, dass dieses Formular standardmäßig ausgeblendet ist und beim Klicken auf einen Button erscheint/verschwindet (Implementierung des Sichtbarkeitswechsels des Formulars, z.B. durch v-if/v-show und flag/toggle, sowie das Emittieren eines Schließereignisses des Formulars vom Komponenten nach oben).
Aufgabe 2: Implementieren Sie das Hinzufügen eines neuen Elements (Darlehen) zur Liste (Darlehensliste) — beim Absenden des Formulars müssen die Werte amount und type übermittelt werden, ein Ereignis mit den Daten wird ausgelöst, die Elternkomponente fügt ein neues Objekt (mit id, amount, type) zum Array hinzu, danach wird das Formular zurückgesetzt (gelöscht).
