Work on alerts, transitions between pages

common/lib/xmodule/xmodule/combined_open_ended_module.py

@@ -255,7 +255,7 @@ class CombinedOpenEndedModule(XModule):
 
     def next_problem(self, get):
         self.update_task_states()
-        return {'success' : True}
+        return {'success' : True, 'html' : self.get_html()}
 
     def reset(self, get):
         """

common/lib/xmodule/xmodule/js/src/combinedopenended/display.coffee

@@ -1,6 +1,11 @@
 class @CombinedOpenEnded
   constructor: (element) ->
+    @element=element
+    @reinitialize(element)
+
+  reinitialize: (element) ->
     @el = $(element).find('section.combined-open-ended')
+    @combined_open_ended=$(element).find('section.combined-open-ended')
     @id = @el.data('id')
     @ajax_url = @el.data('ajax-url')
     @state = @el.data('state')
@@ -12,7 +17,6 @@ class @CombinedOpenEnded
     @reset_button.click @reset
     @next_problem_button = @$('.next-step-button')
     @next_problem_button.click @next_problem
-    @combined_open_ended= @$('.combined-open-ended')
     # valid states: 'initial', 'assessing', 'post_assessment', 'done'
 
     # Where to put the rubric once we load it
@@ -74,7 +78,7 @@ class @CombinedOpenEnded
       @hint_area.attr('disabled', true)
       @submit_button.hide()
       if @task_number<@task_count
-        @next_problem
+        @next_problem()
       else
         @reset_button.show()
 
@@ -166,9 +170,11 @@ class @CombinedOpenEnded
           @hint_wrapper.html('')
           @message_wrapper.html('')
           @child_state = 'initial'
+          @combined_open_ended.html(response.html)
+          @reinitialize(@element)
           @rebind()
           @next_problem_button.hide()
-          location.reload()
+          @gentle_alert "Moved to next step."
         else
           @errors_area.html(response.error)
     else

lms/templates/open_ended.html

@@ -24,6 +24,9 @@
 
   <input type="button" value="Submit" class="submit-button" name="show"/>
 
+  <div class="open-ended-action"></div>
+  <div class="open-ended-alert"></div>
+
   <span id="answer_${id}"></span>
 
   <input name="reload" class="reload-button" type="button" value="Recheck for Feedback" onclick="document.location.reload(true);" />
@@ -51,6 +54,4 @@
     </div>
     % endif
   </div>
-  <div class="open-ended-action"></div>
-  <div class="open-ended-alert"></div>
 </section>

lms/templates/self_assessment_prompt.html

@@ -9,6 +9,9 @@
     <textarea name="answer" class="answer short-form-response" cols="70" rows="20">${previous_answer|h}</textarea>
     </div>
 
+    <div class="open-ended-action"></div>
+    <div class="open-ended-alert"></div>
+
     <div class="rubric-wrapper">${initial_rubric}</div>
 
     <div class="hint-wrapper">${initial_hint}</div>
@@ -16,6 +19,4 @@
     <div class="message-wrapper">${initial_message}</div>
     
     <input type="button" value="Submit" class="submit-button" name="show"/>
-    <div class="open-ended-action"></div>
-    <div class="open-ended-alert"></div>
 </section>