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

open course teasers via click anywhere on collapsed teaser

Browse Source
This commit is contained in:
Felix Hamann 2019-03-23 23:13:16 +01:00
parent 567bd29fd0
commit b25e6ea74f
1 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
templates/widgets/course-teaser/course-teaser.julius
View File

@ -4,11 +4,15 @@ var COURSE_TEASER_CHEVRON_CLASS = 'course-chevron';
document.addEventListener('DOMContentLoaded', function() {
var courseTeaserId = #{String courseId};
var courseTeaser = document.querySelector('#course-' + courseTeaserId);
var courseTeaserChevron = courseTeaser.querySelector('.' + COURSE_TEASER_CHEVRON_CLASS);
courseTeaserChevron.addEventListener('click', function(event) {
event.preventDefault();
courseTeaser.classList.toggle(COURSE_TEASER_EXPANDED_CLASS);
courseTeaser.addEventListener('click', function(event) {
var isLink = event.target.tagName.toLowerCase() === 'a';
var isChevron = event.target.classList.contains(COURSE_TEASER_CHEVRON_CLASS);
var isExpanded = courseTeaser.classList.contains(COURSE_TEASER_EXPANDED_CLASS);
if ((!isExpanded && !isLink) || isChevron) {
courseTeaser.classList.toggle(COURSE_TEASER_EXPANDED_CLASS);
}
});
courseTeaser.addEventListener('keydown', function(event) {