moodle/moodle
3
0
Fork 0
mirror of https://github.com/moodle/moodle.git synced 2025-08-08 02:16:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

MDL-71828 courseformat: course index section link toggler

Browse source
This commit is contained in:
Ferran Recio 2021-08-25 13:39:02 +02:00
parent 5ea3545115
commit 05b6f68f65
4 changed files with 41 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

2
course/format/amd/build/local/courseindex/courseindex.min.js vendored
View file

File diff suppressed because one or more lines are too long

2
course/format/amd/build/local/courseindex/courseindex.min.js.map
View file

File diff suppressed because one or more lines are too long

7
course/format/amd/src/local/courseindex/courseindex.js
View file

@ -49,6 +49,7 @@ export default class Component extends BaseComponent {
SECTIONHIDDEN: 'dimmed', SECTIONHIDDEN: 'dimmed',
CMHIDDEN: 'dimmed', CMHIDDEN: 'dimmed',
SECTIONCURRENT: 'current', SECTIONCURRENT: 'current',
COLLAPSED: `collapsed`,
}; };
// Arrays to keep cms and sections elements. // Arrays to keep cms and sections elements.
this.sections = {}; this.sections = {};
@ -111,8 +112,10 @@ export default class Component extends BaseComponent {
_setupSectionTogglers(event) { _setupSectionTogglers(event) {
const sectionlink = event.target.closest(this.selectors.TOGGLER); const sectionlink = event.target.closest(this.selectors.TOGGLER);
if (sectionlink) { if (sectionlink) {
event.preventDefault(); const toggler = sectionlink.parentNode.querySelector(this.selectors.COLLAPSE);
sectionlink.parentNode.querySelector(this.selectors.COLLAPSE).click(); if (toggler?.classList.contains(this.classes.COLLAPSED)) {
toggler.click();
}
} }
} }

41
course/format/tests/behat/course_courseindex.feature
View file

@ -112,20 +112,47 @@ Feature: Course index depending on role
And I am on "Course 1" course homepage And I am on "Course 1" course homepage
And I click on "Side panel" "button" And I click on "Side panel" "button"
When I click on "Open course index drawer" "button" When I click on "Open course index drawer" "button"
# Sections should be opened by default.
Then I should see "Topic 1" in the "courseindex-content" "region" Then I should see "Topic 1" in the "courseindex-content" "region"
And I should see "Activity sample 1" in the "courseindex-content" "region" And I should see "Activity sample 1" in the "courseindex-content" "region"
And I should see "Second activity in section 1" in the "courseindex-content" "region" And I should see "Second activity in section 1" in the "courseindex-content" "region"
And I click on "Topic 1" "link" in the "courseindex-content" "region" And I should see "Topic 2" in the "courseindex-content" "region"
And I should see "Activity sample 2" in the "courseindex-content" "region"
And I should see "Topic 3" in the "courseindex-content" "region"
And I should see "Activity sample 3" in the "courseindex-content" "region"
# Collapse a section 1 via chevron.
And I click on "Collapse" "link" in the ".courseindex-section[data-number='1']" "css_element"
And I should see "Topic 1" in the "courseindex-content" "region"
And I should not see "Activity sample 1" in the "courseindex-content" "region" And I should not see "Activity sample 1" in the "courseindex-content" "region"
And I should not see "Second activity in section 1" in the "courseindex-content" "region" And I should not see "Second activity in section 1" in the "courseindex-content" "region"
And I should see "Topic 2" in the "courseindex-content" "region" And I should see "Topic 2" in the "courseindex-content" "region"
And I should see "Activity sample 2" in the "courseindex-content" "region" And I should see "Activity sample 2" in the "courseindex-content" "region"
And I click on "Topic 2" "link" in the "courseindex-content" "region" And I should see "Topic 3" in the "courseindex-content" "region"
And I should see "Activity sample 3" in the "courseindex-content" "region"
# Uncollapse section 1 via Topic name.
And I click on "Topic 1" "link" in the "courseindex-content" "region"
And I should see "Topic 1" in the "courseindex-content" "region"
And I should see "Activity sample 1" in the "courseindex-content" "region"
And I should see "Second activity in section 1" in the "courseindex-content" "region"
And I should see "Topic 2" in the "courseindex-content" "region"
And I should see "Activity sample 2" in the "courseindex-content" "region"
And I should see "Topic 3" in the "courseindex-content" "region"
And I should see "Activity sample 3" in the "courseindex-content" "region"
# Collapse a section 2 via chevron.
And I click on "Collapse" "link" in the ".courseindex-section[data-number='2']" "css_element"
And I should see "Topic 1" in the "courseindex-content" "region"
And I should see "Activity sample 1" in the "courseindex-content" "region"
And I should see "Second activity in section 1" in the "courseindex-content" "region"
And I should see "Topic 2" in the "courseindex-content" "region"
And I should not see "Activity sample 2" in the "courseindex-content" "region" And I should not see "Activity sample 2" in the "courseindex-content" "region"
And I should see "Topic 3" in the "courseindex-content" "region" And I should see "Topic 3" in the "courseindex-content" "region"
And I should see "Activity sample 3" in the "courseindex-content" "region" And I should see "Activity sample 3" in the "courseindex-content" "region"
And I click on "Topic 3" "link" in the "courseindex-content" "region" # Uncollapse section 2 via chevron.
And I should not see "Activity sample 3" in the "courseindex-content" "region" And I click on "Expand" "link" in the ".courseindex-section[data-number='2']" "css_element"
And I should not see "Activity sample 1" in the "courseindex-content" "region" And I should see "Topic 1" in the "courseindex-content" "region"
And I should not see "Second activity in section 1" in the "courseindex-content" "region" And I should see "Activity sample 1" in the "courseindex-content" "region"
And I should not see "Activity sample 2" in the "courseindex-content" "region" And I should see "Second activity in section 1" in the "courseindex-content" "region"
And I should see "Topic 2" in the "courseindex-content" "region"
And I should see "Activity sample 2" in the "courseindex-content" "region"
And I should see "Topic 3" in the "courseindex-content" "region"
And I should see "Activity sample 3" in the "courseindex-content" "region"