fraport/fradrive
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(course-teaser): don't collapse unless chevron is clicked

Browse Source
This commit is contained in:
Gregor Kleen 2019-08-12 18:46:45 +02:00
parent ea51690735
commit fca99bebe6
3 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
frontend/src/utils/course-teaser/course-teaser.js
View File

@ -7,7 +7,7 @@ var COURSE_TEASER_EXPANDED_CLASS = 'course-teaser__expanded';
var COURSE_TEASER_CHEVRON_CLASS = 'course-teaser__chevron'; var COURSE_TEASER_CHEVRON_CLASS = 'course-teaser__chevron';
@Utility({ @Utility({
selector: '[uw-course-teaser]', selector: '[uw-course-teaser]:not(.course-teaser__disabled)',
}) })
export class CourseTeaser { export class CourseTeaser {
@ -27,11 +27,11 @@ export class CourseTeaser {
_onToggleExpand(event) { _onToggleExpand(event) {
var isLink = event.target.tagName.toLowerCase() === 'a'; var isLink = event.target.tagName.toLowerCase() === 'a';
var isChevron = event.target.classList.contains(COURSE_TEASER_CHEVRON_CLASS); var isChevron = event.target.classList.contains(COURSE_TEASER_CHEVRON_CLASS);
var isExpanded = event.target.classList.contains(COURSE_TEASER_EXPANDED_CLASS); var isExpanded = this._element.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
if ((!isExpanded && !isLink) || isChevron) { if ((!isExpanded && !isLink) || isChevron) {
this._element.classList.toggle(COURSE_TEASER_EXPANDED_CLASS); this._element.classList.toggle(COURSE_TEASER_EXPANDED_CLASS);
} }
} }
} }

2
frontend/src/utils/course-teaser/course-teaser.scss
View File

@ -90,7 +90,7 @@
/* description */ /* description */
.course-teaser__description { .course-teaser__description {
grid-column: 3; grid-column: 3;
color: var(--color-fontsec); /* color: var(--color-fontsec); */
} }
/* subtitle */ /* subtitle */

4
templates/table/course/course-teaser.hamlet
View File

@ -1,4 +1,4 @@
<div uw-course-teaser :isRegistered:.course-teaser__registered tabindex='1'> <div uw-course-teaser :isRegistered:.course-teaser__registered :is _Nothing courseDescription:.course-teaser__disabled tabindex='1'>
<div .course-teaser__semester> <div .course-teaser__semester>
<a href=@{TermCourseListR courseTerm}>_{courseSemester} <a href=@{TermCourseListR courseTerm}>_{courseSemester}
<div .course-teaser__school-value> <div .course-teaser__school-value>
@ -20,8 +20,6 @@
$maybe regTo <- courseRegisterTo $maybe regTo <- courseRegisterTo
<div .course-teaser__duedate-label>_{MsgRegisterTo} <div .course-teaser__duedate-label>_{MsgRegisterTo}
<div .course-teaser__duedate-value>^{formatTimeW SelFormatDateTime regTo} <div .course-teaser__duedate-value>^{formatTimeW SelFormatDateTime regTo}
$nothing
$maybe desc <- courseDescription $maybe desc <- courseDescription
<div .course-teaser__chevron> <div .course-teaser__chevron>
<div .course-teaser__description>#{desc} <div .course-teaser__description>#{desc}
$nothing