Page MenuHomeSealhub
Files F7862358

account-creation-details.ts
No OneTemporary
Actions

account-creation-details.ts
View Options

import * as assert from "assert";
import fs from "fs";
import { promisify } from "util";
import App from "../../app/app";
import { File } from "../../main";
const readFile = promisify(fs.readFile);
// @ts-ignore
const locreq = require("locreq")(__dirname);
let css: string;
let get_css = async () => {
if (!css) {
css = await readFile(
locreq.resolve("src/assets/vertical-rhythm.css"),
"utf-8"
);
}
return css;
};
let render_form = async (
app: App,
{ token, email }: { token: string; email: string }
) => /* HTML */ `
<!DOCTYPE html>
<html>
<style>
${await get_css()} html {
background-color: #edeaea;
}
body {
max-width: 21cm;
margin: 1cm auto;
font-family: sans-serif;
background-color: white;
padding: 1cm;
box-sizing: border-box;
}
.reveal-button {
margin-left: -0.5rem;
}
img {
max-height: 55vh;
max-width: 100%;
}
</style>
<meta charset="utf-8" />
<title>
${app.manifest.name} - ${app.i18n("registration_intent_cta")}
</title>
<img src="/api/v1/logo" alt="${app.manifest.name} - logo" />
<h1>${app.i18n("registration_intent_cta")}</h1>
<form
method="POST"
id="form"
action="/finalize-registration-intent"
onkeypress="checkSubmit(event)"
>
<input type="hidden" name="token" value="${token}" />
<fieldset>
<legend>
${app.i18n("registration_intent_form_description")}
</legend>
<label for="email">
Email
<input type="email" disabled id="email" value="${email}" />
</label>
<br />
<label for="username">
Login
<input type="text" id="username" name="username" />
</label>
<br />
<label for="pwd">
${app.i18n("password")}
<input id="pwd" name="password" type="password" size="32" />
<button
id="reveal"
class="reveal-button"
onclick="toggle(event)"
title="${app.i18n("reveal_password")}"
>
🙈
</button>
</label>
<br />
<input
type="submit"
value="${app.i18n("registration_intent_cta")}"
/>
</fieldset>
</form>
<script>
function toggle(event) {
event.preventDefault();
if (pwd.type == "password") {
pwd.type = "text";
reveal.textContent = "👀";
} else {
pwd.type = "password";
reveal.textContent = "🙈";
}
return null;
}
function checkSubmit(event) {
if (
event.keyCode == 13 &&
document.activeElement.id != "reveal"
) {
event.preventDefault();
document.querySelector("#form").submit();
}
}
</script>
</html>
`;
export default (app: App) => {
app.HTTPServer.custom_route(
"GET",
"/account-creation-details",
async (app, _, { token, email }) => {
assert.equal(typeof token, "string", "Token must be a string.");
assert.equal(typeof email, "string", "Email must be a string.");
const file = await File.fromData(
app,
await render_form(app, { token, email })
);
file.filename = "account-detail.html";
return file;
}
);
};

File Metadata

Mime Type
text/html
Expires
Wed, Aug 13, 20:26 (21 h, 47 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
868749
Default Alt Text
account-creation-details.ts (2 KB)

Event Timeline