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