Explore possibility of making the webform available offline

[joycarpediem]

• [ ] #274

[joycarpediem]

@wayangalihpratama , can you please give this a shot

[wayangalihpratama]

• [x] Create a service worker to manage offline page for webform
• [x] Use query params to provide form id in URL
  • [x] require change for BE when generating form URL
  • [x] require change for FE for route and get params from URL
• [x] Make sure service only get data from cache if in offline mode
• [x] Make sure there's no duplicate API response stored in indexDB

[joycarpediem]

• [ ] Use location is not working on mobile device .

Nor does is provide any feedback to the user that the GPS is being fetched

https://user-images.githubusercontent.com/4419787/215790464-54ed80e4-89ec-4270-838a-306e5c357fb0.MP4

• [x] Cannot manually enter 0, 0 as lat long values
• [x] For number fields can we ensure that only the numpad is displayed instead of the entire keypad
• [x] On clicking save , provide feedback to the user that the submission was saved
• [ ] The submit button is always enabled , but it does not provide feedback when i click it without answering all mandatory questions . Enable it only if all mandatory questions are answered
• [ ] Load a saved survey, submit it . Click on "Add a new submission" . It reloads the saved survey

https://user-images.githubusercontent.com/4419787/215797083-720c62b0-4919-47b3-adc5-fe165e84546e.MP4

• [x] Looks like there are potential duplicates being created . Test that if i load the datapoint or click save twice on a datapoint , the same entry is updated rather than creating new datapoints

• [x] Add the load, delete button in the next separate row , rather than the same row as datapoint name . Explore if we can add a submit button

• [x] If we are offline and try to submit, it looks like the data point gets automatically saved. That is good. But then the message should be "Looks like you are offline. Your submission has been saved. Please load it and submit once you are online.

[dedenbangkit]

https://github.com/akvo/akvo-react-form/releases/tag/v2.0.7

[joycarpediem]

@dedenbangkit , can we move this to ready for testing ?

[dedenbangkit]

Moved to ready for testing. You can use this URL: https://jmp-explorer.akvotest.org/webform?id=HeTJ