chaos/VaultUI
1
0
Fork 0
Code Issues Activity

formatting run linter --fix src

Browse source
This commit is contained in:
ChaotiCryptidz 2022-01-06 23:02:34 +00:00
parent ff8a2995cb
commit 6131a13331
45 changed files with 564 additions and 572 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/api/kv/createOrUpdateSecret.ts
View file

@ -1,6 +1,6 @@
import { appendAPIURL, checkResponse, getHeaders } from "../apiUtils";
import { removeDoubleSlash } from "../../utils";
import { getMount } from "../sys/getMounts";
import { removeDoubleSlash } from "../../utils";
export async function createOrUpdateSecret(
baseMount: string,

2
src/api/kv/deleteSecret.ts
View file

@ -1,6 +1,6 @@
import { appendAPIURL, checkResponse, getHeaders } from "../apiUtils";
import { removeDoubleSlash } from "../../utils";
import { getMount } from "../sys/getMounts";
import { removeDoubleSlash } from "../../utils";
export async function deleteSecret(
baseMount: string,

7
src/api/kv/getSecrets.ts
View file

@ -1,13 +1,10 @@
import { appendAPIURL, checkResponse, getHeaders } from "../apiUtils";
export async function getSecrets(
baseMount: string,
secretPath: string[],
): Promise<string[]> {
export async function getSecrets(baseMount: string, secretPath: string[]): Promise<string[]> {
let secretURL = "";
// TODO: FIX THIS
let secretMountType = "kv-v2"
const secretMountType = "kv-v2";
if (secretMountType == "kv-v2") {
secretURL = `/v1/${baseMount}/metadata/${secretPath.join("/")}?list=true`;

1
src/api/sys/getMounts.ts
View file

@ -32,4 +32,3 @@ export async function getMount(mountName: string): Promise<MountType> {
const data = (await resp.json()) as { data: MountType };
return data.data;
}

56
src/main.tsx
View file

@ -12,8 +12,8 @@ UIkit.use(Icons);
import Prism from "prismjs";
// Don't Sort These!
import "prismjs/components/prism-json";
import "prismjs/components/prism-hcl";
import "prismjs/components/prism-json";
Prism.highlightAll();
/* eslint-enable */
@ -26,35 +26,35 @@ import { PageRouter } from "./pagerouter/PageRouter";
import { formatDistance } from "./formatDistance";
import { getSealStatus } from "./api/sys/getSealStatus";
//import { pageList } from "./allPages";
import { pageState } from "./globalPageState";
import { playground } from "./playground";
import { NavBar } from "./ui/elements/NavBar";
import { render, Component } from "preact";
import i18next from "i18next";
import Router from 'preact-router';
import { Home } from "./ui/pages/Home";
import { Me } from "./ui/pages/Me";
import { Login } from "./ui/pages/Login";
import { PasswordGenerator } from "./ui/pages/PwGen";
import { SetVaultURL } from "./ui/pages/SetVaultURL";
import { Unseal } from "./ui/pages/Unseal";
import { SetLanguage } from "./ui/pages/SetLanguage";
import { Secrets } from "./ui/pages/Secrets/SecretsHome";
import { TOTPView } from "./ui/pages/Secrets/TOTP/TOTPView";
import { TOTPNew } from "./ui/pages/Secrets/TOTP/TOTPNew";
import { TOTPDelete } from "./ui/pages/Secrets/TOTP/TOTPDelete";
import { NewSecretsEngine } from "./ui/pages/Secrets/NewSecretsEngine";
import { NewKVEngine } from "./ui/pages/Secrets/NewEngines/NewKVEngine";
import { NewTOTPEngine } from "./ui/pages/Secrets/NewEngines/NewTOTPEngine";
import { NewTransitEngine } from "./ui/pages/Secrets/NewEngines/NewTransitEngine";
import { Component, render } from "preact";
import { DeleteSecretsEngine } from "./ui/pages/Secrets/DeleteSecretsEngine";
import { KeyValueView } from "./ui/pages/Secrets/KeyValue/KeyValueView";
import { Home } from "./ui/pages/Home";
import { KeyValueDelete } from "./ui/pages/Secrets/KeyValue/KeyValueDelete";
import { KeyValueSecret } from "./ui/pages/Secrets/KeyValue/KeyValueSecret";
import { KeyValueSecretEdit } from "./ui/pages/Secrets/KeyValue/KeyValueSecretsEdit";
import { KeyValueDelete } from "./ui/pages/Secrets/KeyValue/KeyValueDelete";
import { KeyValueView } from "./ui/pages/Secrets/KeyValue/KeyValueView";
import { Login } from "./ui/pages/Login";
import { Me } from "./ui/pages/Me";
import { NavBar } from "./ui/elements/NavBar";
import { NewKVEngine } from "./ui/pages/Secrets/NewEngines/NewKVEngine";
import { NewSecretsEngine } from "./ui/pages/Secrets/NewSecretsEngine";
import { NewTOTPEngine } from "./ui/pages/Secrets/NewEngines/NewTOTPEngine";
import { NewTransitEngine } from "./ui/pages/Secrets/NewEngines/NewTransitEngine";
import { NewTransitKey } from "./ui/pages/Secrets/Transit/NewTransitKey";
import { PasswordGenerator } from "./ui/pages/PwGen";
import { Secrets } from "./ui/pages/Secrets/SecretsHome";
import { SetLanguage } from "./ui/pages/SetLanguage";
import { SetVaultURL } from "./ui/pages/SetVaultURL";
import { TOTPDelete } from "./ui/pages/Secrets/TOTP/TOTPDelete";
import { TOTPNew } from "./ui/pages/Secrets/TOTP/TOTPNew";
import { TOTPView } from "./ui/pages/Secrets/TOTP/TOTPView";
import { TransitView } from "./ui/pages/Secrets/Transit/TransitView";
import { TransitViewSecret } from "./ui/pages/Secrets/Transit/TransitViewSecret";
import { NewTransitKey } from "./ui/pages/Secrets/Transit/NewTransitKey";
import { Unseal } from "./ui/pages/Unseal";
import { pageState } from "./globalPageState";
import { playground } from "./playground";
import Router from "preact-router";
import i18next from "i18next";
async function onLoad(): Promise<void> {
const Main = () => (
@ -88,9 +88,9 @@ async function onLoad(): Promise<void> {
<TransitViewSecret path="/secrets/transit/view/:baseMount/:secretItem" state={pageState} />
<NewTransitKey path="/secrets/transit/new/:baseMount" state={pageState} />
<div default><p>PAGE NOT YET IMPLEMENTED</p></div>
<div default>
<p>PAGE NOT YET IMPLEMENTED</p>
</div>
</Router>
);

2
src/pageUtils.ts
View file

@ -2,10 +2,10 @@ import { PageRouter } from "./pagerouter/PageRouter";
import { PageState } from "./state/PageState";
import { getSealStatus } from "./api/sys/getSealStatus";
import { lookupSelf } from "./api/sys/lookupSelf";
import { route } from "preact-router";
import ClipboardJS from "clipboard";
import UIkit from "uikit";
import i18next from "i18next";
import { route } from "preact-router";
async function prePageChecksReal(state: PageState) {
if (state.language.length == 0) {

2
src/pagerouter/PageListType.ts
View file

@ -3,4 +3,4 @@ import { PageType } from "./PageType";
export type PageListType = {
getPageIDs(): Promise<string[]>;
getPage(pageID: string): Promise<PageType>;
}
};

20
src/pagerouter/PageRouter.ts
View file

@ -1,5 +1,5 @@
import { PageType } from "./PageType";
import { PageListType } from "./PageListType";
import { PageType } from "./PageType";
const PageDoesNotExistError = new Error("Page does not exist.");
const PageHasNotBeenSetError = new Error("Page has not been set.");
@ -9,20 +9,18 @@ export type Options = {
state: unknown;
pageContentElement: HTMLElement;
pageTitleElement: HTMLElement;
resetElementContent?: Boolean;
resetElementContent?: boolean;
onPageChange: () => void;
}
};
export class PageRouter {
constructor(
options: Options
) {
constructor(options: Options) {
this.pageList = options.pageList;
this.state = options.state;
this.pageContentElement = options.pageContentElement;
this.pageTitleElement = options.pageTitleElement;
this.resetElementContent = (options.resetElementContent || true) == true;
this.onPageChange = (options.onPageChange);
this.onPageChange = options.onPageChange;
}
public onPageChange: () => void;
@ -31,7 +29,7 @@ export class PageRouter {
private currentPageID: string;
private currentPage: PageType;
private resetElementContent: Boolean;
private resetElementContent: boolean;
public state: unknown;
public pageContentElement: HTMLElement;
@ -87,11 +85,7 @@ export class PageRouter {
this.pageContentElement.innerHTML = "";
this.pageTitleElement.innerHTML = "";
}
await Promise.all([
this.currentPage.renderPageTitle(),
this.currentPage.render(),
])
;
await Promise.all([this.currentPage.renderPageTitle(), this.currentPage.render()]);
}
public async refresh(): Promise<void> {

2
src/pagerouter/PageType.ts
View file

@ -6,4 +6,4 @@ export type PageType = {
goBack(): Promise<void>;
cleanup(): Promise<void>;
setRouterAndState(router: PageRouter, state: unknown): Promise<void>;
}
};

29
src/state/PageState.ts
View file

@ -5,7 +5,7 @@ export class PageState {
const params = new URLSearchParams(window.location.search);
if (params.has("reset")) this.storage.clear();
if (params.has("state")) {
console.log("state owo")
console.log("state owo");
this.loadState(JSON.parse(params.get("state")));
}
@ -20,29 +20,28 @@ export class PageState {
dumpState(): { [key: string]: unknown } {
return {
"baseMount": this.baseMount,
"secretPath": this.secretPath,
"secretVersion": this.secretVersion,
"secretItem": this.secretItem,
"secretMountType": this.secretMountType,
"policyItem": this.policyItem,
"authPath": this.authPath,
"userPassUser": this.userPassUser,
"currentPage": this.currentPage,
}
baseMount: this.baseMount,
secretPath: this.secretPath,
secretVersion: this.secretVersion,
secretItem: this.secretItem,
secretMountType: this.secretMountType,
policyItem: this.policyItem,
authPath: this.authPath,
userPassUser: this.userPassUser,
currentPage: this.currentPage,
};
}
loadState(newState: { [key: string]: unknown }) {
console.log(newState)
for (let prop in newState) {
console.log("WANTS", prop)
console.log(newState);
for (const prop in newState) {
console.log("WANTS", prop);
if (prop in this) {
console.log("HAS", prop.toString());
// @ts-ignore
this[prop] = newState[prop];
}
}
}
// NOTE: When a item in the page state isn't a string (e.g it is a array or object),

3
src/translations/de.js vendored
View file

@ -147,7 +147,8 @@ module.exports = {
"Bei cubbyhole, können secrets gespeichert werden, solange dein Token gültig ist. Sobald der Token nicht mehr gültig ist, werden die Secrets gelöscht und können daher auch nur mit dem jetzigen Token gültig ist.",
kv_view_new_btn: "Neu",
kv_view_delete_btn: "Löschen",
kv_view_none_here_text: "Es scheint so als hättest du noch keine Secrets hier. Möchtest du eins erstellen?",
kv_view_none_here_text:
"Es scheint so als hättest du noch keine Secrets hier. Möchtest du eins erstellen?",
// TOTP View Page
totp_view_title: "TOTP",

2
src/types/DefaultPageProps.ts
View file

@ -2,5 +2,5 @@ import { PageState } from "../state/PageState";
export type DefaultPageProps = {
state: PageState;
matches?: {[key: string]: string}
matches?: { [key: string]: string };
};

4
src/types/Page.tsx
View file

@ -1,7 +1,7 @@
import { render } from "preact";
import { CopyStateLinkButton } from "../ui/elements/CopyStateLinkButton";
import { PageRouter } from "../pagerouter/PageRouter";
import { PageState } from "../state/PageState";
import { CopyStateLinkButton } from "../ui/elements/CopyStateLinkButton";
import { render } from "preact";
export class Page {
constructor() {

2
src/ui/elements/CopyStateLinkButton.tsx
View file

@ -1,7 +1,7 @@
import { Component, JSX, createRef } from "preact";
import { PageState } from "../../state/PageState";
import { addClipboardNotifications } from "../../pageUtils";
import ClipboardJS from "clipboard";
import { PageState } from "../../state/PageState";
export type CopyStateLinkButtonProps = {
state: PageState;

9
src/ui/elements/NavBar.tsx
View file

@ -1,8 +1,7 @@
import { JSX, render } from "preact";
import { PageRouter } from "../../pagerouter/PageRouter";
import i18next from "i18next";
import { getCurrentUrl, route } from "preact-router";
import i18next from "i18next";
export function NavBar(): JSX.Element {
return (
@ -10,14 +9,12 @@ export function NavBar(): JSX.Element {
<div class="uk-navbar-left">
<ul class="uk-navbar-nav">
<li>
<a href="/">
{i18next.t("home_btn")}
</a>
<a href="/">{i18next.t("home_btn")}</a>
</li>
<li>
<a
onClick={async () => {
window.history.back()
window.history.back();
// maybe???
}}
>

6
src/ui/elements/PageTitle.tsx
View file

@ -5,5 +5,9 @@ export type PageTitleProps = {
};
export function PageTitle(props: PageTitleProps): JSX.Element {
return <h3 class="uk-card-title" id="pageTitle">{props.title}</h3>;
return (
<h3 class="uk-card-title" id="pageTitle">
{props.title}
</h3>
);
}

2
src/ui/pages/Access/AccessHome.tsx
View file

@ -1,10 +1,10 @@
import { Grid, GridSizes } from "../../elements/Grid";
import { Page } from "../../../types/Page";
import { PageState } from "../../../state/PageState";
import { Tile } from "../../elements/Tile";
import { notImplemented, prePageChecks } from "../../../pageUtils";
import { render } from "preact";
import i18next from "i18next";
import { PageState } from "../../../state/PageState";
export class AccessHomePage extends Page {
constructor() {

24
src/ui/pages/Home.tsx
View file

@ -1,26 +1,26 @@
import { Component, JSX, render } from "preact";
import { Grid, GridSizes } from "../elements/Grid";
import { Margin } from "../elements/Margin";
import { Page } from "../../types/Page";
import { PageState } from "../../state/PageState";
import { PageTitle } from "../elements/PageTitle";
import { Tile } from "../elements/Tile";
import { TokenInfo } from "../../api/types/token";
import { getCapabilitiesPath } from "../../api/sys/getCapabilities";
import { lookupSelf } from "../../api/sys/lookupSelf";
import { prePageChecks, setErrorText } from "../../pageUtils";
import { Component, JSX, render } from "preact";
import i18next from "i18next";
import { PageState } from "../../state/PageState";
import { route } from "preact-router";
import { PageTitle } from "../elements/PageTitle";
import i18next from "i18next";
type HomeProps = {
state: PageState;
}
};
type HomeState = {
selfTokenInfo: TokenInfo;
authCaps: string[];
policiesCaps: string[];
}
};
export class Home extends Component<HomeProps, HomeState> {
async componentDidMount() {
@ -34,7 +34,7 @@ export class Home extends Component<HomeProps, HomeState> {
setErrorText(error.message);
if (error.message == "permission denied") {
this.props.state.token = "";
route('/login', true);
route("/login", true);
return;
}
}
@ -47,11 +47,12 @@ export class Home extends Component<HomeProps, HomeState> {
selfTokenInfo: selfTokenInfo,
authCaps: authCaps,
policiesCaps: policiesCaps,
})
});
}
render(): JSX.Element {
return this.state.selfTokenInfo && (
return (
this.state.selfTokenInfo && (
<>
<PageTitle title={this.name} />
<div>
@ -60,9 +61,7 @@ export class Home extends Component<HomeProps, HomeState> {
<span>{i18next.t("home_vaulturl_text", { text: this.props.state.apiURL })}</span>
</li>
<li>
<a href="/pw_gen">
{i18next.t("home_password_generator_btn")}
</a>
<a href="/pw_gen">{i18next.t("home_password_generator_btn")}</a>
</li>
<li>
<span>
@ -104,6 +103,7 @@ export class Home extends Component<HomeProps, HomeState> {
</Margin>
</div>
</>
)
);
}

12
src/ui/pages/Login.tsx
View file

@ -1,18 +1,18 @@
import { Component, JSX, render } from "preact";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { Form } from "../elements/Form";
import { Margin } from "../elements/Margin";
import { MarginInline } from "../elements/MarginInline";
import { Page } from "../../types/Page";
import { PageState } from "../../state/PageState";
import { PageTitle } from "../elements/PageTitle";
import { lookupSelf } from "../../api/sys/lookupSelf";
import { route } from "preact-router";
import { setErrorText } from "../../pageUtils";
import { usernameLogin } from "../../api/auth/usernameLogin";
import i18next from "i18next";
import { route } from "preact-router";
import { PageTitle } from "../elements/PageTitle";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { PageState } from "../../state/PageState";
export class TokenLoginForm extends Component<{state: PageState}, unknown> {
export class TokenLoginForm extends Component<{ state: PageState }, unknown> {
constructor() {
super();
}
@ -58,7 +58,7 @@ export class TokenLoginForm extends Component<{state: PageState}, unknown> {
}
}
export class UsernameLoginForm extends Component<{state: PageState}, unknown> {
export class UsernameLoginForm extends Component<{ state: PageState }, unknown> {
constructor() {
super();
}

22
src/ui/pages/Me.tsx
View file

@ -1,13 +1,13 @@
import { Component, JSX, createRef } from "preact";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { PageTitle } from "../elements/PageTitle";
import { addClipboardNotifications, prePageChecks, setErrorText } from "../../pageUtils";
import { getCapsPath } from "../../api/sys/getCapabilities";
import { renewSelf } from "../../api/sys/renewSelf";
import { route } from "preact-router";
import { sealVault } from "../../api/sys/sealVault";
import ClipboardJS from "clipboard";
import i18next from "i18next";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { route } from "preact-router";
import { PageTitle } from "../elements/PageTitle";
export class CopyLink extends Component<{ text: string; data: string }, unknown> {
linkRef = createRef();
@ -29,10 +29,10 @@ export class CopyLink extends Component<{ text: string; data: string }, unknown>
type MeState = {
loaded: boolean;
canSealVault: boolean;
}
};
export class Me extends Component<DefaultPageProps, MeState> {
defaultState = { loaded: false, canSealVault: false }
defaultState = { loaded: false, canSealVault: false };
constructor() {
super();
this.state = this.defaultState;
@ -58,7 +58,8 @@ export class Me extends Component<DefaultPageProps, MeState> {
}
render(): JSX.Element {
return this.state.loaded && (
return (
this.state.loaded && (
<>
<PageTitle title={this.name} />
<ul class="uk-nav">
@ -103,17 +104,14 @@ export class Me extends Component<DefaultPageProps, MeState> {
</li>
)}
<li>
<a href="/set_language">
{i18next.t("me_change_language_btn")}
</a>
<a href="/set_language">{i18next.t("me_change_language_btn")}</a>
</li>
<li>
<a href="/set_vault_url">
{i18next.t("me_set_vault_url_btn")}
</a>
<a href="/set_vault_url">{i18next.t("me_set_vault_url_btn")}</a>
</li>
</ul>
</>
)
);
}

2
src/ui/pages/Policies/PoliciesHome.tsx
View file

@ -1,10 +1,10 @@
import { Margin } from "../../elements/Margin";
import { Page } from "../../../types/Page";
import { PageState } from "../../../state/PageState";
import { getPolicies } from "../../../api/sys/policies/getPolicies";
import { prePageChecks } from "../../../pageUtils";
import { render } from "preact";
import i18next from "i18next";
import { PageState } from "../../../state/PageState";
export class PoliciesHomePage extends Page {
constructor() {

2
src/ui/pages/Policies/PolicyView.tsx
View file

@ -1,11 +1,11 @@
import { CodeBlock } from "../../elements/CodeBlock";
import { Margin } from "../../elements/Margin";
import { Page } from "../../../types/Page";
import { PageState } from "../../../state/PageState";
import { getPolicy } from "../../../api/sys/policies/getPolicy";
import { prePageChecks } from "../../../pageUtils";
import { render } from "preact";
import i18next from "i18next";
import { PageState } from "../../../state/PageState";
export class PolicyViewPage extends Page {
constructor() {

2
src/ui/pages/PwGen.tsx
View file

@ -1,9 +1,9 @@
import { Component, JSX, createRef, render } from "preact";
import { CopyableInputBox } from "../elements/CopyableInputBox";
import { PageTitle } from "../elements/PageTitle";
import { Form } from "../elements/Form";
import { Margin } from "../elements/Margin";
import { Page } from "../../types/Page";
import { PageTitle } from "../elements/PageTitle";
import i18next from "i18next";
const passwordLengthMin = 1;

13
src/ui/pages/Secrets/DeleteSecretsEngine.tsx
View file

@ -1,20 +1,21 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../../types/DefaultPageProps";
import { Form } from "../../elements/Form";
import { MarginInline } from "../../elements/MarginInline";
import { Page } from "../../../types/Page";
import { PageTitle } from "../../elements/PageTitle";
import { deleteMount } from "../../../api/sys/deleteMount";
import { Component, render } from "preact";
import { route } from "preact-router";
import { setErrorText } from "../../../pageUtils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../types/DefaultPageProps";
import { PageTitle } from "../../elements/PageTitle";
import { route } from "preact-router";
export class DeleteSecretsEngine extends Component<DefaultPageProps> {
render() {
return (
<>
<PageTitle title={i18next.t("delete_secrets_engine_title", { mount: this.props.matches["mount"] })}/>
<PageTitle
title={i18next.t("delete_secrets_engine_title", { mount: this.props.matches["mount"] })}
/>
<Form
onSubmit={async () => {
await this.onSubmit();

11
src/ui/pages/Secrets/KeyValue/KeyValueDelete.tsx
View file

@ -1,9 +1,9 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { deleteSecret } from "../../../../api/kv/deleteSecret";
import { Component, render } from "preact";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
export class KeyValueDelete extends Component<DefaultPageProps> {
render() {
@ -25,11 +25,7 @@ export class KeyValueDelete extends Component<DefaultPageProps> {
<button
class="uk-button uk-button-danger"
onClick={async () => {
await deleteSecret(
baseMount,
secretPath,
item,
);
await deleteSecret(baseMount, secretPath, item);
window.history.back();
}}
>
@ -37,7 +33,6 @@ export class KeyValueDelete extends Component<DefaultPageProps> {
</button>
</div>
</>
);
}
}

35
src/ui/pages/Secrets/KeyValue/KeyValueNew.tsx
View file

@ -1,20 +1,20 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { SecretTitleElement } from "../SecretTitleElement";
import { createOrUpdateSecret } from "../../../../api/kv/createOrUpdateSecret";
import { Component, render } from "preact";
import { kvViewURL } from "../../pageLinks";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { kvViewURL } from "../../pageLinks";
export class KeyValueNewPage extends Component<DefaultPageProps> {
render(){
render() {
const baseMount = this.props.matches["baseMount"];
const secretPath = (this.props.matches["secretPath"] || "").split("/");
return(
return (
<>
<SecretTitleElement
type="kv"
@ -23,7 +23,11 @@ export class KeyValueNewPage extends Component<DefaultPageProps> {
suffix={i18next.t("kv_sec_edit_suffix")}
/>
<div>
<Form onSubmit={async (formData) => await this.newKVSecretHandleForm(formData, baseMount, secretPath)}>
<Form
onSubmit={async (formData) =>
await this.newKVSecretHandleForm(formData, baseMount, secretPath)
}
>
<Margin>
<input
class="uk-input uk-form-width-medium"
@ -42,20 +46,19 @@ export class KeyValueNewPage extends Component<DefaultPageProps> {
);
}
async newKVSecretHandleForm(formData: FormData, baseMount: string, secretPath: string[]): Promise<void> {
async newKVSecretHandleForm(
formData: FormData,
baseMount: string,
secretPath: string[],
): Promise<void> {
const path = formData.get("path") as string;
// TODO: check only do this on kv v1
let keyData = { "key": "value" };
const keyData = { key: "value" };
try {
await createOrUpdateSecret(
baseMount,
secretPath,
path,
keyData,
);
route(kvViewURL(baseMount, secretPath, path))
await createOrUpdateSecret(baseMount, secretPath, path, keyData);
route(kvViewURL(baseMount, secretPath, path));
} catch (e: unknown) {
const error = e as Error;
setErrorText(error.message);

44
src/ui/pages/Secrets/KeyValue/KeyValueSecret.tsx
View file

@ -1,15 +1,15 @@
import { CodeBlock } from "../../../elements/CodeBlock";
import { Component, JSX, render } from "preact";
import { CopyableInputBox } from "../../../elements/CopyableInputBox";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Grid, GridSizes } from "../../../elements/Grid";
import { SecretTitleElement } from "../SecretTitleElement";
import { getCapabilities } from "../../../../api/sys/getCapabilities";
import { getSecret } from "../../../../api/kv/getSecret";
import { kvDeleteURL, kvEditURL } from "../../pageLinks";
import { route } from "preact-router";
import { sortedObjectMap } from "../../../../utils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { kvDeleteURL, kvEditURL } from "../../pageLinks";
export type KVSecretViewProps = {
kvData: Record<string, unknown>;
@ -48,7 +48,7 @@ type KeyValueSecretState = {
secretItem: string;
caps: string[];
secretInfo: Record<string, unknown>;
}
};
export class KeyValueSecret extends Component<DefaultPageProps, KeyValueSecretState> {
async componentDidMount() {
@ -56,27 +56,22 @@ export class KeyValueSecret extends Component<DefaultPageProps, KeyValueSecretSt
const secretPath = this.props.matches["secretPath"].split("/");
const secretItem = this.props.matches["item"];
const caps = (
await getCapabilities(baseMount, secretPath, secretItem)
).capabilities;
const caps = (await getCapabilities(baseMount, secretPath, secretItem)).capabilities;
let secretPathAPI = secretPath.map((e) => e + "/");
const secretPathAPI = secretPath.map((e) => e + "/");
// TODO: this is a big hacky, fix when redo how api arguments work
secretPathAPI[secretPathAPI.length - 1] = String(secretPathAPI[secretPathAPI.length - 1]).replace("/", "").toString();
secretPathAPI[secretPathAPI.length - 1] = String(secretPathAPI[secretPathAPI.length - 1])
.replace("/", "")
.toString();
const secretInfo = await getSecret(
baseMount,
secretPathAPI,
secretItem,
);
const secretInfo = await getSecret(baseMount, secretPathAPI, secretItem);
this.setState({
baseMount,
secretPath,
secretItem,
caps,
secretInfo
})
secretInfo,
});
}
render() {
if (!this.state.baseMount) return;
@ -92,23 +87,25 @@ export class KeyValueSecret extends Component<DefaultPageProps, KeyValueSecretSt
/>
<div>
<p id="buttonsBlock">
{
this.state.caps.includes("delete") && (
{this.state.caps.includes("delete") && (
<button
class="uk-button uk-button-danger"
onClick={async () => {
route(kvDeleteURL(this.state.baseMount, this.state.secretPath, this.state.secretItem))
route(
kvDeleteURL(this.state.baseMount, this.state.secretPath, this.state.secretItem),
);
}}
>
{i18next.t("kv_secret_delete_btn")}
</button>
)
}
)}
{this.state.caps.includes("update") && (
<button
class="uk-button uk-button-primary"
onClick={async () => {
route(kvEditURL(this.state.baseMount, this.state.secretPath, this.state.secretItem))
route(
kvEditURL(this.state.baseMount, this.state.secretPath, this.state.secretItem),
);
}}
>
{i18next.t("kv_secret_edit_btn")}
@ -119,7 +116,6 @@ export class KeyValueSecret extends Component<DefaultPageProps, KeyValueSecretSt
{<KVSecretVew kvData={this.state.secretInfo} />}
</div>
</>
);
}
}

2
src/ui/pages/Secrets/KeyValue/KeyValueSecretsEdit.tsx
View file

@ -1,5 +1,6 @@
import { CodeEditor } from "../../../elements/CodeEditor";
import { Component, JSX, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { createOrUpdateSecret } from "../../../../api/kv/createOrUpdateSecret";
@ -7,7 +8,6 @@ import { getSecret } from "../../../../api/kv/getSecret";
import { setErrorText } from "../../../../pageUtils";
import { sortedObjectMap, verifyJSONString } from "../../../../utils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
export type KVEditProps = {
baseMount: string;

37
src/ui/pages/Secrets/KeyValue/KeyValueView.tsx
View file

@ -1,16 +1,15 @@
import { Component, createRef, JSX, render } from "preact";
import { CapabilitiesType, getCapabilitiesPath } from "../../../../api/sys/getCapabilities";
import { Component, JSX, createRef, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { DoesNotExistError } from "../../../../types/internalErrors";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { CapabilitiesType, getCapabilitiesPath } from "../../../../api/sys/getCapabilities";
import { getSecrets } from "../../../../api/kv/getSecrets";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { delSecretsEngineURL, kvListURL, kvNewURL, kvViewURL } from "../../pageLinks";
import { getMount } from "../../../../api/sys/getMounts";
import { getSecrets } from "../../../../api/kv/getSecrets";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
export type KVKeysListProps = DefaultPageProps & {
baseMount: string;
@ -28,11 +27,16 @@ function SecretsList(baseMount: string, secretPath: string[], secrets: string[])
<li>
<a
onClick={async () => {
console.log(baseMount, secretPath, secret)
console.log(baseMount, secretPath, secret);
if (secret.endsWith("/")) {
route(kvListURL(baseMount, [...secretPath, secret.replace("/", "")].filter((e)=>e.length > 0)))
route(
kvListURL(
baseMount,
[...secretPath, secret.replace("/", "")].filter((e) => e.length > 0),
),
);
} else {
route(kvViewURL(baseMount, secretPath, secret))
route(kvViewURL(baseMount, secretPath, secret));
}
}}
>
@ -54,10 +58,7 @@ export class KVKeysList extends Component<KVKeysListProps, KVKeysListState> {
async loadData(): Promise<void> {
try {
const keys = await getSecrets(
this.props.baseMount,
this.props.secretPath,
);
const keys = await getSecrets(this.props.baseMount, this.props.secretPath);
this.setState({
dataLoaded: true,
keys: keys,
@ -142,7 +143,7 @@ type KeyValueViewState = {
pathCaps: string[];
mountCaps: string[];
mountType: string;
}
};
export class KeyValueView extends Component<DefaultPageProps, KeyValueViewState> {
async componentDidMount() {
@ -181,7 +182,7 @@ export class KeyValueView extends Component<DefaultPageProps, KeyValueViewState>
<button
class="uk-button uk-button-primary"
onClick={async () => {
route(kvNewURL(baseMount, secretPath.length > 0 ? secretPath : null))
route(kvNewURL(baseMount, secretPath.length > 0 ? secretPath : null));
}}
>
{i18next.t("kv_view_new_btn")}
@ -191,7 +192,7 @@ export class KeyValueView extends Component<DefaultPageProps, KeyValueViewState>
<button
class="uk-button uk-button-danger"
onClick={async () => {
route(delSecretsEngineURL(baseMount))
route(delSecretsEngineURL(baseMount));
}}
>
{i18next.t("kv_view_delete_btn")}

8
src/ui/pages/Secrets/NewEngines/NewKVEngine.tsx
View file

@ -1,14 +1,14 @@
import { Component, render } from "preact";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { MarginInline } from "../../../elements/MarginInline";
import { Page } from "../../../../types/Page";
import { PageTitle } from "../../../elements/PageTitle";
import { kvListURL } from "../../pageLinks";
import { newMount } from "../../../../api/sys/newMount";
import { Component, render } from "preact";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { PageTitle } from "../../../elements/PageTitle";
import { route } from "preact-router";
import { kvListURL } from "../../pageLinks";
export class NewKVEngine extends Component {
render() {

13
src/ui/pages/Secrets/NewEngines/NewTOTPEngine.tsx
View file

@ -1,14 +1,14 @@
import { Component, render } from "preact";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { MarginInline } from "../../../elements/MarginInline";
import { Page } from "../../../../types/Page";
import { newMount } from "../../../../api/sys/newMount";
import { Component, render } from "preact";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { route } from "preact-router";
import { PageTitle } from "../../../elements/PageTitle";
import { newMount } from "../../../../api/sys/newMount";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import { totpListURL } from "../../pageLinks";
import i18next from "i18next";
export class NewTOTPEngine extends Component {
render() {
@ -31,7 +31,8 @@ export class NewTOTPEngine extends Component {
{i18next.t("new_totp_engine_create_btn")}
</button>
</MarginInline>
</Form>,
</Form>
,
</>
);
}

11
src/ui/pages/Secrets/NewEngines/NewTransitEngine.tsx
View file

@ -1,13 +1,13 @@
import { Component, render } from "preact";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { MarginInline } from "../../../elements/MarginInline";
import { Page } from "../../../../types/Page";
import { PageTitle } from "../../../elements/PageTitle";
import { newMount } from "../../../../api/sys/newMount";
import { Component, render } from "preact";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { PageTitle } from "../../../elements/PageTitle";
import { route } from "preact-router";
export class NewTransitEngine extends Component {
render() {
@ -30,7 +30,8 @@ export class NewTransitEngine extends Component {
{i18next.t("new_transit_engine_create_btn")}
</button>
</MarginInline>
</Form>,
</Form>
,
</>
);
}
@ -43,7 +44,7 @@ export class NewTransitEngine extends Component {
name: name,
type: "transit",
});
route("/secrets/transit/list/" + name + "/")
route("/secrets/transit/list/" + name + "/");
} catch (e) {
const error = e as Error;
setErrorText(error.message);

14
src/ui/pages/Secrets/NewSecretsEngine.tsx
View file

@ -1,10 +1,10 @@
import { Component, render } from "preact";
import { Grid, GridSizes } from "../../elements/Grid";
import { Page } from "../../../types/Page";
import { Tile } from "../../elements/Tile";
import { Component, render } from "preact";
import i18next from "i18next";
import { route } from "preact-router";
import { PageTitle } from "../../elements/PageTitle";
import { Tile } from "../../elements/Tile";
import { route } from "preact-router";
import i18next from "i18next";
export class NewSecretsEngine extends Component {
render() {
@ -16,21 +16,21 @@ export class NewSecretsEngine extends Component {
title={i18next.t("new_secrets_engine_kv_title")}
description={i18next.t("new_secrets_engine_kv_description")}
onclick={async () => {
route("/secrets/new_secrets_engine/kv")
route("/secrets/new_secrets_engine/kv");
}}
/>
<Tile
title={i18next.t("new_secrets_engine_totp_title")}
description={i18next.t("new_secrets_engine_totp_description")}
onclick={async () => {
route("/secrets/new_secrets_engine/totp")
route("/secrets/new_secrets_engine/totp");
}}
/>
<Tile
title={i18next.t("new_secrets_engine_transit_title")}
description={i18next.t("new_secrets_engine_transit_description")}
onclick={async () => {
route("/secrets/new_secrets_engine/transit")
route("/secrets/new_secrets_engine/transit");
}}
/>
</Grid>

18
src/ui/pages/Secrets/SecretTitleElement.tsx
View file

@ -1,6 +1,6 @@
import { route } from "preact-router";
import { JSX } from "preact/jsx-runtime";
import { kvListURL } from "../pageLinks";
import { route } from "preact-router";
type SecretTitleElementProps = {
type: string;
@ -17,7 +17,6 @@ export function SecretTitleElement(props: SecretTitleElementProps): JSX.Element
const baseMount = props.baseMount;
const secretPath = props.secretPath || [];
return (
<h3 class="uk-card-title" id="pageTitle">
<div>
@ -30,24 +29,29 @@ export function SecretTitleElement(props: SecretTitleElementProps): JSX.Element
{"/ "}
</a>
<a href={"/secrets/" + type + "/list/" + baseMount + "/"} test-data="secrets-title-baseMount">
<a
href={"/secrets/" + type + "/list/" + baseMount + "/"}
test-data="secrets-title-baseMount"
>
{baseMount + "/ "}
</a>
{...secretPath.map((secretPath, index, secretPaths) => {
// TODO: find where a '' is returned so dont need this
if (secretPath.length < 1) return;
return <a test-data="secrets-title-secretPath"
return (
<a
test-data="secrets-title-secretPath"
onClick={async () => {
if (type == "kv") {
let secretPath = secretPaths.slice(0, index + 1);
route(kvListURL(baseMount, secretPath))
const secretPath = secretPaths.slice(0, index + 1);
route(kvListURL(baseMount, secretPath));
}
}}
>
{secretPath + "/" + " "}
</a>
);
})}
{item.length != 0 && <span>{item}</span>}
{suffix.length != 0 && <span>{suffix}</span>}

38
src/ui/pages/Secrets/SecretsHome.tsx
View file

@ -1,14 +1,14 @@
import { Component, JSX, render } from "preact";
import { DefaultPageProps } from "../../../types/DefaultPageProps";
import { MountType, getMounts } from "../../../api/sys/getMounts";
import { Page } from "../../../types/Page";
import { PageState } from "../../../state/PageState";
import { PageTitle } from "../../elements/PageTitle";
import { getCapsPath } from "../../../api/sys/getCapabilities";
import { prePageChecks } from "../../../pageUtils";
import { route } from "preact-router";
import { sortedObjectMap } from "../../../utils";
import i18next from "i18next";
import { PageState } from "../../../state/PageState";
import { DefaultPageProps } from "../../../types/DefaultPageProps";
import { route } from "preact-router";
import { PageTitle } from "../../elements/PageTitle";
const supportedMountTypes = ["kv", "totp", "transit", "cubbyhole"];
@ -46,21 +46,19 @@ function MountLink(props: MountLinkProps): JSX.Element {
mountPathType = "kv";
}
let link = "/secrets/" + mountPathType + "/list/" + baseMount;
const link = "/secrets/" + mountPathType + "/list/" + baseMount;
return (
<li>
<a href={link}>
{linkText}
</a>
<a href={link}>{linkText}</a>
</li>
);
}
type SecretsState = {
mountsMap: Map<String, MountType>;
mountsMap: Map<string, MountType>;
capabilities: string[];
}
};
export class Secrets extends Component<DefaultPageProps, SecretsState> {
async componentDidMount() {
@ -72,23 +70,24 @@ export class Secrets extends Component<DefaultPageProps, SecretsState> {
const mountsMap = sortedObjectMap(mounts);
this.setState({
capabilities: mountsCapabilities,
mountsMap: mountsMap as Map<String, MountType>
})
mountsMap: mountsMap as Map<string, MountType>,
});
}
render() {
return this.state.mountsMap && (
return (
this.state.mountsMap && (
<>
<PageTitle title={i18next.t("secrets_home_page_title")} />
<div>
<div>
<p>
{this.state.capabilities.includes("sudo") && this.state.capabilities.includes("create") && (
{this.state.capabilities.includes("sudo") &&
this.state.capabilities.includes("create") && (
<button
class="uk-button uk-button-primary"
onClick={() => {
route("/secrets/new_secrets_engine")
route("/secrets/new_secrets_engine");
}}
>
{i18next.t("secrets_home_new_secrets_engine_button")}
@ -101,15 +100,18 @@ export class Secrets extends Component<DefaultPageProps, SecretsState> {
{Array.from(this.state.mountsMap).map((args: [string, MountType]) => {
const baseMount = args[0];
const mount = args[1];
console.log(baseMount, mount)
console.log(baseMount, mount);
if (isSupportedMount(mount)) {
return <MountLink state={this.props.state} mount={mount} baseMount={baseMount} />;
return (
<MountLink state={this.props.state} mount={mount} baseMount={baseMount} />
);
}
})}
</ul>
</div>
</div>
</>
)
);
}
}

11
src/ui/pages/Secrets/TOTP/TOTPDelete.tsx
View file

@ -1,11 +1,11 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { deleteTOTP } from "../../../../api/totp/deleteTOTP";
import { Component, render } from "preact";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { totpListURL } from "../../pageLinks";
import i18next from "i18next";
export class TOTPDelete extends Component<DefaultPageProps> {
render() {
@ -22,8 +22,8 @@ export class TOTPDelete extends Component<DefaultPageProps> {
<button
class="uk-button uk-button-danger"
onClick={async () => {
let baseMount = this.props.matches["baseMount"];
let item = this.props.matches["item"];
const baseMount = this.props.matches["baseMount"];
const item = this.props.matches["item"];
await deleteTOTP(baseMount, item);
route(totpListURL(baseMount));
}}
@ -32,7 +32,6 @@ export class TOTPDelete extends Component<DefaultPageProps> {
</button>
</div>
</>
);
}
}

12
src/ui/pages/Secrets/TOTP/TOTPNew.tsx
View file

@ -1,4 +1,5 @@
import { Component, JSX, createRef, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { MarginInline } from "../../../elements/MarginInline";
@ -6,10 +7,9 @@ import { Page } from "../../../../types/Page";
import { QRScanner } from "../../../elements/QRScanner";
import { SecretTitleElement } from "../SecretTitleElement";
import { addNewTOTP } from "../../../../api/totp/addNewTOTP";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { route } from "preact-router";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
function replaceAll(str: string, replace: string, replaceWith: string): string {
return str.replace(new RegExp(replace, "g"), replaceWith);
@ -41,7 +41,7 @@ export class TOTPNewForm extends Component<{ baseMount: string }, { qrMode: bool
try {
await addNewTOTP(this.props.baseMount, parms);
route("/secrets/totp/list/" + this.props.baseMount)
route("/secrets/totp/list/" + this.props.baseMount);
} catch (e: unknown) {
const error = e as Error;
setErrorText(`API Error: ${error.message}`);
@ -124,7 +124,11 @@ export class TOTPNew extends Component<DefaultPageProps> {
const baseMount = this.props.matches["baseMount"];
return (
<>
<SecretTitleElement type="totp" baseMount={baseMount} suffix={i18next.t("totp_new_suffix")} />
<SecretTitleElement
type="totp"
baseMount={baseMount}
suffix={i18next.t("totp_new_suffix")}
/>
<TOTPNewForm baseMount={baseMount} />
</>
);

52
src/ui/pages/Secrets/TOTP/TOTPView.tsx
View file

@ -1,28 +1,31 @@
import {
CapabilitiesType,
getCapabilitiesPath,
getCapsPath,
} from "../../../../api/sys/getCapabilities";
import { Component, JSX, render } from "preact";
import { CopyableInputBox } from "../../../elements/CopyableInputBox";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { DoesNotExistError } from "../../../../types/internalErrors";
import { Grid, GridSizes } from "../../../elements/Grid";
import { MarginInline } from "../../../elements/MarginInline";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { CapabilitiesType, getCapabilitiesPath, getCapsPath } from "../../../../api/sys/getCapabilities";
import { delSecretsEngineURL, totpNewURL } from "../../pageLinks";
import { getTOTPCode } from "../../../../api/totp/getTOTPCode";
import { getTOTPKeys } from "../../../../api/totp/getTOTPKeys";
import { removeDoubleSlash } from "../../../../utils";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { delSecretsEngineURL, totpNewURL } from "../../pageLinks";
type TOTPGridItemProps = {
baseMount: string; totpKey: string; canDelete: boolean;
}
baseMount: string;
totpKey: string;
canDelete: boolean;
};
export class RefreshingTOTPGridItem extends Component<
TOTPGridItemProps,
{ totpValue: string }
> {
export class RefreshingTOTPGridItem extends Component<TOTPGridItemProps, { totpValue: string }> {
constructor() {
super();
this.state = { totpValue: "" };
@ -73,7 +76,7 @@ export class RefreshingTOTPGridItem extends Component<
type TOTPViewState = {
capabilities?: CapabilitiesType;
totpItems: TOTPGridItemProps[];
}
};
export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
constructor() {
@ -85,7 +88,7 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
refresher: number;
async componentDidMount() {
var baseMount = this.props.matches["baseMount"];
const baseMount = this.props.matches["baseMount"];
const mountsPath = "/sys/mounts/" + baseMount;
const caps = await getCapabilitiesPath([mountsPath, baseMount]);
@ -95,9 +98,7 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
try {
totpItems = await Promise.all(
Array.from(await getTOTPKeys(baseMount)).map(async (key) => {
const totpCaps = await getCapsPath(
removeDoubleSlash(baseMount + "/code/" + key),
);
const totpCaps = await getCapsPath(removeDoubleSlash(baseMount + "/code/" + key));
if (totpCaps.includes("read")) {
return {
baseMount: baseMount,
@ -116,13 +117,13 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
this.setState({
capabilities: caps,
totpItems: totpItems
totpItems: totpItems,
});
}
render() {
if (!this.state.capabilities) return;
var baseMount = this.props.matches["baseMount"];
const baseMount = this.props.matches["baseMount"];
const mountsPath = "/sys/mounts/" + baseMount;
const mountCaps = this.state.capabilities[mountsPath];
@ -137,7 +138,7 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
<button
class="uk-button uk-button-primary"
onClick={async () => {
route(totpNewURL(baseMount))
route(totpNewURL(baseMount));
}}
>
{i18next.t("totp_view_new_btn")}
@ -147,7 +148,7 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
<button
class="uk-button uk-button-danger"
onClick={async () => {
route(delSecretsEngineURL(baseMount))
route(delSecretsEngineURL(baseMount));
}}
>
{i18next.t("totp_view_delete_btn")}
@ -155,25 +156,24 @@ export class TOTPView extends Component<DefaultPageProps, TOTPViewState> {
)}
</p>
<div id="totpList">
{
(() => {
{(() => {
if (this.state.totpItems.length == 0) {
return <p>{i18next.t("totp_view_empty")}</p>;
} else {
return this.state.totpItems.map((totpItem) => {
return <RefreshingTOTPGridItem
return (
<RefreshingTOTPGridItem
baseMount={totpItem.baseMount}
totpKey={totpItem.totpKey}
canDelete={totpItem.canDelete}
/>
})
}
})()
);
});
}
})()}
</div>
</div>
</>
);
}
}

11
src/ui/pages/Secrets/Transit/NewTransitKey.tsx
View file

@ -1,14 +1,14 @@
import { Component } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Form } from "../../../elements/Form";
import { Margin } from "../../../elements/Margin";
import { MarginInline } from "../../../elements/MarginInline";
import { SecretTitleElement } from "../SecretTitleElement";
import { newTransitKey } from "../../../../api/transit/newTransitKey";
import { Component } from "preact";
import { setErrorText } from "../../../../pageUtils";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { route } from "preact-router";
import { setErrorText } from "../../../../pageUtils";
import { transitViewSecretURL } from "../../pageLinks";
import i18next from "i18next";
export class NewTransitKey extends Component<DefaultPageProps> {
constructor() {
@ -65,7 +65,6 @@ export class NewTransitKey extends Component<DefaultPageProps> {
</MarginInline>
</Form>
</>
);
}
@ -80,7 +79,7 @@ export class NewTransitKey extends Component<DefaultPageProps> {
name: name,
type: type,
});
route(transitViewSecretURL(baseMount, name))
route(transitViewSecretURL(baseMount, name));
} catch (e) {
const error = e as Error;
setErrorText(error.message);

18
src/ui/pages/Secrets/Transit/TransitView.tsx
View file

@ -1,11 +1,11 @@
import { Component, JSX, render } from "preact";
import { SecretTitleElement } from "../SecretTitleElement";
import { CapabilitiesType, getCapabilitiesPath } from "../../../../api/sys/getCapabilities";
import { getTransitKeys } from "../../../../api/transit/getTransitKeys";
import i18next from "i18next";
import { route } from "preact-router";
import { Component, JSX, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { SecretTitleElement } from "../SecretTitleElement";
import { delSecretsEngineURL, transitNewSecretURL, transitViewSecretURL } from "../../pageLinks";
import { getTransitKeys } from "../../../../api/transit/getTransitKeys";
import { route } from "preact-router";
import i18next from "i18next";
type TransitViewListState = {
contentLoaded: boolean;
@ -58,7 +58,7 @@ export class TransitViewListItem extends Component<{ baseMount: string }, Transi
<li>
<a
onClick={async () => {
route(transitViewSecretURL(this.props.baseMount, key))
route(transitViewSecretURL(this.props.baseMount, key));
}}
>
{key}
@ -70,13 +70,13 @@ export class TransitViewListItem extends Component<{ baseMount: string }, Transi
}
}
export class TransitView extends Component<DefaultPageProps, {caps: CapabilitiesType}> {
export class TransitView extends Component<DefaultPageProps, { caps: CapabilitiesType }> {
async componentDidMount() {
const baseMount = this.props.matches["baseMount"];
const mountsPath = "/sys/mounts/" + baseMount;
const caps = await getCapabilitiesPath([mountsPath, baseMount]);
this.setState({caps})
this.setState({ caps });
}
render() {
@ -105,7 +105,7 @@ export class TransitView extends Component<DefaultPageProps, {caps: Capabilities
<button
class="uk-button uk-button-danger"
onClick={async () => {
route(delSecretsEngineURL(baseMount))
route(delSecretsEngineURL(baseMount));
}}
>
{i18next.t("transit_view_delete_btn")}

13
src/ui/pages/Secrets/Transit/TransitViewSecret.tsx
View file

@ -1,19 +1,19 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { Grid, GridSizes } from "../../../elements/Grid";
import { Page } from "../../../../types/Page";
import { SecretTitleElement } from "../SecretTitleElement";
import { Tile } from "../../../elements/Tile";
import { getTransitKey } from "../../../../api/transit/getTransitKey";
import { Component, render } from "preact";
import i18next from "i18next";
import { DefaultPageProps } from "../../../../types/DefaultPageProps";
import { TransitKeyType } from "../../../../api/types/transit";
import { getTransitKey } from "../../../../api/transit/getTransitKey";
import i18next from "i18next";
export class TransitViewSecret extends Component<DefaultPageProps, {transitKey: TransitKeyType}> {
export class TransitViewSecret extends Component<DefaultPageProps, { transitKey: TransitKeyType }> {
async componentDidMount() {
const baseMount = this.props.matches["baseMount"];
const secretItem = this.props.matches["secretItem"];
const transitKey = await getTransitKey(baseMount, secretItem);
this.setState({transitKey});
this.setState({ transitKey });
}
render() {
@ -22,7 +22,6 @@ export class TransitViewSecret extends Component<DefaultPageProps, {transitKey:
const secretItem = this.props.matches["secretItem"];
const transitKey = this.state.transitKey;
return (
<Grid size={GridSizes.MATCHING_TWO_ROWS}>
{transitKey.supports_encryption && (

9
src/ui/pages/SetLanguage.tsx
View file

@ -2,14 +2,14 @@
import translations from "../../translations/index.mjs";
// ts-unignore
import { Component } from "preact";
import { DefaultPageProps } from "../../types/DefaultPageProps.js";
import { Form } from "../elements/Form";
import { Margin } from "../elements/Margin";
import { MarginInline } from "../elements/MarginInline";
import { Component } from "preact";
import i18next from "i18next";
import { route } from "preact-router";
import { PageTitle } from "../elements/PageTitle";
import { DefaultPageProps } from "../../types/DefaultPageProps.js";
import { route } from "preact-router";
import i18next from "i18next";
const languageIDs = Object.getOwnPropertyNames(translations);
@ -40,7 +40,6 @@ export class SetLanguage extends Component<DefaultPageProps> {
</Form>
</>
);
}
async onSubmit(data: FormData): Promise<void> {

8
src/ui/pages/SetVaultURL.tsx
View file

@ -1,10 +1,10 @@
import { Component, render } from "preact";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { Form } from "../elements/Form";
import { Margin } from "../elements/Margin";
import { Page } from "../../types/Page";
import { Component, render } from "preact";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { route } from "preact-router";
import { PageTitle } from "../elements/PageTitle";
import { route } from "preact-router";
export class SetVaultURL extends Component<DefaultPageProps> {
render() {
@ -35,7 +35,7 @@ export class SetVaultURL extends Component<DefaultPageProps> {
async onSubmit(data: FormData): Promise<void> {
// TODO: check if vault is actually working here.
this.props.state.apiURL = data.get("vaultURL") as string;
route("/")
route("/");
}
get name(): string {

6
src/ui/pages/Unseal.tsx
View file

@ -5,13 +5,13 @@ import { Page } from "../../types/Page";
import { QRScanner } from "../elements/QRScanner";
import { getSealStatus } from "../../api/sys/getSealStatus";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { PageTitle } from "../elements/PageTitle";
import { route } from "preact-router";
import { setErrorText } from "../../pageUtils";
import { submitUnsealKey } from "../../api/sys/submitUnsealKey";
import { toStr } from "../../utils";
import i18next from "i18next";
import { DefaultPageProps } from "../../types/DefaultPageProps";
import { PageTitle } from "../elements/PageTitle";
import { route } from "preact-router";
const UnsealInputModes = {
FORM_INPUT: "FORM_INPUT",

1
src/ui/pages/pageLinks.tsx
View file

@ -51,5 +51,4 @@ export function transitViewSecretURL(baseMount: string, secret: string): string
return `/secrets/transit/view/${baseMount}/${secret}`;
}
//