Skip to content

Latest commit

 

History

History
43 lines (35 loc) · 2.68 KB

README.md

File metadata and controls

43 lines (35 loc) · 2.68 KB
Raw

Kuali Research API Workshop

Setup

All Exercises

Exercise 1 -- Institutional Proposals - Proposals.js

  • Fetch the list of proposals when the component mounts
    • using fetch load a list of proposals from /instprop/api/v1/institutional-proposals/ and set it into the local state as proposals
    • alternatively use the pre-built method this.fetchProposals
  • Fetch related data to replace the codes with the actual descriptions
    • using fetch grab the list of proposal types from /research-common/api/v1/proposal-types/ and using lodashes keyBy create a hash of the types by code and set the result into the local state as proposalTypes
  • Fetch other related data similar to above for other data being displayed
    • activity types from /research-common/api/v1/activity-types/ into state as activityTypes
    • proposal statuses from /instprop/api/v1/proposal-statuses/ into state as proposalStatues
    • units from /research-common/api/v1/units/ into state as units
  • Tie filtering into the proposal search so that when you click the filter button it only shows relevant results
    • do this by appending to the url ?key=value. The key is stored in this.state.filterBy and the value is in this.state.filter
  • You can find the final version in Proposals.final.js

Exercise 2 -- Awards - Award.js

  • Part 1: Fix the fetch command in the componentDidMount method so it successfully pulls in the award summaries.
    • The url should be /award/api/v1/awards/?summary
  • Part 2: Enable the BarGraph
    • Remove the false condition before the BarGraph
    • Populate the data attribute in the bar graph by using the included function generateAwardCountStatsBySponsor and passing in the awards that are in the local component state.
  • Part 3: Pull down all award amount infos
    • Perform a fetch, similar to the award summary one, but against /award/api/v1/award-amount-infos/ and store the result in the component state.
  • Part 4: Update the BarGraph to display dollar amounts.
  • Update the data attribute to instead use generateAwardDollarAmountBySponsor and pass in both the awards and the award amount infos from the state.