Attach images to rubric to indicate which graders scored what

common/lib/xmodule/xmodule/combined_open_ended_rubric.py

@@ -171,12 +171,18 @@ class CombinedOpenEndedRubric(object):
                             rubric_categories[i]['options'][j]['grader_types'].append(grader_type)
 
         log.debug(rubric_categories)
+        grader_type_image_dict = {
+            'SA' : '/static/images/self_assessment_icon.png',
+            'PE' : '/static/images/peer_grading_icon.png',
+            'ML' : '/static/images/ml_grading_icon.png',
+        }
         html = self.system.render_template('open_ended_rubric.html',
             {'categories': rubric_categories,
              'has_score': True,
              'view_only': True,
              'max_score': max_score,
-             'combined_rubric' : True
+             'combined_rubric' : True,
+             'grader_type_image_dict' : grader_type_image_dict,
             })
         return html
 

lms/templates/open_ended_rubric.html

@@ -28,7 +28,8 @@
                         % elif combined_rubric == True:
                             <div class="rubric-label">
                                 %for grader_type in category['options'][j]['grader_types']:
-                                    ${grader_type}
+                                    <% grader_image = grader_type_image_dict[grader_type]%>
+                                    <img src="${grader_image}"/>
                                 %endfor
                                 ${option['points']} points : ${option['text']}
                             </div>