tooltip.coffee

class SquerbWeb.views.Tooltip extends Backbone.View
  template: HandlebarsTemplates['new/tooltip']
  className: 'tooltip'

  constructor: (options) ->
    @$parent = options.parent
    @html = options.html
    super(options)

  render: =>
    @$el.html(@template())
    @$('[data-content]').html(@html)
    @$el.appendTo('body')
    @reposition()
    @

  # private

  delegateEvents: ->
    super()
    @$parent.on 'mouseenter', @show
    @$parent.on 'mouseleave', @hide

  undelegateEvents: ->
    @$parent.off 'mouseenter', @show
    @$parent.off 'mouseleave', @hide

  show: (e) =>
    @$target = $(e.currentTarget)
    @html = @$target.attr('data-tooltip') if @$target.attr('data-tooltip')?
    @render()
    @$el.addClass('visible')

  hide: =>
    @$el.removeClass('visible').detach()

  reposition: ->
    @$el.css
      top: @$target.offset().top - @$el.outerHeight()
      left: @$target.offset().left + (@$target.outerWidth() - @$el.outerWidth()) / 2