ajax search in inline view

lms/static/coffee/src/discussion.coffee

@@ -417,9 +417,7 @@ Discussion =
           success: (response, textStatus) ->
             if not $$annotated_content_info?
               window.$$annotated_content_info = {}
-            console.log response
             window.$$annotated_content_info = $.extend $$annotated_content_info, response['annotated_content_info']
-            console.log $$annotated_content_info
             $content.append(response['html'])
             $content.find(".comment").each (index, comment) ->
               Discussion.initializeContent(comment)
@@ -498,7 +496,6 @@ Discussion =
       , 'json'
 
     handleCancelNewPost = (elem) ->
-      console.log "canceling"
       $local(".new-post-form").hide()
       $local(".discussion-new-post").show()
 
@@ -529,6 +526,22 @@ Discussion =
         $local(".discussion-cancel-post").click ->
           handleCancelNewPost(this)
         $(elem).hide()
+
+
+    handleSort = (elem) ->
+      $elem = $(elem)
+      $discussionModule = $elem.parents(".discussion-module")
+      $discussion = $discussionModule.find(".discussion")
+      Discussion.safeAjax
+        $elem: $elem
+        url: $elem.attr("sort-url")
+        method: "GET"
+        success: (data, textStatus) ->
+          $discussion.replaceWith(data)
+          $discussion = $discussionModule.find(".discussion")
+          Discussion.initializeDiscussion($discussion)
+          Discussion.bindDiscussionEvents($discussion)
+        dataType: 'html'
     
     $local(".discussion-search-form").submit (event) ->
       event.preventDefault()
@@ -542,6 +555,9 @@ Discussion =
     $local(".discussion-search").click ->
       $local(".new-post-form").submit()
 
+    $discussion.children(".discussion-sort").find(".discussion-inline-sort-link").click ->
+      handleSort(this)
+
     $discussion.find(".thread").each (index, thread) ->
       Discussion.initializeContent(thread)
       Discussion.bindContentEvents(thread)

lms/templates/discussion/_forum.html

 <%namespace name="renderer" file="_thread.html"/>
 
-<section class="discussion" _id="${discussion_id}">
+<section class="discussion inline-discussion" _id="${discussion_id}">
   <div class="discussion-non-content">
     <div class="discussion-title-wrapper">
       <a class="discussion-title" href="javascript:void(0)">Discussion</a>
@@ -10,7 +10,6 @@
       <input type="checkbox" id="discussion-search-within-board-${discussion_id}" class="discussion-search-within-board" checked/>
       <label for="discussion-search-within-board-${discussion_id}" class="discussion-search-within-board">Search within board</label>
     </div>
-
     <div class="discussion-new-post control-button" href="javascript:void(0)">New Post</div>
   </div>
   <%include file="_sort.html" />

lms/templates/discussion/_inline.html

 <%namespace name="renderer" file="_thread.html"/>
 
-<section class="discussion" _id="${discussion_id}">
+<section class="discussion inline-discussion" _id="${discussion_id}">
   <div class="discussion-non-content">
     <div class="search-wrapper-inline">
       ${search_bar}

lms/templates/discussion/_sort.html

@@ -20,7 +20,11 @@
   def url_for_sort(key, order):
     return base_url + '?' + urlencode(merge(query_params, {'page': 1, 'sort_key': key, 'sort_order': order}))
   %>
-  <a href="${url_for_sort(key, order)}">${title}</a>
+  % if discussion_type == 'inline':
+    <a class="discussion-sort-link discussion-inline-sort-link" href="javascript:void(0)" sort-url="${url_for_sort(key, order)}">${title}</a>
+  % else:
+    <a class="discussion-sort-link" href="${url_for_sort(key, order)}">${title}</a>
+  % endif
 </%def>
     
 <div class="discussion-sort">