add course info toggle arrow
This commit is contained in:
@@ -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
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user