ig-typedoc-theme
Version:
infragistics theme for typedoc API documentation with versioning and localization
36 lines (35 loc) • 2.16 kB
JavaScript
import { JSX } from 'typedoc';
import { navEn } from './infranav.js';
import { navJp } from './infranav.ja.js';
import { localize } from 'typedoc-plugin-localization';
export const header = (context, props) => {
if (!context.options.getValue('name').includes('Ignite UI')) {
return;
}
const local = context.options.getValue('localize');
const useVersioning = context.options.getValue('versioning');
const product = context.options.getValue('product');
const link = local === 'jp' ?
`https://jp.infragistics.com/products/${product}` :
`https://www.infragistics.com/products/${product}`;
return (JSX.createElement("header", { class: "tsd-header" },
local === 'en' ? navEn(context, props) : navJp(context, props),
JSX.createElement("div", { class: "tsd-header-content" },
JSX.createElement("div", { class: "tsd-header-group" },
JSX.createElement("h1", { class: "tsd-header-logo" },
JSX.createElement("a", { href: link }, props.project.name),
useVersioning &&
JSX.createElement("span", { class: "version" },
JSX.createElement("select", { id: "versions" }))),
JSX.createElement("div", { class: "tsd-nav-toggle" },
JSX.createElement("input", { id: "tsd-toggle-cbx", type: "checkbox" }),
JSX.createElement("label", { for: "tsd-toggle-cbx" },
JSX.createElement("span", { class: "material-icons" }, "menu")),
JSX.createElement("ul", { class: "tsd-nav" },
JSX.createElement("li", { class: "tsd-nav-item" },
JSX.createElement("button", { class: "tsd-button--flat" },
JSX.createElement("a", { href: link }, localize('Components')))),
JSX.createElement("li", { class: "tsd-nav-item" },
JSX.createElement("button", { class: "tsd-button" },
JSX.createElement("a", { href: link }, localize('Get Started'))))))))));
};