clowder-framework / CONSORT-frontend

custom react frontend working with consort clowder instance
0 stars 0 forks source link

49 server makes clowder calls #54

Closed lmarini closed 11 months ago

lmarini commented 11 months ago

Moved images to public/assets folder and css to public/styles folder. This has resulted in several path changes in multiple files.

the root package.json npm start command, builds the src (client) , copies the public folder and starts the server side. Testing on localhost: localhost:3000/ will point to the sign in page. On CILogon, once logged in, clicking on "Show Client" will render the /home page of client side (dashboard component).

For passing in clowder apikey to src build(client side) - Axios is used. In app.js a GET /client endpoint is created which passes in client related information from .env file. This endpoint is called by the client build and used when making requests to clowder.

Some design changes are also made in this PR - reflected in Intro.js, TopBar.js and main.css.

minump commented 11 months ago

The code isnt particularly neat - but it works. There are some methods which calls the clowder endpoints that are yet to be updated with the new argument (clientInfo). However, all the methods needed have been updated.

minump commented 11 months ago

Ready for review @lmarini

minump commented 11 months ago

Dockerfile is added. Works on docker build and run commands :

docker build . -t consort:0.1  
docker run -it -p 3000:3000 consort:0.1
minump commented 11 months ago

Build and pushed image to hub.ncsa.illinois.edu/clowder/consort-frontend:0.1.0

minump commented 11 months ago

hub.ncsa.illinois.edu/clowder/consort-frontend:0.1.8 version is deployed and it works. https://consort.clowderframework.org/ will give the login page (which is currently disabled) https://consort.clowderframework.org/home/ will give the src/app (react app)

minump commented 11 months ago

src/.env file needs: CILOGON_CLIENT_ID, CILOGON_CLIENT_SECRET, CILOGON_CALLBACK_URL, UI_URL, CLOWDER_REMOTE_HOSTNAME, APIKEY

minump commented 11 months ago

Merging to main . Will merge and deploy the main branch as well to get all the changes deployed.