diff --git a/src/components/Gradebook/index.jsx b/src/components/Gradebook/index.jsx index bd720889..8a41b803 100644 --- a/src/components/Gradebook/index.jsx +++ b/src/components/Gradebook/index.jsx @@ -1,9 +1,7 @@ import React from 'react'; -import PropTypes from 'prop-types'; -import emailPropType from 'email-prop-type'; import { Button, Modal, SearchField, Table, InputSelect } from '@edx/paragon'; import queryString from 'query-string'; - +import { configuration } from '../../config'; export default class Gradebook extends React.Component { constructor(props) { @@ -170,7 +168,7 @@ export default class Gradebook extends React.Component { this.setState({updateVal: event.target.value})} + onChange={event => this.setState({ updateVal: event.target.value })} /> / {subsection.score_possible} ), @@ -180,7 +178,7 @@ export default class Gradebook extends React.Component { updateModuleId: subsection.module_id, updateUserId: userEntry.user_id, - }) + }); } mapUserEntriesPercent = entries => entries.map((entry) => { @@ -223,10 +221,10 @@ export default class Gradebook extends React.Component { handleAdjustedGradeClick = () => { this.props.updateGrades(this.props.match.params.courseId, [ { - 'user_id': this.state.updateUserId, - 'usage_id': this.state.updateModuleId, - 'grade': { - 'earned_graded_override': this.state.updateVal, + user_id: this.state.updateUserId, + usage_id: this.state.updateModuleId, + grade: { + earned_graded_override: this.state.updateVal, }, }, ]); @@ -238,27 +236,27 @@ export default class Gradebook extends React.Component { }; mapCohortsEntries = (entries) => { - let mapped = entries.map(entry => ({ + const mapped = entries.map(entry => ({ id: entry.id, label: entry.name, })); - mapped.unshift({id:0, label:'Cohorts'}); + mapped.unshift({ id: 0, label: 'Cohorts' }); return mapped; }; mapTracksEntries = (entries) => { - let mapped = entries.map(entry => ({ + const mapped = entries.map(entry => ({ id: entry.slug, label: entry.name, })); - mapped.unshift({ label:'Tracks' }); + mapped.unshift({ label: 'Tracks' }); return mapped; }; updateTracks = (event) => { - const selectedTrackItem = this.props.tracks.find(x=>x.name===event); + const selectedTrackItem = this.props.tracks.find(x => x.name === event); let selectedTrackSlug = null; - if(selectedTrackItem) { + if (selectedTrackItem) { selectedTrackSlug = selectedTrackItem.slug; } this.props.getUserGrades( @@ -266,14 +264,14 @@ export default class Gradebook extends React.Component { this.props.selectedCohort, selectedTrackSlug, ); - const updatedQueryStrings = this.updateQueryParams('track', selectedTrackSlug) + const updatedQueryStrings = this.updateQueryParams('track', selectedTrackSlug); this.props.history.push(updatedQueryStrings); }; updateCohorts = (event) => { - const selectedCohortItem = this.props.cohorts.find(x=>x.name===event); + const selectedCohortItem = this.props.cohorts.find(x => x.name === event); let selectedCohortId = null; - if(selectedCohortItem) { + if (selectedCohortItem) { selectedCohortId = selectedCohortItem.id; } this.props.getUserGrades( @@ -281,7 +279,7 @@ export default class Gradebook extends React.Component { selectedCohortId, this.props.selectedTrack, ); - const updatedQueryStrings = this.updateQueryParams('cohort', selectedCohortId) + const updatedQueryStrings = this.updateQueryParams('cohort', selectedCohortId); this.props.history.push(updatedQueryStrings); }; @@ -301,6 +299,9 @@ export default class Gradebook extends React.Component { return 'Tracks'; }; + getDataDownloadUrl = courseId => `${configuration.LMS_BASE_URL}/courses/${courseId}/instructor#view-data_download`; + + render() { return (