Currently when adding or editing a timeline item we navigate to a new page.
Instead use a modal or popup to display the form, and when done just insert/update the data on the current page for the item added or edited.
[x] Update Add Note
[x] Update Edit Note
[x] Update Add CalendarItem
[x] Update Edit CalendarItem
[x] Update Add Sleep
[x] Update Edit Sleep
[x] Update Add Photo
[x] Update Edit Photo
[x] Update Add Video
[x] Update Edit Video
[x] Update Add Word/VocabularyItem
[x] Update Edit Word/VocabularyItem
[x] Update Add Friend
[x] Update Edit Friend
[x] Update Add Measurement
[x] Update Edit Measurement
[x] Update Add Contact
[x] Update Edit Contact
[x] Update Add Vaccination
[x] Update Edit Vaccination
[x] Update Add Location
[x] Update Edit Location
[x] Update Add UserAccess
[x] Update Edit UserAccess.
For each item:
Update the add or edit action to return a partial page with the edit form.
Update the TypeScript scripts to load partial page in modal/popup when add or edit is clicked.
Update the submit form target action to return Json or PartialView with the updated data.
Update the TypeScript scripts to replace or insert the edited item with the returned data/html from previous step.
Currently when adding or editing a timeline item we navigate to a new page. Instead use a modal or popup to display the form, and when done just insert/update the data on the current page for the item added or edited.
For each item: