search

QEWD-Courier / Ripple-Qewd

Node.js based middleware- for Ripple showcase stack
Apache License 2.0
15 stars 16 forks source link

UI React/Angular swap over script within QEWD-Ripple #57

Open tony-shannon opened 7 years ago

tony-shannon commented 7 years ago

need script that can swap the UI within the Ripple showcase demo probably invokable from Swagger API page

ZuzooVn commented 7 years ago

@tony-shannon

Will you replace AngulaJS by ReactJS in the future? Could you please tell me more details why did you develop ReactJS UI version?

Thanks

tony-shannon commented 7 years ago

thanks @ZuzooVn

this issue is about supporting a choice of UI frameworks

So best to ask that question in the https://github.com/PulseTile/PulseTile/issues repo In brief, we want to offer folk some choice of JS framework at the frontend (Angular & React), at least until there is a clear front runner. See https://github.com/gothinkster/realworld to get a sense as to what swappable OS components could look like

T

anna-otrokhova commented 7 years ago

The swapping works for both versions.

Here are the steps for swapping between the versions:

Option 1 1) Follow the URL: http://dev.ripple.foundation/#/ 2) Reload the page to get session token 3) You can type this link right in the browser URL field : 3.1) For React version: http://dev.ripple.foundation/api/ui/react 3.2) For Angular version: http://dev.ripple.foundation/api/ui/angular 4) Do hard Reload of the page to get new information displayed

Option 2 You can do the same actions using any program (Postman f.e.) for API requests:

1) Follow the URL: http://dev.ripple.foundation/#/ 2) Use this documentation http://dev.ripple.foundation/swagger-ui/dist/index.html for using right API requests. 2.1) GET /api/initialise (then use the token that is returned as the value of the Authorization header) 2.2) GET /api/ui/{type} eg GET /api/ui/react or GET /api/ui/angular http://prntscr.com/h2ny14 3) Do hard Reload of the page in browser to get new information displayed

What the API will do is to copy everything that is in the ~/ui-dist/{type} directory into the ~/qewd/www directory - so you need to make sure that your latest React code is in ~/ui-dist/react and that the latest working version of the Angular version is in ~/ui-dist/angular

@tony-shannon Can I close this issue too?