Add repsonse pagination to inline discussions

common/static/coffee/src/discussion/views/discussion_thread_view.coffee

@@ -22,6 +22,7 @@ if Backbone?
 
     render: ->
       @$el.html(@renderTemplate())
+      @initLocal()
       @delegateEvents()
 
       @renderShowView()
@@ -33,10 +34,7 @@ if Backbone?
       @responses.on("add", @renderResponse)
       # Without a delay, jQuery doesn't add the loading extension defined in
       # utils.coffee before safeAjax is invoked, which results in an error
-      setTimeout(
-        => @loadResponses(INITIAL_RESPONSE_PAGE_SIZE, @$el.find(".responses"), true),
-        100
-      )
+      setTimeout((=> @loadInitialResponses()), 100)
       @
 
     cleanup: ->
@@ -71,6 +69,9 @@ if Backbone?
               gettext("We had some trouble loading more responses. Please try again.")
             )
 
+    loadInitialResponses: () ->
+      @loadResponses(INITIAL_RESPONSE_PAGE_SIZE, @$el.find(".responses"), true)
+
     renderResponseCountAndPagination: (responseTotal) =>
       @$el.find(".response-count").html(
         interpolate(
@@ -226,6 +227,9 @@ if Backbone?
     renderEditView: () ->
       @renderSubView(@editView)
 
+    getShowViewClass: () ->
+      return DiscussionThreadShowView
+
     createShowView: () ->
 
       if @editView?
@@ -233,7 +237,8 @@ if Backbone?
         @editView.$el.empty()
         @editView = null
 
-      @showView = new DiscussionThreadShowView(model: @model)
+      showViewClass = @getShowViewClass()
+      @showView = new showViewClass(model: @model)
       @showView.bind "thread:_delete", @_delete
       @showView.bind "thread:edit", @edit
 

common/static/coffee/src/discussion/views/discussion_thread_view_inline.coffee

@@ -16,7 +16,7 @@ if Backbone?
         @$local = @$el
       @$delegateElement = @$local
 
-    render: ->
+    renderTemplate: () ->
       if @model.has('group_id')
         @template = DiscussionUtil.getTemplate("_inline_thread_cohorted")
       else
@@ -25,107 +25,43 @@ if Backbone?
       if not @model.has('abbreviatedBody')
         @abbreviateBody()
       params = @model.toJSON()
-      @$el.html(Mustache.render(@template, params))
-      #@createShowView()
+      Mustache.render(@template, params)
 
-      @initLocal()
-      @delegateEvents()
-      @renderShowView()
-      @renderAttrs()
-
-      @$("span.timeago").timeago()
+    render: () ->
+      super()
       @$el.find('.post-extended-content').hide()
+      @$el.find('.collapse-post').hide()
+
+    getShowViewClass: () ->
+      return DiscussionThreadInlineShowView
+
+    loadInitialResponses: () ->
       if @expanded
-        @makeWmdEditor "reply-body"
-        @renderAddResponseButton()
-        @renderResponses()
-      @
-    createShowView: () ->
-      
-      if @editView?
-        @editView.undelegateEvents()
-        @editView.$el.empty()
-        @editView = null
-      @showView = new DiscussionThreadInlineShowView(model: @model)
-      @showView.bind "thread:_delete", @_delete
-      @showView.bind "thread:edit", @edit
-
-    renderResponses: ->
-      #TODO: threadview
-      DiscussionUtil.safeAjax
-        url: "/courses/#{$$course_id}/discussion/forum/#{@model.get('commentable_id')}/threads/#{@model.id}"
-        $loading: @$el
-        success: (data, textStatus, xhr) =>
-          #          @$el.find(".loading").remove()
-          Content.loadContentInfos(data['annotated_content_info'])
-          comments = new Comments(data['content']['children'])
-          comments.each @renderResponse
-          @trigger "thread:responses:rendered"
-          @$('.loading').remove()
-
-
-    toggleClosed: (event) ->
-      #TODO: showview
-      $elem = $(event.target)
-      url = @model.urlFor('close')
-      closed = @model.get('closed')
-      data = { closed: not closed }
-      DiscussionUtil.safeAjax
-        $elem: $elem
-        url: url
-        data: data
-        type: "POST"
-        success: (response, textStatus) =>
-          @model.set('closed', not closed)
-          @model.set('ability', response.ability)
-
-    toggleEndorse: (event) ->
-      #TODO: showview
-      $elem = $(event.target)
-      url = @model.urlFor('endorse')
-      endorsed = @model.get('endorsed')
-      data = { endorsed: not endorsed }
-      DiscussionUtil.safeAjax
-        $elem: $elem
-        url: url
-        data: data
-        type: "POST"
-        success: (response, textStatus) =>
-          @model.set('endorsed', not endorsed)
+        super()
 
     abbreviateBody: ->
       abbreviated = DiscussionUtil.abbreviateString @model.get('body'), 140
       @model.set('abbreviatedBody', abbreviated)
 
     expandPost: (event) =>
-      @expanded = true
       @$el.addClass('expanded')
-      @$el.find('.post-body').html(@model.get('body'))
-      @showView.convertMath()
       @$el.find('.expand-post').css('display', 'none')
       @$el.find('.collapse-post').css('display', 'block')
       @$el.find('.post-extended-content').show()
-      @makeWmdEditor "reply-body"
-      @renderAttrs()
-      if @$el.find('.loading').length
-        @renderAddResponseButton()
-        @renderResponses()
+      if not @expanded
+        @expanded = true
+        @loadInitialResponses()
 
     collapsePost: (event) ->
       curScroll = $(window).scrollTop()
       postTop = @$el.offset().top
       if postTop < curScroll
         $('html, body').animate({scrollTop: postTop})
-      @expanded = false
       @$el.removeClass('expanded')
-      @$el.find('.post-body').html(@model.get('abbreviatedBody'))
-      @showView.convertMath()
+      @$el.find('.expand-post').css('display', 'block')
       @$el.find('.collapse-post').css('display', 'none')
       @$el.find('.post-extended-content').hide()
-      @$el.find('.expand-post').css('display', 'block')
 
     createEditView: () ->
       super()
-      @editView.bind "thread:update", @expandPost
       @editView.bind "thread:update", @abbreviateBody
-      @editView.bind "thread:cancel_edit", @expandPost