   getInitialState: ->
     all_institutions: []
     all_playwrights: []
+    all_years: []
 
   componentDidMount: ->
     # make a request to http://localhost:3000/subject_set_first_pages?group_id={{requested group id}}

                <div className="collection-question-mark-outer">
                  <div className="collection-question-mark-inner">?</div>
                </div>
                <div className="collection-range-slider">
                  <ReactSlider defaultValue={[0, 100]} withBars />

                </div>
                

    API.type("subject_set_first_pages").get(group_id: @props.params.group_id).then (first_pages_json) =>
      all_institutions = []
      all_playwrights = []
      min_year = 9999
      max_year = 0
      min_max_year_array = []

      # iterate through the first pages and update the available institutions and playwright options
      for first_page_json in first_pages_json
        institution = first_page_json.meta_data.location
        playwright = first_page_json.meta_data.written_by
        year = first_page_json.meta_data.year

        if institution
          if institution not in all_institutions
