work on an existing front-office SPA written with Vue.js, vue-cli 3 and bootstrap5

We need help with these tasks:

T2131 - replace 12 href with router-links to avoid reloading the entire SPA

T2121 - form validation in one page using vee-validate: 5 fields

- telephone_number: [login to view URL]

- email: use regex we supply

- fiscal_code: [login to view URL]

- vat_id: [login to view URL]

- zip: use regex we supply

T2099 - fix the leaflet map marker: on zooming out, it drifts on the openstreetmap map

T2105 - proposals in front-office

display the list of proposals (similar to list of contacts see src/pages/[login to view URL]) in a separate page (i.e. src/pages/[login to view URL] routed by /proposals) with:

- link to store

- link to contact ("richiesta")

- description (richt text readonly)

- total (in €)

to retrieve the current list of non-dismissed proposals, get the list of contacts from local storage ($[login to view URL]) then query them one by one, using this route:

GET /api/stores/{store_id}/contacts/{contact_id} (retrieves the contact, the store, the list of non-dismissed contact_ids and of all non-dismissed proposals)

display proposal detail in a separate page (i.e. src/pages/[login to view URL] routed from /store/:id/live/:contact_id/proposal/:proposal_id)

the user can only change the accepted and dismissed bool fields using a PUT call to /api/stores/{store_id}/contacts/{contact_id}/proposals/{proposal_id}

Requirements:

- access the backend using the fetch API

- do not add new dependencies to [login to view URL]

- use bootstrap5 form components [login to view URL]

Vue.js JavaScript Bootstrap

Projekt ID: #27939842

Om projektet