Prevent creation of unnecessary template divs, and rename .single_templates to…

Prevent creation of unnecessary template divs, and rename .single_templates to .single-templates for convention.

cms/djangoapps/contentstore/features/component_settings_editor_helpers.py

@@ -32,7 +32,7 @@ def click_component_from_menu(instance_id, expected_css):
     if len(elements) == 1:  # Multiple templates
         world.css_click(elem_css)
     else:  # Single template
-        assert(len(filter(lambda ele: ele.has_class('single_template'), elements)) == 1)
+        assert(len(filter(lambda ele: ele.has_class('single-template'), elements)) == 1)
     assert_equal(1, len(world.css_find(expected_css)))
 
 

cms/static/coffee/src/views/unit.coffee

 class CMS.Views.UnitEdit extends Backbone.View
   events:
-    'click .new-component .new-component-type a.multiple_templates': 'showComponentTemplates'
-    'click .new-component .new-component-type a.single_template': 'saveNewComponent'
+    'click .new-component .new-component-type a.multiple-templates': 'showComponentTemplates'
+    'click .new-component .new-component-type a.single-template': 'saveNewComponent'
     'click .new-component .cancel-button': 'closeNewComponent'
     'click .new-component-templates .new-component-template a': 'saveNewComponent'
     'click .new-component-templates .cancel-button': 'closeNewComponent'

cms/templates/unit.html

@@ -56,9 +56,9 @@
                   % for type, templates in sorted(component_templates.items()):
                   <li>
                   % if type == 'advanced' or len(templates) > 1:
-		    <a href="#" class="multiple_templates" data-type="${type}">
+                    <a href="#" class="multiple-templates" data-type="${type}">
                   % else:
-                    <a href="#" class="single_template" data-type="${type}" data-location="${templates[0][1]}">
+                    <a href="#" class="single-template" data-type="${type}" data-location="${templates[0][1]}">
                   % endif
                       <span class="large-template-icon large-${type}-icon"></span>
                       <span class="name">${type}</span>
@@ -68,6 +68,7 @@
                 </ul>
               </div>
                 % for type, templates in sorted(component_templates.items()):
+	          % if len(templates) > 1 or type == 'advanced':
                 <div class="new-component-templates new-component-${type}">
                     % if type == "problem":
                       <div class="tab-group tabs">
@@ -112,6 +113,7 @@
                       % endif
                       <a href="#" class="cancel-button">Cancel</a>
                   </div>
+		  % endif
                 % endfor
             </li>
           </ol>