diff --git a/web/app/assets/javascripts/react-components/TeacherExperienceEditableList.js.jsx.coffee b/web/app/assets/javascripts/react-components/TeacherExperienceEditableList.js.jsx.coffee
index 650f79e89..5d2f56c0c 100644
--- a/web/app/assets/javascripts/react-components/TeacherExperienceEditableList.js.jsx.coffee
+++ b/web/app/assets/javascripts/react-components/TeacherExperienceEditableList.js.jsx.coffee
@@ -3,23 +3,24 @@ rest = window.JK.Rest()
logger = context.JK.logger
@TeacherExperienceEditableList = React.createClass({
- #instruments: []
componentDidUnmount: () ->
- #@instruments = []
+ $root.off("submit", ".teacher-experience-teaching-form")
componentDidMount: () ->
$root = jQuery(this.getDOMNode())
- #rest.getInstruments().done (instruments) =>
- #@instruments = instruments
-
- $root.off("submit", ".teacher-experience-teaching-form").on("submit", ".teacher-experience-teaching-form", @addExperience)
+ $root.off("submit", ".teacher-experience-teaching-form").on("submit", ".teacher-experience-teaching-form", @addExperience)
formatListItem: (obj) ->
- "#{obj.name}"
+ t = "#{obj.name}/#{obj.organization} (#{obj.start_year}"
+ t += "-#{obj.end_year}" if this.props.showEndDate
+ t += ")"
- listItems: () ->
- logger.debug("listItems", this.props.listItems)
- this.props.listItems
+ getInitialProps: () ->
+ {listItems: []}
+
+ sortListItems: () ->
+ this.props.listItems ||= []
+ this.props.listItems = _.sortBy(this.props.listItems, 'start_year')
addExperience: (e) ->
e.preventDefault()
@@ -41,23 +42,33 @@ logger = context.JK.logger
if this.props.showEndDate
endDate.push `