add course info toggle arrow

lms/static/coffee/src/instructor_dashboard/course_info.coffee

@@ -9,15 +9,19 @@ class CourseInfo
     @$course_errors_wrapper = @$section.find '.course-errors-wrapper'
 
     if @$course_errors_wrapper.length
-      @$course_error_toggle = @$course_errors_wrapper.find('h2').eq(0)
+      @$course_error_toggle = @$course_errors_wrapper.find('.toggle-wrapper').eq(0)
+      @$course_error_toggle_text = @$course_error_toggle.find('h2').eq(0)
       @$course_error_visibility_wrapper = @$course_errors_wrapper.find '.course-errors-visibility-wrapper'
       @$course_errors = @$course_errors_wrapper.find('.course-error')
 
-      @$course_error_toggle.text @$course_error_toggle.text() + " (#{@$course_errors.length})"
+      @$course_error_toggle_text.text @$course_error_toggle_text.text() + " (#{@$course_errors.length})"
 
       @$course_error_toggle.click (e) =>
         e.preventDefault()
-        @$course_error_visibility_wrapper.toggle()
+        if @$course_errors_wrapper.hasClass 'open'
+          @$course_errors_wrapper.removeClass 'open'
+        else
+          @$course_errors_wrapper.addClass 'open'
 
 
 # exports

lms/static/sass/course/instructor/_instructor_2.scss

@@ -102,8 +102,41 @@
       color: #D60000;
     }
 
+    &.open {
+      .toggle-wrapper {
+        .triangle {
+          background-image: url('/static/images/bullet-open.png');
+        }
+      }
+      .course-errors-visibility-wrapper {
+        display: block;
+      }
+    }
+
+    .toggle-wrapper {
+      width: 300px;
+      cursor: pointer;
+      div {
+        float:left;
+      }
+
+      h2 {
+        float: left;
+      }
+
+      .triangle {
+        width: 20px;
+        height: 20px;
+        float: left;
+        background-image: url('/static/images/bullet-closed.png');
+        background-repeat: no-repeat;
+        background-position: 8px 6px;
+      }
+    }
+
     .course-errors-visibility-wrapper {
       display: none;
+      clear: both;
 
       .course-error {
         margin-bottom: 1em;

lms/templates/courseware/instructor_dashboard_2/course_info.html

@@ -39,7 +39,10 @@
 
 %if len(section_data['course_errors']):
   <div class="course-errors-wrapper">
-    <a href=""><h2 class="title">Course Warnings:</h2></a>
+    <div class="toggle-wrapper">
+      <h2 class="title">Course Warnings:</h2>
+      <div class="triangle"></div>
+    </div>
     <div class="course-errors-visibility-wrapper">
       %for error in section_data['course_errors']:
         <div class="course-error">