2021-04-17 10:45:42 +01:00
|
|
|
import { Page } from "../../types/Page.js";
|
|
|
|
import { transitEncrypt } from "../../api.js";
|
2021-04-17 11:30:10 +01:00
|
|
|
import { setPageContent, setTitleElement, setErrorText, changePage } from "../../pageUtils.js";
|
2021-04-17 10:45:42 +01:00
|
|
|
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
|
|
|
}
|
|
|
|
|
2021-04-17 11:06:34 +01:00
|
|
|
get titlePrefix() {
|
|
|
|
return " (encrypt)";
|
|
|
|
}
|
|
|
|
|
2021-04-16 18:57:59 +01:00
|
|
|
get name() {
|
|
|
|
return "Transit Encrypt";
|
|
|
|
}
|
|
|
|
}
|