habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: add empty state for library page, add more helpers

Browse Source
This commit is contained in:
Jens Langhammer
2020-12-02 22:14:28 +01:00
parent 6164db5a18
commit 12f788661c
2 changed files with 63 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/src/utils.ts
View File

@ -1,4 +1,5 @@
import { html, TemplateResult } from "lit-html";
import { SpinnerSize } from "./elements/Spinner";
export function getCookie(name: string): string | undefined {
let cookieValue = undefined;
@ -34,3 +35,18 @@ export function truncate(input?: string, max = 10): string {
export function htmlFromString(...strings: string[]): TemplateResult {
return html({ raw: strings, ...strings } as TemplateStringsArray);
}
export function loading<T>(v: T, actual: TemplateResult): TemplateResult {
if (!v) {
return html`<div class="pf-c-empty-state pf-m-full-height">
<div class="pf-c-empty-state__content">
<div class="pf-l-bullseye">
<div class="pf-l-bullseye__item">
<pb-spinner size="${SpinnerSize.Large}"></pb-spinner>
</div>
</div>
</div>
</div>`;
}
return actual;
}