blob: 4161a4c15c7f2061636ebcd30896c5a4491580bd (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
import React from 'react';
import { render } from 'react-dom';
import _ from "lodash";
import App from "./app";
import './app/index.scss';
import { NavigationPaneSearch } from './navigationPaneSearch/navigationPaneSearch';
import { PageSummary } from './pageSummary/pageSummary';
const renderNavigationPane = () => {
render(
<NavigationPaneSearch />,
document.getElementById('paneSearch')
)
}
const renderOnThisPage = () => {
for (const e of document.querySelectorAll('.tabs-section-body > div[data-togglable]')) {
const entries = Array.from(e.querySelectorAll('a[anchor-label]')).map((element: HTMLElement) => {
return {
location: element.getAttribute('data-name'),
label: element.getAttribute('anchor-label'),
sourceSets: _.sortBy(element.getAttribute('data-filterable-set').split(' '))
}
})
const unique = _.uniqBy(entries, ({label}) => label)
if (unique.length) {
const element = document.createElement('div')
render(<PageSummary entries={unique} containerId={'main'} offsetComponentId={'navigation-wrapper'}/>, element)
e.appendChild(element)
}
}
}
const renderMainSearch = () => {
render(<App />, document.getElementById('searchBar'));
}
let renderApp = () => {
renderMainSearch();
renderNavigationPane();
renderOnThisPage();
document.removeEventListener('DOMContentLoaded', renderApp);
};
document.addEventListener('DOMContentLoaded', renderApp);
|
