anchor.diff:  Point = ReactiveComponent
     displayName: 'Point'
   
  -  getDefaultData : ->
  -    show_details : false
  -
     componentDidMount : ->
  -    if @local_key == 'component/946'
  -      console.log('In frank, this is', @local_key)
       @setShowDetails()
       @setDraggability()
   
  
positive.code:         R.div className:'point_nutshell',
            point.nutshell
            if point.text
              if point.show_details or 
                (point.nutshell.length + point.text.length) < 210
                  R.div className: 'point_details', dangerouslySetInnerHTML:{__html: point.text}
              else
  
negative.code:       top: pos.top - $name.height()
  
    showDetails : (ev) -> 
      local = @data(@local_key)
      local.show_details = true
      save(local)
  
    hideDetails : (ev) -> 
      $('.hover_avatar_name').remove()
      local = @data(@local_key)
      local.show_details = false
      save(local)
  
    render : ->
      if Number.isInteger (@props.key)
  