Update metadata dialogue view

[tammyyang]

Concept
If we make the metadata dialogue view more user friendly

Reason/Hypothesis

We can help users understand what these metadata mean

[tammyyang]

[seanwu1105]

@ethanwu155 To implement the preview of the information, you might need to add two attributions to the Information schema: groupId: int and importance: int. You can find the current data schema here.

[seanwu1105]

@ethanwu155

Design Suggestion

To make the information card more user-friendly and well-organized, we could show only some important information on the proof page and provide another page (e.g. information page) to display all information collected. Take Starling Capture app for example,

Implementation Suggestion

The following implementation is modified from the Starling Capture app.

• Add importance attribution to the Information interface and only show the important information on the proof page.
• Hardcode the importance when collecting the proof with the CapacitorProvider class.
• Create the information page to show all information from a specific proof with the given information provider.
• Add the "view all" button on the information card on the proof page. The button will link to the information page.
• Add type attribution to the Information interface and use it sort and display the "grouped" list on the information page.

The implementation mentioned above is just a suggestion :)

[ethanwu155]

Thanks for your explanation and help with this task :)

[scott-dt]

20200825 Second confirmation by scott