Add tsx syntax to SecretsHome.
This commit is contained in:
Kitteh
parent
d351e29220
commit
df76573557
|
|
@ -1,96 +0,0 @@
|
||||||
import { MountType, getMounts } from "../../api/sys/getMounts";
|
|
||||||
import { Page } from "../../types/Page";
|
|
||||||
import { getCapabilitiesPath } from "../../api/sys/getCapabilities";
|
|
||||||
import { makeElement } from "z-makeelement";
|
|
||||||
import { prePageChecks } from "../../pageUtils";
|
|
||||||
import { sortedObjectMap } from "../../utils";
|
|
||||||
import i18next from "i18next";
|
|
||||||
|
|
||||||
export class SecretsHomePage 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;
|
|
||||||
|
|
||||||
const homePageContent = makeElement({ tag: "div" });
|
|
||||||
await this.router.setPageContent(homePageContent);
|
|
||||||
|
|
||||||
const mountsCapabilities = await getCapabilitiesPath("/sys/mounts");
|
|
||||||
if (mountsCapabilities.includes("sudo") && mountsCapabilities.includes("create")) {
|
|
||||||
homePageContent.appendChild(
|
|
||||||
makeElement({
|
|
||||||
tag: "button",
|
|
||||||
text: i18next.t("secrets_home_new_secrets_engine_button"),
|
|
||||||
class: ["uk-button", "uk-button-primary"],
|
|
||||||
onclick: async () => {
|
|
||||||
await this.router.changePage("NEW_SECRETS_ENGINE");
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
}
|
|
||||||
|
|
||||||
this.state.baseMount = "";
|
|
||||||
this.state.secretPath = [];
|
|
||||||
this.state.secretItem = "";
|
|
||||||
this.state.secretVersion = null;
|
|
||||||
|
|
||||||
const navList = makeElement({
|
|
||||||
tag: "ul",
|
|
||||||
class: ["uk-nav", "uk-nav-default", "uk-margin-top"],
|
|
||||||
});
|
|
||||||
homePageContent.appendChild(navList);
|
|
||||||
|
|
||||||
const mounts = await getMounts();
|
|
||||||
// sort it by secretPath so it's in alphabetical order consistantly.
|
|
||||||
const mountsMap = sortedObjectMap(mounts);
|
|
||||||
|
|
||||||
mountsMap.forEach((mount: MountType, baseMount) => {
|
|
||||||
if (typeof mount != "object") return;
|
|
||||||
if (mount == null) return;
|
|
||||||
if (!("type" in mount)) return;
|
|
||||||
if (!["kv", "totp", "transit", "cubbyhole"].includes(mount.type)) return;
|
|
||||||
|
|
||||||
const secretMountType =
|
|
||||||
mount.type == "kv" ? "kv-v" + String(mount.options.version) : mount.type;
|
|
||||||
|
|
||||||
let linkText = "";
|
|
||||||
let linkPage: string;
|
|
||||||
if (mount.type == "kv") {
|
|
||||||
linkText = `K/V (v${mount.options.version}) - ${baseMount}`;
|
|
||||||
linkPage = "KEY_VALUE_VIEW";
|
|
||||||
} else if (mount.type == "totp") {
|
|
||||||
linkText = `TOTP - ${baseMount}`;
|
|
||||||
linkPage = "TOTP_VIEW";
|
|
||||||
} else if (mount.type == "transit") {
|
|
||||||
linkText = `Transit - ${baseMount}`;
|
|
||||||
linkPage = "TRANSIT_VIEW";
|
|
||||||
} else if (mount.type == "cubbyhole") {
|
|
||||||
linkText = `Cubbyhole - ${baseMount}`;
|
|
||||||
linkPage = "KEY_VALUE_VIEW";
|
|
||||||
}
|
|
||||||
|
|
||||||
navList.appendChild(
|
|
||||||
makeElement({
|
|
||||||
tag: "li",
|
|
||||||
children: makeElement({
|
|
||||||
tag: "a",
|
|
||||||
text: linkText,
|
|
||||||
onclick: async () => {
|
|
||||||
this.state.baseMount = baseMount;
|
|
||||||
this.state.secretMountType = secretMountType;
|
|
||||||
await this.router.changePage(linkPage);
|
|
||||||
},
|
|
||||||
}),
|
|
||||||
}),
|
|
||||||
);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
get name(): string {
|
|
||||||
return i18next.t("secrets_home_page_title");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
113
src/pages/Secrets/SecretsHome.tsx
Normal file
113
src/pages/Secrets/SecretsHome.tsx
Normal file
|
|
@ -0,0 +1,113 @@
|
||||||
|
import { MountType, getMounts } from "../../api/sys/getMounts";
|
||||||
|
import { Page } from "../../types/Page";
|
||||||
|
import { getCapabilitiesPath } from "../../api/sys/getCapabilities";
|
||||||
|
import { prePageChecks } from "../../pageUtils";
|
||||||
|
import { sortedObjectMap } from "../../utils";
|
||||||
|
import i18next from "i18next";
|
||||||
|
|
||||||
|
import { JSX, render } from "preact";
|
||||||
|
|
||||||
|
export type MountLinkProps = {
|
||||||
|
page: Page;
|
||||||
|
mount: MountType;
|
||||||
|
baseMount: string;
|
||||||
|
};
|
||||||
|
|
||||||
|
export function isSupportedMount(mount: MountType): boolean {
|
||||||
|
if (typeof mount != "object") return false;
|
||||||
|
if (mount == null) return false;
|
||||||
|
if (!("type" in mount)) return false;
|
||||||
|
if (!["kv", "totp", "transit", "cubbyhole"].includes(mount.type)) return false;
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
function MountLink(props: MountLinkProps): JSX.Element {
|
||||||
|
const mount = props.mount;
|
||||||
|
const baseMount = props.baseMount;
|
||||||
|
const page = props.page;
|
||||||
|
|
||||||
|
const secretMountType = mount.type == "kv" ? "kv-v" + String(mount.options.version) : mount.type;
|
||||||
|
|
||||||
|
let linkText = "";
|
||||||
|
let linkPage: string;
|
||||||
|
if (mount.type == "kv") {
|
||||||
|
linkText = `K/V (v${mount.options.version}) - ${baseMount}`;
|
||||||
|
linkPage = "KEY_VALUE_VIEW";
|
||||||
|
} else if (mount.type == "totp") {
|
||||||
|
linkText = `TOTP - ${baseMount}`;
|
||||||
|
linkPage = "TOTP_VIEW";
|
||||||
|
} else if (mount.type == "transit") {
|
||||||
|
linkText = `Transit - ${baseMount}`;
|
||||||
|
linkPage = "TRANSIT_VIEW";
|
||||||
|
} else if (mount.type == "cubbyhole") {
|
||||||
|
linkText = `Cubbyhole - ${baseMount}`;
|
||||||
|
linkPage = "KEY_VALUE_VIEW";
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<li>
|
||||||
|
<a
|
||||||
|
onClick={async () => {
|
||||||
|
page.state.baseMount = baseMount;
|
||||||
|
page.state.secretMountType = secretMountType;
|
||||||
|
await page.router.changePage(linkPage);
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{linkText}
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export class SecretsHomePage 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;
|
||||||
|
|
||||||
|
this.state.baseMount = "";
|
||||||
|
this.state.secretPath = [];
|
||||||
|
this.state.secretItem = "";
|
||||||
|
this.state.secretVersion = null;
|
||||||
|
|
||||||
|
const mountsCapabilities = await getCapabilitiesPath("/sys/mounts");
|
||||||
|
const mounts = await getMounts();
|
||||||
|
// sort it by secretPath so it's in alphabetical order consistantly.
|
||||||
|
const mountsMap = sortedObjectMap(mounts);
|
||||||
|
|
||||||
|
render(
|
||||||
|
<div>
|
||||||
|
<p>
|
||||||
|
{mountsCapabilities.includes("sudo") && mountsCapabilities.includes("create") && (
|
||||||
|
<button
|
||||||
|
class="uk-button uk-button-primary"
|
||||||
|
onClick={async () => {
|
||||||
|
await this.router.changePage("NEW_SECRETS_ENGINE");
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
{i18next.t("secrets_home_new_secrets_engine_button")}
|
||||||
|
</button>
|
||||||
|
)}
|
||||||
|
</p>
|
||||||
|
<ul class="uk-nav uk-nav-default">
|
||||||
|
{Array.from(mountsMap as Map<string, MountType>).map((args: [string, MountType]) => {
|
||||||
|
const baseMount = args[0];
|
||||||
|
const mount = args[1];
|
||||||
|
if (isSupportedMount(mount)) {
|
||||||
|
return <MountLink page={this} mount={mount} baseMount={baseMount} />;
|
||||||
|
}
|
||||||
|
})}
|
||||||
|
</ul>
|
||||||
|
</div>,
|
||||||
|
this.router.pageContentElement,
|
||||||
|
);
|
||||||
|
}
|
||||||
|
get name(): string {
|
||||||
|
return i18next.t("secrets_home_page_title");
|
||||||
|
}
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue