X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/58cadce052f5cc3c9ce2bc12f88a93cac310699a..refs/pull/5550/head:/resources/js/components/page-display.js diff --git a/resources/js/components/page-display.js b/resources/js/components/page-display.js index eb7df5fb6..d3ac78a4a 100644 --- a/resources/js/components/page-display.js +++ b/resources/js/components/page-display.js @@ -1,9 +1,9 @@ -import * as DOM from '../services/dom'; -import {scrollAndHighlightElement} from '../services/util'; +import * as DOM from '../services/dom.ts'; +import {scrollAndHighlightElement} from '../services/util.ts'; import {Component} from './component'; function toggleAnchorHighlighting(elementId, shouldHighlight) { - DOM.forEach(`a[href="#${elementId}"]`, anchor => { + DOM.forEach(`#page-navigation a[href="#${elementId}"]`, anchor => { anchor.closest('li').classList.toggle('current-heading', shouldHighlight); }); } @@ -37,7 +37,6 @@ export class PageDisplay extends Component { window.importVersioned('code').then(Code => Code.highlight()); this.setupNavHighlighting(); - this.setupDetailsCodeBlockRefresh(); // Check the hash on load if (window.location.hash) { @@ -87,14 +86,4 @@ export class PageDisplay extends Component { } } - setupDetailsCodeBlockRefresh() { - const onToggle = event => { - const codeMirrors = [...event.target.querySelectorAll('.CodeMirror')]; - codeMirrors.forEach(cm => cm.CodeMirror && cm.CodeMirror.refresh()); - }; - - const details = [...this.container.querySelectorAll('details')]; - details.forEach(detail => detail.addEventListener('toggle', onToggle)); - } - }