import Clipboard from "clipboard/dist/clipboard.min";
import Code from "../services/code";
import * as DOM from "../services/dom";
+import {scrollAndHighlightElement} from "../services/util";
class PageDisplay {
// Sidebar page nav click event
const sidebarPageNav = document.querySelector('.sidebar-page-nav');
- DOM.onChildEvent(sidebarPageNav, 'a', 'click', (event, child) => {
- window.components['tri-layout'][0].showContent();
- this.goToText(child.getAttribute('href').substr(1));
- });
+ if (sidebarPageNav) {
+ DOM.onChildEvent(sidebarPageNav, 'a', 'click', (event, child) => {
+ event.preventDefault();
+ window.components['tri-layout'][0].showContent();
+ const contentId = child.getAttribute('href').substr(1);
+ this.goToText(contentId);
+ window.history.pushState(null, null, '#' + contentId);
+ });
+ }
}
goToText(text) {
});
if (idElem !== null) {
- window.scrollAndHighlight(idElem);
+ scrollAndHighlightElement(idElem);
} else {
const textElem = DOM.findText('.page-content > div > *', text);
if (textElem) {
- window.scrollAndHighlight(textElem);
+ scrollAndHighlightElement(textElem);
}
}
}