This issue is part of the course hierarch project.

Issue goals

The current section page has two main reactive elements: the course index and the page content. However, the section page displays the section name and action menu in the header. None of those two elements have a reactive component associated with them, which means all action menu options are non-ajax.

The main problem is that some parts of the content can alter the state without refreshing the full page, and the header is unaffected.

The goals of this issue are:

• Create a reactive component for the section page header that updates the actions menu and the section title. the final logic will be similar to course/format/amd/src/local/content/section.js (it may be extender or even reused almost entirely with minor selector changes).
• Undo the changes done in MDL-81575 to allow the visibility badge to be full reactive again.

Future issues

A full reactive section page will allow format plugins or section components (meaning sections with a delegate section) to add extra logic to the page header.