Add collapsible

common/lib/xmodule/xmodule/combined_open_ended_module.py

@@ -45,7 +45,9 @@ class CombinedOpenEndedModule(XModule):
     DONE = 'done'
     TASK_TYPES=["self", "ml", "instructor", "peer"]
 
-    js = {'coffee': [resource_string(__name__, 'js/src/combinedopenended/display.coffee')]}
+    js = {'coffee': [resource_string(__name__, 'js/src/combinedopenended/display.coffee'),
+                     resource_string(__name__, 'js/src/collapsible.coffee'),
+                     ]}
     js_module_name = "CombinedOpenEnded"
 
     css = {'scss': [resource_string(__name__, 'css/combinedopenended/display.scss')]}

lms/templates/open_ended.html

 <section id="openended_${id}" class="open-ended-child" data-state="${state}" data-child-type="${child_type}">
-
    <div class="error"></div>
    <div class="prompt">
     ${prompt|n}
    </div>
   <textarea rows="${rows}" cols="${cols}" name="answer" class="answer short-form-response" id="input_${id}">${previous_answer|h}</textarea>
 
-  <div class="message-wrapper">
+  <div class="message-wrapper"></div>
+  <div class="grader-status">
     % if state == 'initial':
       <span class="unanswered" style="display:inline-block;" id="status_${id}">Unanswered</span>
     % elif state in ['done', 'post_assessment'] and correct == 'correct':