Frontend

Task 4: Implement filtering by loan type in the list — when selecting a filter (for example, via a computed property), only the loans matching the selected type should be displayed, or all loans if the "all" filter is selected.

Tell us about yourself / company introduction: a brief story about the structure of the lending company, teams, and product (context before technical task).

Task 5: Implement deletion of loans via checkboxes — when a checkbox is selected on an item and the button with a cross (X) is pressed, the selected items should be removed from the list. A group operation should also be implemented: a "select all" checkbox at the top of the list, which when checked, marks all checkboxes, and when unchecked, deselects all; when deleting via the X button, all selected (via Set with id) items should be removed, and the Set should be cleared after deletion.

Task 3: In the data structure ADT-Lon (AddLoan), there is a list of loan types (single, urgent, limit) with different default limits. It is necessary that when selecting a loan type (type), the default amount (amount) for that type is automatically filled in (for example, single — 1000, urgent — 60000, limit — 150000), using watch for changes in the type in the form.

Task 1: In the Vue application, the AddLoan component (loan addition form) is already imported. You need to make this form hidden by default and toggle its visibility when clicking a button (implement visibility toggle, for example using v-if/v-show and flag/toggle, as well as emit a close event from the component to the parent).

Task 2: Implement adding a new item (loan) to the list — when submitting the form, values for amount and type should be passed, an event with data is emitted upwards, the parent component adds a new object (with id, amount, type) to the array, then the form is reset (cleared).