26 lines
879 B
TypeScript
26 lines
879 B
TypeScript
import { t } from "@lingui/macro";
|
|
import { LitElement } from "lit-element";
|
|
import { html, TemplateResult } from "lit-html";
|
|
|
|
export abstract class Page extends LitElement {
|
|
abstract pageTitle(): string;
|
|
abstract pageDescription(): string | undefined;
|
|
abstract pageIcon(): string;
|
|
|
|
abstract renderContent(): TemplateResult;
|
|
|
|
render(): TemplateResult {
|
|
const description = this.pageDescription();
|
|
return html`<section class="pf-c-page__main-section pf-m-light">
|
|
<div class="pf-c-content">
|
|
<h1>
|
|
<i class="${this.pageIcon()}"></i>
|
|
${t`${this.pageTitle()}`}
|
|
</h1>
|
|
${description ? html`<p>${t`${description}`}</p>` : html``}
|
|
</div>
|
|
</section>
|
|
${this.renderContent()}`;
|
|
}
|
|
}
|