1
0
Fork 0
VaultUI/src/pages/Secrets/Transit/TransitView.tsx

130 lines
3.2 KiB
TypeScript

import { Component, JSX, render } from "preact";
import { Page } from "../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { getCapabilitiesPath, getCapsPath } from "../../../api/sys/getCapabilities";
import { getTransitKeys } from "../../../api/transit/getTransitKeys";
import i18next from "i18next";
type TransitViewListState = {
contentLoaded: boolean;
transitKeysList: string[];
};
export class TransitViewListItem extends Component<{ page: Page }, TransitViewListState> {
constructor() {
super();
this.state = {
contentLoaded: false,
transitKeysList: [],
};
}
timer: unknown;
getTransitKeys(): void {
void getTransitKeys(this.props.page.state.baseMount)
.then((keys) => {
this.setState({
contentLoaded: true,
transitKeysList: keys,
});
})
.catch((_) => {
this.setState({
contentLoaded: true,
transitKeysList: [],
});
});
}
componentDidMount(): void {
this.getTransitKeys();
}
render(): JSX.Element {
if (!this.state.contentLoaded) {
return <p>{i18next.t("content_loading")}</p>;
}
if (this.state.transitKeysList.length == 0) {
return <p>{i18next.t("transit_view_none_here_text")}</p>;
}
return (
<ul class="uk-nav uk-nav-default">
{...this.state.transitKeysList.map((key) => (
<li>
<a
onClick={async () => {
this.props.page.state.secretItem = key;
await this.props.page.router.changePage("TRANSIT_VIEW_SECRET");
}}
>
{key}
</a>
</li>
))}
</ul>
);
}
}
export class TransitViewPage extends Page {
constructor() {
super();
}
async goBack(): Promise<void> {
await this.router.changePage("SECRETS_HOME");
}
async render(): Promise<void> {
this.state.secretItem = "";
const mountsPath = "/sys/mounts/" + this.state.baseMount;
const caps = await getCapabilitiesPath([
mountsPath,
this.state.baseMount,
]);
const mountCaps = caps[mountsPath];
const transitCaps = caps[this.state.baseMount];
render(
<>
<p>
{transitCaps.includes("create") && (
<button
class="uk-button uk-button-primary"
onClick={async () => {
await this.router.changePage("TRANSIT_NEW_KEY");
}}
>
{i18next.t("transit_view_new_btn")}
</button>
)}
{mountCaps.includes("delete") && (
<button
class="uk-button uk-button-danger"
onClick={async () => {
await this.router.changePage("DELETE_SECRET_ENGINE");
}}
>
{i18next.t("transit_view_delete_btn")}
</button>
)}
</p>
<TransitViewListItem page={this} />
</>,
this.router.pageContentElement,
);
}
async renderPageTitle(): Promise<void> {
render(<SecretTitleElement page={this} />, this.router.pageTitleElement);
}
get name(): string {
return i18next.t("transit_view_title");
}
}