Add ability to identify the location of the form input in concepts page

[mahalakshme]

Someone need to fix the comments and merge the PR since the contributor will not be any more available.

Issue:

While navigating to Home->App Designer->Concepts->{Specific Concept}, there is a section called "Used in forms". When the form size is huge, it is hard to figure out the exact location of the element in the form. Also, the form designer currently does not support exact locations.

Hence, it will be useful to display the form name and question name as well. Question name also is needed, since concept names might not be always same as question names.

Acceptance criteria

• On the concept screen, the page name and question name needs to be shown along with the form name. Refer the screenshot below to understand how to display the same.

• Hand cursor should not be shown on page name and question name
• For a form element within an another form element which has a Question group concept type, show 4 levels ie. Form name -> Section name -> Question name of question group -> Question name of the form element

Tech details

• Currently, /web/concept/usage/{conceptUuid} provides the form element group uuid, but not the name. Change GET /web/concept/usage/{conceptUuid} in avni-server accordingly to achieve the above
• Ensure that navigation stays unaffected

[d1vyanshu-kumar]

Working on this issue.

[petmongrels]

This implementation will not perform due to n+1 remote calls problem, i.e. n is number of usage of forms for a concept. For example if a concept is used in 3 forms, it would lead to 3 calls to server from web app to get the form details. Secondly each call is getting full form to the browser to find out where the form element is used.

This should be implemented by fixing the /web/concept/usage/{uuid} endpoint on avni-server.

[mahalakshme]

@d1vyanshu-kumar kindly note the above comment, which needs to be fixed.

[d1vyanshu-kumar]

@mahalakshme please review this i already made changes in the Avni server:
avniproject/avni-server#739

[petmongrels]

@d1vyanshu-kumar pls share the commit for web app changes

[mahalakshme]

@d1vyanshu-kumar can you pls share the commit

[dinesh2096]

• Can we add the format for Used in form as well so that user knows which form group and question used in the form element.

QA Reference :