diff --git a/lms/static/coffee/src/instructor_dashboard/course_info.coffee b/lms/static/coffee/src/instructor_dashboard/course_info.coffee index 02dd32908e..9eecc48499 100644 --- a/lms/static/coffee/src/instructor_dashboard/course_info.coffee +++ b/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 diff --git a/lms/static/sass/course/instructor/_instructor_2.scss b/lms/static/sass/course/instructor/_instructor_2.scss index 1804511d9a..5649ec1e83 100644 --- a/lms/static/sass/course/instructor/_instructor_2.scss +++ b/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; diff --git a/lms/templates/courseware/instructor_dashboard_2/course_info.html b/lms/templates/courseware/instructor_dashboard_2/course_info.html index 145d39137b..c8fa5e960a 100644 --- a/lms/templates/courseware/instructor_dashboard_2/course_info.html +++ b/lms/templates/courseware/instructor_dashboard_2/course_info.html @@ -39,7 +39,10 @@ %if len(section_data['course_errors']):