Added Open response button to the component tray

Author needs to have a quick access to ORA menu in order
to get proceed with assesment design. This introduces ORA
button to the tray.

Signed-off-by: Farhaan Bukhsh <farhaan@opencraft.com>

cms/djangoapps/contentstore/views/component.py

@@ -41,7 +41,7 @@ __all__ = [
 log = logging.getLogger(__name__)
 
 # NOTE: This list is disjoint from ADVANCED_COMPONENT_TYPES
-COMPONENT_TYPES = ['discussion', 'html', 'problem', 'video']
+COMPONENT_TYPES = ['discussion', 'html', 'problem', 'video', 'openassessment']
 
 ADVANCED_COMPONENT_TYPES = sorted(set(name for name, class_ in XBlock.load_classes()) - set(COMPONENT_TYPES))
 
@@ -260,7 +260,8 @@ def get_component_templates(courselike, library=False):
         'discussion': _("Discussion"),
         'html': _("HTML"),
         'problem': _("Problem"),
-        'video': _("Video")
+        'video': _("Video"),
+        'openassessment': _("Open Response")
     }
 
     component_templates = []

cms/static/sass/assets/_graphics.scss

@@ -45,3 +45,10 @@
   height: ($baseline*3);
   background: url('#{$static-path}/images/large-video-icon.png') center no-repeat;
 }
+
+.large-openassessment-icon {
+  display: inline-block;
+  width: ($baseline*3);
+  height: ($baseline*3);
+  background: url('#{$static-path}/images/large-openassessment-icon.png') center no-repeat;
+}

cms/static/sass/elements/_modules.scss

@@ -139,7 +139,7 @@
 
         position: relative;
         display: inline-block;
-        width: ($baseline*5);
+        width: ($baseline*6.25);
         height: ($baseline*5);
         margin-bottom: ($baseline/2);
         box-shadow: 0 1px 1px $shadow, 0 1px 0 rgba(255, 255, 255, 0.4) inset;