diff --git a/src/frontend/js/classes/table-of-content.js b/src/frontend/js/classes/table-of-content.js index 093bd45..777e92c 100644 --- a/src/frontend/js/classes/table-of-content.js +++ b/src/frontend/js/classes/table-of-content.js @@ -6,11 +6,11 @@ export default class TableOfContent { * Initialize table of content * * @param {string} tagSelector - selector for tags to observe - * @param {string} tocWrapperSelector - selector for table of content wrapper + * @param {string} tocParentElement - selector for table of content wrapper */ - constructor({ tagSelector, tocWrapperSelector }) { + constructor({ tagSelector, tocParentElement }) { this.tagSelector = tagSelector || 'h2,h3,h4'; - this.tocWrapperSelector = tocWrapperSelector; + this.tocParentElement = tocParentElement; this.init(); } @@ -89,7 +89,7 @@ export default class TableOfContent { container.classList.add('table-of-content'); container.appendChild(this.tocElement); - const tocWrapper = document.querySelector(this.tocWrapperSelector); + const tocWrapper = document.querySelector(this.tocParentElement); if (!tocWrapper) { throw new Error('Table of content wrapper not found'); diff --git a/src/frontend/js/modules/page.js b/src/frontend/js/modules/page.js index 5a33c60..a155715 100644 --- a/src/frontend/js/modules/page.js +++ b/src/frontend/js/modules/page.js @@ -46,9 +46,9 @@ export default class Page { return new TableOfContent({ tagSelector: 'h2.block-header--anchor,' + - 'h3.block-header--anchor,' + + 'h3.block-header--anchor,' + 'h4.block-header--anchor', - tocWrapperSelector: '#layout-sidebar-right', + tocParentElement: '#layout-sidebar-right', }); } }