chaos/VaultUI
1
0
Fork 0
Code Issues Activity

Add tsx syntax to AccessHome.

Browse source
This commit is contained in:
Kitteh 2021-05-23 13:54:01 +01:00
parent 7672eaa32a
commit dd0bf90197
2 changed files with 51 additions and 66 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

66
src/pages/Access/AccessHome.ts
View file

@ -1,66 +0,0 @@
import { Page } from "../../types/Page";
import { Tile } from "../../elements/Tile";
import { makeElement } from "z-makeelement";
import { prePageChecks, setErrorText } from "../../pageUtils";
import i18next from "i18next";
export class AccessHomePage extends Page {
constructor() {
super();
}
async goBack(): Promise<void> {
await this.router.changePage("HOME");
}
async render(): Promise<void> {
await this.router.setPageContent("");
if (!(await prePageChecks(this.router))) return;
await this.router.setPageContent(
makeElement({
tag: "div",
class: "uk-child-width-1-1@s uk-child-width-1-2@m uk-grid-small uk-grid-match",
attributes: { "uk-grid": "" },
children: [
Tile({
title: i18next.t("access_auth_methods_title"),
description: i18next.t("access_auth_methods_description"),
icon: "sign-in",
onclick: async () => {
await this.router.changePage("AUTH_HOME");
},
}),
Tile({
title: i18next.t("access_entities_title"),
description: i18next.t("access_entities_description"),
icon: "user",
onclick: async () => {
setErrorText(i18next.t("not_implemented"));
//await this.router.changePage("SECRETS_HOME");
},
}),
Tile({
title: i18next.t("access_groups_title"),
description: i18next.t("access_groups_description"),
icon: "users",
onclick: async () => {
setErrorText(i18next.t("not_implemented"));
//await this.router.changePage("SECRETS_HOME");
},
}),
Tile({
title: i18next.t("access_leases_title"),
description: i18next.t("access_leases_description"),
icon: "unlock",
onclick: async () => {
setErrorText(i18next.t("not_implemented"));
//await this.router.changePage("SECRETS_HOME");
},
}),
],
}),
);
}
get name(): string {
return i18next.t("access_home_page_title");
}
}

51
src/pages/Access/AccessHome.tsx Normal file
View file

@ -0,0 +1,51 @@
import { Page } from "../../types/Page";
import { Tile } from "../../elements/ReactTile";
import { notImplemented, prePageChecks } from "../../pageUtils";
import { render } from "preact";
import i18next from "i18next";
export class AccessHomePage extends Page {
constructor() {
super();
}
async goBack(): Promise<void> {
await this.router.changePage("HOME");
}
async render(): Promise<void> {
await this.router.setPageContent("");
if (!(await prePageChecks(this.router))) return;
render(
<div class="uk-child-width-1-1@s uk-child-width-1-2@m uk-grid-small uk-grid-match" uk-grid>
<Tile
title={i18next.t("access_auth_methods_title")}
description={i18next.t("access_auth_methods_description")}
icon="sign-in"
onclick={async () => await this.router.changePage("AUTH_HOME")}
/>
<Tile
title={i18next.t("access_entities_title")}
description={i18next.t("access_entities_description")}
icon="user"
onclick={async () => notImplemented()}
/>
<Tile
title={i18next.t("access_groups_title")}
description={i18next.t("access_groups_description")}
icon="users"
onclick={async () => notImplemented()}
/>
<Tile
title={i18next.t("access_leases_title")}
description={i18next.t("access_leases_description")}
icon="unlock"
onclick={async () => notImplemented()}
/>
</div>,
this.router.pageContentElement,
);
}
get name(): string {
return i18next.t("access_home_page_title");
}
}