emberjs vs my frontend hacks -- sprinkles

pendingreview.html.erb

<script>
new PendingReviewForm("#trip_<%= trip.id %>", "#pending_review_<%= pending_review.id %>")
</script>

pendingreviews.coffee

class window.PendingReviewForm
  constructor: (trip_selector, pending_review_selector) ->
    @form = $ @review.find 'form'
    @global_counter  = new ActivityCounter('#pending_activity_count')
    @reviews_counter = new ActivityCounter('#pending_reviews_count')

    @form.submit (e) =>
      e.preventDefault()
      @save()

  save: ->
    $.ajax
      type: "POST"
      url: @form.attr 'action'
      data: @form.serialize()
      success: (response) =>
        @remove()
        @global_counter.decrement()
        @reviews_counter.decrement()
        
class window.ActivityCounter
  constructor: (selector) ->
    @counter = $ selector
  
  decrement: ->
    updated_val = parseInt(@counter.text(), 10) - 1
  
    if updated_val == 0
      @counter.remove()
    else
      @counter.text(updated_val)

sprinkles1.html.erb

<span id="pending_reviews_count" class="badge badge-important">
  <%= current_user.pending_reviews.count %>
</span>