A quick Backbone.View to handle a sort caret icon; depends on FontAwesome.

sort-caret.coffee

class App.Views.SortCaret extends Backbone.View
  tagName:   'span'
  classname: 'sort-caret-container'
  downCaret: 'fa-caret-down'
  upCaret:   'fa-caret-up'

  constructor: (options = {}) ->
    this.downCaret = options.downCaret if options.downCaret
    this.upCaret   = options.upCaret   if options.upCaret

    super(options)

  render: () ->
    this._insertIcon()
    this.setDownCaret()

    return this

  setDownCaret: () -> this._setCaret this.downCaret, this.upCaret

  setUpCaret: () -> this._setCaret this.upCaret, this.downCaret

  _insertIcon: () ->
    @icon = $('<i class="sort-caret fa" />')

    this.$el.html @icon

    return

  _setCaret: (addCaret, removeCaret) ->
    @icon.removeClass removeCaret
    @icon.addClass    addCaret

    return