Make combined open ended a container

common/lib/xmodule/xmodule/combined_open_ended_module.py

@@ -124,6 +124,20 @@ class CombinedOpenEndedModule(XModule):
         return True
 
     def get_html(self):
+        task_html=self.get_html_base()
+        #set context variables and render template
+
+        context = {
+            'items': [{'content' : task_html}],
+            'ajax_url': self.system.ajax_url,
+            'allow_reset': True,
+            }
+
+        html = system.render_template('combined_open_ended.html', context)
+        return html
+
+
+    def get_html_base(self):
         self.update_task_states()
         html = self.current_task.get_html(self.system)
         return_html = rewrite_links(html, self.rewrite_content_links)

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

@@ -0,0 +1,23 @@
+class @CombinedOpenEnded
+  constructor: (element) ->
+    @el = $(element).find('section.combined-open-ended')
+    @ajax_url = @el.data('ajax-url')
+    @reset_button = @$('.reset-button')
+    @reset_button.click @reset
+
+  reset: (event) =>
+  event.preventDefault()
+  if @state == 'done'
+    $.postWithPrefix "#{@ajax_url}/reset", {}, (response) =>
+      if response.success
+        @answer_area.val('')
+        @rubric_wrapper.html('')
+        @hint_wrapper.html('')
+        @message_wrapper.html('')
+        @state = 'initial'
+        @rebind()
+        @reset_button.hide()
+      else
+        @errors_area.html(response.error)
+  else
+    @errors_area.html('Problem state got out of sync.  Try reloading the page.')

common/lib/xmodule/xmodule/open_ended_module.py

@@ -1 +0,0 @@
-

lms/templates/combined_open_ended.html

@@ -0,0 +1,9 @@
+<div id="combined-open-ended" class="combined-open-ended" data-ajax-url="${ajax_url}" data-allow_reset="${allow_reset}">
+
+    % for item in items:
+    <div class="item">${item['content'] | h}</div>
+    % endfor
+
+    <input type="button" value="Reset" class="reset-button" name="reset"/>
+</div>
+