Make a legend

common/lib/xmodule/xmodule/combined_open_ended_modulev1.py

@@ -22,7 +22,7 @@ from .xml_module import XmlDescriptor
 from xmodule.modulestore import Location
 import self_assessment_module
 import open_ended_module
-from combined_open_ended_rubric import CombinedOpenEndedRubric, RubricParsingError, GRADER_TYPE_IMAGE_DICT, HUMAN_GRADER_TYPE
+from combined_open_ended_rubric import CombinedOpenEndedRubric, RubricParsingError, GRADER_TYPE_IMAGE_DICT, HUMAN_GRADER_TYPE, LEGEND_LIST
 from .stringify import stringify_children
 import dateutil
 import dateutil.parser
@@ -673,7 +673,7 @@ class CombinedOpenEndedV1Module():
             task_data.update({'task_number': i + 1})
             status.append(task_data)
 
-        context = {'status_list': status, 'grader_type_image_dict' : GRADER_TYPE_IMAGE_DICT}
+        context = {'status_list': status, 'grader_type_image_dict' : GRADER_TYPE_IMAGE_DICT, 'legend_list' : LEGEND_LIST}
         status_html = self.system.render_template("combined_open_ended_status.html", context)
 
         return status_html

common/lib/xmodule/xmodule/combined_open_ended_rubric.py

@@ -19,6 +19,10 @@ HUMAN_GRADER_TYPE = {
     'BC' : 'AI-Assessment',
     }
 
+DO_NOT_DISPLAY = ['BC', 'IN']
+
+LEGEND_LIST = [{'name' : HUMAN_GRADER_TYPE[k], 'image' : GRADER_TYPE_IMAGE_DICT[k]} for k in GRADER_TYPE_IMAGE_DICT.keys() if k not in DO_NOT_DISPLAY ]
+
 class RubricParsingError(Exception):
     def __init__(self, msg):
         self.msg = msg

lms/templates/combined_open_ended.html

@@ -17,7 +17,6 @@
         <input type="button" value="Reset" class="reset-button" name="reset"/>
         <input type="button" value="Next Step" class="next-step-button" name="reset"/>
     </div>
-
     <div class="combined-rubric-container">
     </div>
 

lms/templates/combined_open_ended_status.html

 <div class="status-elements">
-<section id="combined-open-ended-status" class="combined-open-ended-status">
+    <section name="legend-container">
+        % for i in xrange(0,len(legend_list)):
+            <%legend_title=legend_list[i]['name'] %>
+            <%legend_image=legend_list[i]['image'] %>
+
+            <div class="legenditem">
+                ${legend_title}=<img src="${legend_image}" title=${legend_title}>
+            </div>
+        % endfor
+    </section>
+    <section id="combined-open-ended-status" class="combined-open-ended-status">
         %for i in xrange(0,len(status_list)):
             <%status=status_list[i]%>
             %if i==len(status_list)-1:
@@ -16,5 +26,5 @@
                     (${status['human_state']}) ${status['score']} / ${status['max_score']}
             </div>
         %endfor
-</section>
+    </section>
 </div>