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

96 lines
2.6 KiB
JavaScript
Raw Normal View History

2021-04-17 10:45:42 +01:00
import { Page } from "../../types/Page.js";
import { transitEncrypt } from "../../api.js";
import { setPageContent, setTitleElement, setErrorText } from "../../pageUtils.js";
import { makeElement } from "../../htmlUtils.js";
import { Margin } from "../../elements/Margin.js";
import { CopyableModal } from "../../elements/CopyableModal.js";
2021-04-17 10:29:22 +01:00
import UIkit from 'uikit/dist/js/uikit.min.js';
2021-04-16 18:57:59 +01:00
export class TransitEncryptPage extends Page {
constructor() {
super();
}
goBack() {
2021-04-17 11:24:43 +01:00
changePage("TRANSIT_VIEW_SECRET");
2021-04-16 18:57:59 +01:00
}
async render() {
setTitleElement(pageState);
setPageContent(makeElement({
tag: "div"
}));
this.transitEncryptForm = makeElement({
tag: "form",
children: [
Margin(makeElement({
tag: "textarea",
class: ["uk-textarea", "uk-form-width-medium"],
attributes: {
placeholder: "Plaintext or base64",
name: "plaintext",
}
})),
Margin([
makeElement({
tag: "div",
class: "uk-form-label",
text: "Is the data already encoded in base64?",
}),
makeElement({
tag: "div",
class: ["uk-form-controls", "uk-form-controls-text"],
children: makeElement({
tag: "input",
class: ["uk-checkbox"],
attributes: {
type: "checkbox",
name: "base64Checkbox",
}
}),
}),
]),
makeElement({
tag: "p",
id: "errorText",
class: "uk-text-danger"
}),
makeElement({
tag: "button",
class: ["uk-button", "uk-button-primary"],
text: "Encrypt",
attributes: {
type: "submit",
}
})
]
});
setPageContent(this.transitEncryptForm);
this.transitEncryptForm.addEventListener("submit", function (e) {
e.preventDefault();
2021-04-17 10:29:22 +01:00
this.transitEncryptFormHandler();
2021-04-16 18:57:59 +01:00
}.bind(this));
}
transitEncryptFormHandler() {
2021-04-17 10:29:22 +01:00
let formData = new FormData(this.transitEncryptForm);
let encodedData = formData.get("base64Checkbox") ? formData.get("plaintext") : btoa(formData.get("plaintext"));
transitEncrypt(pageState.currentBaseMount, pageState.currentSecret, encodedData).then(res => {
console.log(res);
let modal = CopyableModal("Encryption Result", res.ciphertext);
pageContent.appendChild(modal);
UIkit.modal(modal).show();
}).catch(e => {
setErrorText(`API Error: ${e.message}`);
});
2021-04-16 18:57:59 +01:00
}
get titlePrefix() {
return " (encrypt)";
}
2021-04-16 18:57:59 +01:00
get name() {
return "Transit Encrypt";
}
}