Skip to content

Frontend components

Augusto Crespo edited this page Jul 12, 2021 · 2 revisions

The list of the components in the project are:

Views

  • Home: Contains the elements of the first page
  • AddFoundation: Contains the elements of the "Add Foundation" page
  • Admin: Contains the elements of the admin page.

Components

  • AppHeader: The main header, located at the top of the website
  • Auth: It contains the part of Google sign-in and controls the functions of Firebase auth. Located inside the AppHeader component.
  • Search: It contains the search filter at the homepage. It recieves the foundations data from the backend.
  • FoundationsList: It recieves the data previously filtered by the Search component and shows it.
  • Chart: It recieves the data previously filtered by the Search component and creates the chart with this data.
  • Loading: A spinner that can be shown if the page is loading.
  • ModalConfirmAction. Recieves the foundation, its id and a text to show a modal to confirm an action made by the user. For example, deleting a foundation.
  • ModalResponse. It recieves a text and shows a modal with that text.
  • NewEditFoundation. It contains the elements of the form to add a new foundation or suggest changes for an existing foundation. It is located inside the components "AddFoundation" or "Admin".

Mixins

  • SelectedFoundation. It contains the data of an specific foundation and calls some methods that are shared between the components "AddFoundation", "Admin" and "FoundationsList".
Clone this wiki locally