1
0
Fork 0
VaultUI/src/pages/Transit/TransitEncrypt.ts

124 lines
3.6 KiB
TypeScript
Raw Normal View History

2021-05-08 00:30:44 +01:00
import { CopyableModal } from "../../elements/CopyableModal";
import { FileUploadInput } from "../../elements/FileUploadInput";
import { Margin } from "../../elements/Margin";
2021-05-07 23:33:58 +01:00
import { Page } from "../../types/Page";
2021-05-07 23:21:38 +01:00
import { changePage, setErrorText, setPageContent, setTitleElement } from "../../pageUtils";
import { fileToBase64, makeElement } from "../../htmlUtils";
2021-05-08 03:36:26 +01:00
import { pageState } from "../../globalPageState";
2021-05-09 11:18:18 +01:00
import { transitEncrypt } from "../../api/transit/transitEncrypt";
import i18next from "i18next";
2021-04-17 10:29:22 +01:00
2021-04-16 18:57:59 +01:00
export class TransitEncryptPage extends Page {
constructor() {
super();
}
2021-05-08 03:36:26 +01:00
goBack(): void {
2021-04-17 11:24:43 +01:00
changePage("TRANSIT_VIEW_SECRET");
2021-04-16 18:57:59 +01:00
}
2021-05-08 03:36:26 +01:00
transitEncryptForm: HTMLFormElement;
2021-05-10 11:35:14 +01:00
render(): void {
2021-04-16 18:57:59 +01:00
setTitleElement(pageState);
setPageContent(
makeElement({
tag: "div",
}),
);
2021-04-16 18:57:59 +01:00
this.transitEncryptForm = makeElement({
tag: "form",
children: [
Margin(
makeElement({
tag: "textarea",
class: ["uk-textarea", "uk-form-width-medium"],
attributes: {
placeholder: i18next.t("transit_encrypt_input_placeholder"),
name: "plaintext",
},
}),
),
Margin(FileUploadInput("plaintext_file")),
2021-04-16 18:57:59 +01:00
Margin([
makeElement({
tag: "div",
class: "uk-form-label",
text: i18next.t("transit_encrypt_already_encoded_checkbox"),
2021-04-16 18:57:59 +01:00
}),
makeElement({
tag: "div",
class: ["uk-form-controls", "uk-form-controls-text"],
children: makeElement({
tag: "input",
class: "uk-checkbox",
2021-04-16 18:57:59 +01:00
attributes: {
type: "checkbox",
name: "base64Checkbox",
},
2021-04-16 18:57:59 +01:00
}),
}),
]),
makeElement({
tag: "p",
id: "errorText",
class: "uk-text-danger",
2021-04-16 18:57:59 +01:00
}),
makeElement({
tag: "button",
class: ["uk-button", "uk-button-primary"],
text: i18next.t("transit_encrypt_encrypt_btn"),
2021-04-16 18:57:59 +01:00
attributes: {
type: "submit",
},
}),
],
2021-05-08 03:36:26 +01:00
}) as HTMLFormElement;
2021-04-16 18:57:59 +01:00
setPageContent(this.transitEncryptForm);
2021-05-12 14:54:25 +01:00
this.transitEncryptForm.addEventListener("submit", (e: Event) => {
2021-04-16 18:57:59 +01:00
e.preventDefault();
2021-05-12 14:54:25 +01:00
void this.transitEncryptFormHandler();
});
2021-04-16 18:57:59 +01:00
}
async transitEncryptFormHandler(): Promise<void> {
2021-05-08 03:36:26 +01:00
const formData = new FormData(this.transitEncryptForm);
const base64Checkbox = formData.get("base64Checkbox") as string;
let plaintext = formData.get("plaintext") as string;
const plaintext_file = formData.get("plaintext_file") as File;
if (plaintext_file.size > 0) {
plaintext = (await fileToBase64(plaintext_file)).replace("data:text/plain;base64,", "");
plaintext = base64Checkbox == "on" ? atob(plaintext) : plaintext;
} else {
plaintext = base64Checkbox == "on" ? plaintext : btoa(plaintext);
}
try {
const res = await transitEncrypt(pageState.currentBaseMount, pageState.currentSecret, {
plaintext: plaintext,
});
const modal = CopyableModal(
i18next.t("transit_encrypt_encryption_result_modal_title"),
res.ciphertext,
);
2021-05-08 03:36:26 +01:00
document.body.querySelector("#pageContent").appendChild(modal);
2021-05-10 11:35:14 +01:00
modal.show();
} catch (e: unknown) {
const error = e as Error;
setErrorText(`API Error: ${error.message}`);
}
2021-04-16 18:57:59 +01:00
}
2021-05-08 03:36:26 +01:00
get titleSuffix(): string {
return i18next.t("transit_encrypt_suffix");
}
2021-05-08 03:36:26 +01:00
get name(): string {
return i18next.t("transit_encrypt_title");
2021-04-16 18:57:59 +01:00
}
}