cryptonomic / nautilus-cloud-ui Goto Github PK

#56 (comment)

Update the following test

• Conseil Alphanet Node => Conseil Testnet Node
• Tezos Alphanet Node => Tezos Testnet Node
• Append :443 to the Conseil URL

Zeplin board

Update the frontend code to match the new flow of user registration w.r.t ToS acceptance (along with other attributes such as newletter opt in) as described in Cryptonomic/Nautilus-Cloud#58.

The new registration workflow is described below.

1. FE (Front End / UI) sends git hub code to endpoint /users/github-init as before.
2. If user is registered, /users/github-init endpoint responds with a new payload like this:

{
    "header": {
        "payloadType":"REGISTERED"
     },
    "payload": {
        "userId": 1,
        "userEmail": "[email protected]",
        "userRole": "user",
        "registrationDate": "2019-11-20T08:56:55.067Z",
        "accountSource": "github"
    }
}

If the header field is set to REGISTERED, the FE can read the payload field for the User object and proceed to the next UI screen as before.

3. If the user is not registered, the /users/github-init endpoint responds with a payload like:

{
    "header": 
     { 
       "payloadType":"REGISTRATION"
    },
    "payload": {
        "registrationAttemptId":"4362652f-6089-45e6-8c86-18fb01b3902b"
     }
}

If the header field is set to REGISTRATION, the FE should prompt the ToS / Newsletter dialog to the user. Only if the user clicks the accept terms button the following payload should be sent via POST to /users/register.

{
   "registrationAttemptId":"c4e158da-6ef4-49f8-9f1c-30af76ded501",      // Value from previous "REGISTRATION" payload.
    "tosAccepted":true,                          // True always when user accepts terms
    "newsletterAccepted": true              //  Depends on if user ticked newsletter checkbox
}

4. /users/register upon successful registration will respond with the following payload:

{
    "header": {
        "payloadType":"REGISTERED"
     },
    "payload": {
        "userId": 1,
        "userEmail": "[email protected]",
        "userRole": "user",
        "registrationDate": "2019-11-20T08:56:55.067Z",
        "accountSource": "github"
    }
}

If there is an error while registering a 403 error will be returned.

In the backend I'm working on a support for tokens and deprecating cookies. Cryptonomic/Nautilus-Cloud#65
The way this will work:

• during login backend will respond with Set-Authorization header and a token XYZ
• each next request will need to have Authorization header with token XYZ
• when called logout endpoint backend will respond with the Set-Authorization and an empty string as a token
• invalid tokens will cause endpoints to respond with 403 Forbidden

Update the following text in UI

• Rename web tab to node
• "Simple way to make sequal-like queries of the Tezos blockchain." => "Make sophisticated queries against the Tezos blockchain."
• "Easy and secure transactions, delegation, and smart contracts deployment" => "Easy and secure wallet for Tezos with smart contract support"
• Fix T&O and PP links
• Change title to "Nautilus Cloud Beta"
• Change "Full suite of tools to develop and deploy decentralized applications on Tezos" ==> "A full suite of tools to develop and deploy Tezos applications"
• Change "Explore Tezos data with Arronax blockchain analytics tool" ==> "Explore Tezos data with the Arronax blockchain analytics tool"
• Change "Develop on cloud with us now, deploy on dedicated instances for production" ==> "Develop on the Cloud with us now, decentralize in production"
• Change "We have provided reliable Tezos infrastructure from the launch of the network in 2018" => "Cryptonomic has provided reliable Tezos infrastructure since the Tezos launch"
• Change "Explore products build on Nautilus Cloud" => "Explore products built on Nautilus Cloud "
• "Start developing on Tezos" (Bottom Login Button text) => "Access Tezos network now"
• "Send me Cryptonomic newsletter" => "I permit Cryptonomic to send me periodic emails about service updates and policy changes."
• Store T&O and PP links in the config file.

Zeplin board

Only require terms to be accepted once, if the user already exists, skip to the account page.

Click the key refresh button on the left most UI box, causes the boxes to swap position.

Observed on FF 69.0.1, mainline.

Hide the terms dialog upon git hub login till a response is retrieved from the server.

The loading spinner can be displayed till the server responds.

Accept and Decline buttons during registration step appear too small.

Observed on FF 69.0.1, mainline

List of changes required, see comments.

NC should load the account page instead of the landing page is there is a valid authenticated session already present in the browser.

• disable horizontal scroll on home page
• enforce dev/prod box ordering
• copy button needs "copied" tooltip
• list port for the conseil URL
• URL order should be such that conseil URL is on top of the API key
• remove trailing / from the URLs
• URL boxes routinely do not show for random people in the wild, Brave browser seems to be most prone to this

Zeplin board

Spec Doc
https://docs.google.com/document/d/1MT9_5-eS6bVAf90aMk9dMetIDd2eUtCcRVHHegMSaQs/edit?usp=sharing

Design Files
https://zpl.io/25Brne8

Zeplin board

Links & Interactions
https://docs.google.com/document/d/1K7rxc9xvP7JLMjq2_gj5sFrqTGtJ7udL3gQxhXzxLo8/edit?usp=sharing

`
let header = await conseiljs.TezosConseilClient.getBlockHead(conseilServer, conseilServer.network).then(h => h).catch(console.error);

`
one time level = 1758298
one time level = 1758985

why change so many times? ...... any update on-chain or sdk

We're going to move away from Medium as a place where we publish our tutorials. NCUI should have some process where we can add content in markdown format and it would get added to the site.

• Opting into the newsletter should be optional
• update links
• remove the "Java" tab for now
• remove the green checks from the first two items ("Get API Key", "Create Node.js Project")
• "Install Conseil.js" should read "Install ConseilJS" instead
• Install conseiljs link should go to https://www.npmjs.com/package/conseiljs
• Checkout tutorials link should go to https://cryptonomic.github.io/ConseilJS/#/
• remove link icons from "Get API key" and "Create Node.js Project"