Giter Club home page Giter Club logo

entity-studio-dashboard-service's People

Contributors

arnabghose997 avatar pratap2018 avatar raj6939 avatar varsha766 avatar vishwas1 avatar

Watchers

 avatar  avatar  avatar

entity-studio-dashboard-service's Issues

Presentation text field bug

  • add validations for every text filed

  • spelling error of call back URL. its URI in place or URL

  • here also

  • image

  • validation should be displayed on entering URL in the reason field

  • URL spelling
    image
    image

Frontend todo list for studio

Login

  • Some time Org list comes on the login page.

image

Org

  • Add/Edit Orgnaization slider input fields does not get refresh on clicking + Organization button if we already clicked on Edit button in the org card. To recreate: 1. Create an org, 2. click on edit button to edit an org, now close the slider 3. Click on + Organization button again, you will it has old data.
  • Add Orgnaization header comes in the slider when clicking on edit button in org card. It should be Edit Organization
  • When we create an org sometime, it keep in Processing... state. To recreate this issue, click on create button then shut down the backend server forcefully. Then restart the server and reload the page.

image

- [ ] Implement font awesome and replace "Edit" with "pencil" icon and "Switch" with appropriate icon. - [ ] Make DID hyperlink, Clicking on DID should take user to explore DID page ![image](https://user-images.githubusercontent.com/15328561/193469094-6aa63c54-9212-4b95-bec6-3813f44dd914.png)

Schema

  • Clicking on Transaction Hash link on schema row, redirecting to wrong url.
  • Change Create button to textSave in slider. Also see button in org slider looks different than button here.
  • Give a down arrow icon in right hand side of this collapsible panel.
    image - use fontawesome
  • Type should be a select dropdown with values (string, int, float, date) image

VC

  • VC Id URL - it should be an ID instead.
  • Add a copy button with URL

image

Dashboard

  • Implement a select dropdown component and use it where ever you need dropdown
  • The Orglist show duplicate values:
  • Add two more cards "Presentation Templates" and "Organizations"
    image
  • Remove NETWORK DETAILS and Profile cards from dashboard.

Presentation Template

  • Change Generate button text to Save in slider. Also see button in org slider looks different than button here.

Nav bar

  • Implement this profile dropdown in NAV; which looks something like this: image but its options would be 1) Email-address, 2) JAGRAT NETWORK 3) Logout (more will see later) . 1 and 2 are just labels but 3 is clickable button to logout.
  • Add entity studio logo
  • Remove the vue favicon and added entity studio favicon

Others

  • Use hfButtonComponent everywhere
  • Event if authtoken expires, user is not redirected to login page.
  • Add fontawesomes package to make use of icons
  • The entire screen shakes when typing something in slider text boxes in some screen. Try different screen size.

image

image

image

validation issue

  • entering valid domain , but displaying invalid
    image

  • add validation for not selecting schema ...in credential page

  • change the validation msg after creating schema in the wallet. display "schema successfully created"
    image

UI testing

So I have a web tool. And it has a client and a node js backend.
I usually write API testcases and run the whole tests if I change anything. so the server side is no problem.
The problem is testing the client side. What is happening that (since the project has grown big now) I fear to do any changes and if I do, I have to test each and every components like login page, dashboard pages etc. again and again which is getting hectice as the features increases. so is there any way in which I can automate this proces.s.. Like a bot which can open my web tool, fill all details and see those values are correct and then logout of the tool?

I came to know that we can test the studio using selenium or katalon

https://www.youtube.com/watch?v=_JNeiGbAgL4

https://www.youtube.com/watch?v=0COATg2BsCY

Implement Credential Acceptance Flow

Pre-requisite: Studio server already has VC in db

Step 1: Form the URL from backend

Implement an API which Create a URL (which will shown in the studio UI in the credentail table) which user has to click to accept the credentail in his wallet.

Help

const studio-server-base-url = ''
const dbRowID = "6c1231j11221"  // record id in DB

const token = await jwt.sign(dbRowID, this.options.jwtSecret, { expiresIn: this.options.jwtExpiryTime }) // create a JWT

let link = `${sutdio-server-base-url}${path-to-issue-cred}?token=${token}`;

