     </div>
 
 
-Table = React.createClass
-  getInitialState: ->
-    mentorsToDisplay: @props.initialSelection
-  onChange: (mentors) ->
-    @setState mentorsToDisplay: mentors
-  getColorsOfMentor: (index) ->
-    total = _.size @state.mentorsToDisplay
-    # we rotate over the color circle to create a color for every mentor
-    # but we skip every second color so that mentors next to each other have not too similar colors
-    indexShifted = (index) -> 
-      totalEven = total % 2 is 0
-      offset = if totalEven and index/total >= 0.5 then 1 else 0
-      (index*2+offset) % total
-
-    angle = 360 / total
-    hue = angle * indexShifted index
-    background: "hsla(#{hue}, 70%, 90%, 0.5)"
-    text: "hsl(#{hue}, 90%, 20%)"
-  getSelectedMentors: ->
-    mentors = {}
-    for id, index in @state.mentorsToDisplay
-      if @props.mentors[id]?
-        mentors[id] = @props.mentors[id]
-        mentors[id].colors = @getColorsOfMentor index
-    return mentors
-  selectAll: ->
-    @setState mentorsToDisplay: _.keys @props.mentors
-  render: ->
-    selectedMentors = @getSelectedMentors()
-
-    <div>
-      <p>
-        Selected {_.size selectedMentors} mentors of {_.size @props.mentors} 
-      </p>
-      <div className="col-xs-10">
-        <MentorsForDisplayingFilter 
-          mentors=@props.mentors
-          initialSelection=selectedMentors
-          onChange=@onChange
-        />
-      </div>
-      <button 
-        onClick=@selectAll
-        className="btn btn-default col-xs-2">
-          Select All ({_.size @props.mentors})
-      </button>
-      <TimeTable 
-        kid=@props.kid
-        mentors=selectedMentors
-        onSelectDate=@props.onSelectDate
-      />
-    </div>
 
 TimeTable = React.createClass
   createTimeArray: -> 

        initialFilters=@state.filters
        onChange=@onChangeFilter
      />
      <Table 
        mentors=filteredMentors
        kid=@props.kid
        initialSelection=filteredMentorIds
        onSelectDate=@onSelectDate
        />
    </div>

MentorsForDisplayingFilter = React.createClass

      Zeitpunkt: #{day.label} um #{time.label}\n"
      alert "done"
      console.log mentor, day, time
  getColorsOfMentor: (total, index) ->
    # we rotate over the color circle to create a color for every mentor
    # but we skip every second color so that mentors next to each other have not too similar colors
    indexShifted = (index) -> 
      totalEven = total % 2 is 0
      offset = if totalEven and index/total >= 0.5 then 1 else 0
      (index*2+offset) % total

    angle = 360 / total
    hue = angle * indexShifted index
    background: "hsla(#{hue}, 70%, 90%, 0.5)"
    text: "hsl(#{hue}, 90%, 20%)"

  render: ->
    filteredMentors = @getFilteredMentors()
    selectedMentors = @getSelectedMentors filteredMentors

    <div className="kit-mentor-schedules">
      <Filters 
