Integrate UI with backend services

[viviant100]

(1) Integrate UI with backend service (sprint 1 )

• (a) Show granule bbox(es) on map, and show actual granule metadata in table #20
• (b) Suggest available cycle/pass/scenes as user is inputing them #21
• (c) Verification that cycle/pass/scene combo is valid #22
• (d) Server side verification/lookup of user selected raster definition configuration  #23
• (e) Integrate swodlr API to submit user requests (Integration) #13
  - A/C: Custom raster can be created via GUI
• (f) Integrate swodlr API to download raster outputs (Integration) #14
  - Populate "my data" page with actual data returned from API
  - A/C: Custom raster can be downloaded via GUI

(2) Login Authentication

• (a) Implement middleware for the graphql-requests library to be used for frontend (Authentication) #15
• Move authentication workflow to frontend UI
  • (b) Implement OAuth2 authorization token flow in frontend; taking on the OAuth2 client role (Authentication) #16
  • (c) Switch API service from client role to resource server role (Authentication) #17

(3) UI UAT deployment (sprint 3)
(4) Complete feedback request

• (a) Front Page
  • Header and Footer: verify its consistency (Portal)
  • Develop a workflow image that describes the tool (AppSci)
  • Add EarthData signup link if account doesn't exist
• (b) Selection Page
  • Use bread crumbs (instead of tab) for selection
  • Implement pass and scene from a dropdown
  • Implement "data range" option for user inputs
  • Implement advance option for zone and band adjust (UTM)
• (c) Populate "About" Page #24 (work with AppSci)
  • Provide citation to data product and tools
  • Describe the tool and the science behind the product generation
  • Provide a description of use cases
  • Give credit to originators of the tool and provenance of the algorithm
  • Add FAQ
  • Link to EarthData forum dedicated to SWODLR
  • Version history of the tool

(5) Smart Handoff

• (a) Keep track of Application State so that when a user refreshes the SWODLR page, it stays on the same page #5
• Implement feature to select input SWOT_L2_HR_RASTER products to customize

(6) Browser and mobile compatibility