// Form the QR data
const QRData = JSON.stringify({
            QRType: 'ISSUE_CRED',
            url: link // This url user will eventually call from the wallet to fetch vc from studio server
        });

Step 2: Implement deeplink html (or vue) page

help

This URL we actually send to users. Clicking on this deeplink.html url user will see page where he will see a accept button, clicking on that finally the wallet popups up and url in the QRData will automatically get called.

// Create deeplink UrL. 
const deepLinkUrl = encodeURI(`${sutdio-server-base-url}/deeplink.html?deeplink=hypersign:deeplink?url=${QRData}`);

organization field bug

  • hide the ORG Id text field, it should display only while clicking editing organization like event Id we did in fyre

  • validation msg should display on keeping the Organisation name text field blank as organization name should not be empty

  • validation should display on keeping the Domain text field blank as the domain should not be empty

  • validation should be displayed by keeping the Logo URL field blank as Logo URL should not be empty

  • validation should be displayed on keeping the Region blank

  • Make every text field mandatory with a "*" sign (need to ask having confusion)

  • validation msg should be displayed on entering URL in the Organisation name textbox as Invalid Organisation name

  • validation msg should be displayed on entering URL in the domain textbox as Invalid Domain

  • validation msg should be displayed on entering only text, numbers, symbols, and invalid logo link in the Logo URL text box as Invalid Logo URL.

  • validation msg should be displayed on entering URL in the Regiontextbox as Invalid Region

  • Remove by default set hypersign details in all text boxes because clicking the save button it's creating the new organization.

  • Edit is not working properly

  • Add an info icon with information beside every text field like in fyre events

  • on entering large text in the organization name text field, its org tile is breaking
    image

  • tile breaking due to large domain name
    image

Schema text field bug

  • Schema text field is not working properly, on entering any schema name in the text field it's showing the word Schema By default in the text field.

image

  • validation should be displayed on entering the URL in the schema name as an invalid schema name
  • make schema name textbox mandatory
  • add validation msg on keeping the description text box blank
  • add validation msg on entering URL in the name text box
  • add validation msg on entering text with space in the name text box
  • type textbox should be like dropbox with all the data types which user can select
  • add validation for keeping the format textbox blank
  • add validation entering invalid text like URL in the format textbox
  • getting filled field value

image

The server should sign the message and request any operation from the wallet

  • Use the appDid in qr_data
  • challenge field should be the signature
 { 
      "QRType": "ISSUE_SCHEMA",
       "serviceEndpoint": "http://localhost:9000/hs/api/v2/auth", 
       "schemaId": "ssi/schema/did:hs:z14RaKjdGWLxJ2PtVu9SHkauyN6ZWc9jDksAqYup61rqM;id=8ec0d028-e3a7-424e-9ff8-30f237593196;version=1.0", 
       "appDid": "did:hs:z7RRHSFGaSYYQQkoCd9CAm5ezYd2tJBuEVPex4Zftba1w", 
       "appName": "", 
       "challenge": "", 
       "provider": "" ,
        "data" :""
       }

credential text field bug

  • add validation on entering invalid text like URL in the holder did textbox

  • Schema options are not displaying the dropbox

  • validation should be displayed on not filling any schema fields

  • give successfully created msg after creating credential
    image

  • spelling error of URL
    image

  • change validation msg- it should be subject did in place of holder did
    image

  • credential details filled by the user should be according to the format set. like in the name field, details are accepted in the form of a string.in number, the field should accept int type. show validations msg for not entering correct type

image

  • add a scroll bar or pagination for the table

Not able to create schema properly

  • While creating schema, if it is invalid and it is not created then again after successfully creating, Getting details in the table after refreshing the page.

getting these error msgs
image
image

  • created many successful schemas, but after logout and login, m getting none of those
    image
    it's displaying after refreshing the page

image

  • add a scroll bar or pagination for the table

Front-end TODO list

Login

  • Some time Org list comes on the login page.

image

