Frontend for app settings

[Pratap2018]

Diagram :

[Pratap2018]

@varsha766 will take a call with @Raj6939 and will discuss about the details

[varsha766]

@Raj6939 You have to do following:-

• There will be a app section as sub-nav of setting

• On clicking on app a page will open with create your App section. It has three text boxes and a button generate. Text box includes

  1.App Id (it will be initially empty, read-only and disabled)

  2. App Name
  3. App Url On clicking generate button api POST api/v1/app get called. And a table get generated with all details of app under Your apps. This section includes list of apps created by an admin. It has a update button. On clicking update button create your app section will be field with the details of selected app including AppId and admin will able to generate new public and private key pair.

[Pratap2018]

• [x] The update Button should be a pencil Icon
• [x] While clicking on the pencil icon the two-button should come in the form update and cancel
• [x] Implement labels for all the fields in the create app form
• [x] Provide a heading as Your Apps above the table
• [x] App Id should be the first filed in the create app form,(it should be disabled and black while creating the app)
• [x] implement a tooltip icon on pencil icon Click to edit the app and generate new keypair
• [x] In the table add another column called the public key after the Base Url (for the large public key it should be truncated and add a copy icon where the user can copy the public key )
• [x] on clicking the pencil icon the editing app form will have a toggle (if the toggle is enabled then the edit app will generate the new key pair for the app, if disabled it will only change the app configuration )
• [x] Please do not use unnecessary packages for file download use this code snippet this might help https://github.com/hypersign-protocol/dev-dashboard/blob/ec3296ac4096ca81b4bf29f04ab92d2814c6168c/client/src/views/Application.vue#L710

@Raj6939