@e280/authlocal
Version:
User-sovereign login system for everybody
37 lines (34 loc) • 1.21 kB
JavaScript
import { html, shadowView } from "@benev/slate";
import stylesCss from "./styles.css.js";
import themeCss from "../../../theme.css.js";
import { Summary } from "../../common/summary/view.js";
import { Confirmer } from "../../common/confirmer/view.js";
import { randomDigits } from "../../../../tools/random-digits.js";
export const DeletePage = shadowView(use => (situation) => {
use.name("delete-page");
use.styles([themeCss, stylesCss]);
const { identities } = situation;
const requiredText = use.once(() => randomDigits(5));
return html `
<section theme-plate>
<section theme-zone=danger>
<h2>Delete ${identities.length} ${identities.length === 1 ? "identity" : "identities"}</h2>
${Summary([identities])}
${Confirmer([{
requiredText,
buttonLabel: () => "Delete",
onConfirmed: async () => {
await situation.onDelete(situation.identities.map(p => p.id));
await situation.onBack();
},
}])}
</section>
<footer theme-buttons>
<button theme-button=back @click="${situation.onBack}">
Back
</button>
</footer>
</section>
`;
});
//# sourceMappingURL=view.js.map