Org

  • Add/Edit Orgnaization slider input fields does not get refresh on clicking + Organization button if we already clicked on Edit button in the org card. To recreate: 1. Create an org, 2. click on edit button to edit an org, now close the slider 3. Click on + Organization button again, you will it has old data.
  • Add Orgnaization header comes in the slider when clicking on edit button in org card. It should be Edit Organization
  • When we create an org sometime, it keep in Processing... state. To recreate this issue, click on create button then shut down the backend server forcefully. Then restart the server and reload the page.

image

- [x] Implement font awesome and replace "Edit" with "pencil" icon and "Switch" with appropriate icon. - [ ] Make DID hyperlink, Clicking on DID should take user to explore DID page. ![image](https://user-images.githubusercontent.com/15328561/193469094-6aa63c54-9212-4b95-bec6-3813f44dd914.png)

Schema

  • Clicking on Transaction Hash link on schema row, redirecting to wrong url.
  • Change Create button to textSave in slider. Also see button in org slider looks different than button here.
  • Give a down arrow icon in right hand side of this collapsible panel.
    image - use fontawesome
  • Type should be a select dropdown with values (string, int, float, date) image

VC

  • VC Id URL - it should be an ID instead.
  • Add a copy button with URL

image

Dashboard

  • Implement a select dropdown component and use it where ever you need dropdown
  • The Orglist show duplicate values:
  • Add two more cards "Presentation Templates" and "Organizations"
    image
  • Remove NETWORK DETAILS and Profile cards from dashboard.

Presentation Template

  • Change Generate button text to Save in slider. Also see button in org slider looks different than button here.

Nav bar

  • Implement this profile dropdown in NAV; which looks something like this: image but its options would be 1) Email-address, 2) JAGRAT NETWORK 3) Logout (more will see later) . 1 and 2 are just labels but 3 is clickable button to logout.
  • Add entity studio logo
  • Remove the vue favicon and added entity studio favicon

Others

  • Use hfButtonComponent everywhere
  • Event if authtoken expires, user is not redirected to login page.
  • Add fontawesomes package to make use of icons
  • The entire screen shakes when typing something in slider text boxes in some screen. Try different screen size.

Env var is not working with docker run

When I pass env var with docker run, it does not reflects.

How to recreate?

  • Take a pull as per instruction given in the readme.
  • Run with default env vars.
docker run  -p 9000:9000 hypersignprotocol/studio:1.0.0

This runs the server at port :9000. Notice the app name is Hypersign Studio

  • Stop the previous container and the below command and try changing the appName using env var somthing like this.
docker run --env VUE_APP_TITLE='Test App'  -p 9000:9000 hypersignprotocol/studio:1.0.0

When you browse 9000, it does not show appname as Test App and still showing Hypersign Studio

Testing

  1. UI Testing
  2. API Testing
  3. Performance Testing
  4. Security Testing (Penetration testing)

minor bug list

  1. I should be able to copy the DID
  2. Hide the logo URL Label and text field in Create/Edit slider [just addd some default value if API does not permit but do not show in UI]
  3. Hide the Region Label and text field in Create/Edit slider [just addd some default value if API does not permit but do not show in UI]
  4. On opening the side bar, see credential page, it should shift to right

image

  1. On opening the side bar, see schema page it should shift to right
    image

  2. On opening the side bar, see presentation page it should shift to right

image

  1. The "Organization" text should be smaller than "Welcom" text like a sub heading

Screenshot 2022-10-10 at 7 46 56 PM

  1. Space getting messed up in dashboard when openning and closing the side bar on other oages

Screenshot 2022-10-10 at 7 57 55 PM

  1. one the presentaiton template page we are seeing schema
    Screenshot 2022-10-10 at 9 16 14 PM

Credential not found

Create Schema From hypersign Studio

Hypersign Studio Create Schema

  • Create Schema from Studio
  • Send the Schema to the wallet
  • Register the schema to blockchain from the wallet
  • Resolve the schema to the wallet

design error

  • make the checkboxes aligned
    image

  • Logo of the organization not displaying

  • the closing of the slide bar should be done only by clicking the cut button, not on the screen
    image

  • spelling correction of schema
    image

  • user should not switch to the failed org
    image

  • give colon sign
    image

  • date and time format in credential and schema table should not be like this
    image
    image

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.