web/user: update form to update mfa devices

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2021-10-30 15:16:27 +02:00
parent f5dc81907a
commit 06766bdb25
5 changed files with 100 additions and 38 deletions
--- a/web/src/user/user-settings/mfa/MFADeviceForm.ts
+++ b/web/src/user/user-settings/mfa/MFADeviceForm.ts
@ -0,0 +1,75 @@
+import { t } from "@lingui/macro";
+
+import { TemplateResult, html } from "lit";
+import { customElement } from "lit/decorators";
+import { ifDefined } from "lit/directives/if-defined";
+
+import { AuthenticatorsApi, Device } from "@goauthentik/api";
+
+import { DEFAULT_CONFIG } from "../../../api/Config";
+import "../../../elements/forms/HorizontalFormElement";
+import { ModelForm } from "../../../elements/forms/ModelForm";
+
+@customElement("ak-user-mfa-form")
+export class MFADeviceForm extends ModelForm<Device, number> {
+    loadInstance(pk: number): Promise<Device> {
+        return new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsAllList().then((devices) => {
+            return devices.filter((device) => device.pk === pk)[0];
+        });
+    }
+
+    getSuccessMessage(): string {
+        return t`Successfully updated device.`;
+    }
+
+    send = async (device: Device): Promise<Device> => {
+        switch (this.instance?.type) {
+            case "authentik_stages_authenticator_duo.DuoDevice":
+                await new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsDuoUpdate({
+                    id: this.instance?.pk,
+                    duoDeviceRequest: device,
+                });
+                break;
+            case "authentik_stages_authenticator_sms.SMSDevice":
+                await new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsSmsUpdate({
+                    id: this.instance?.pk,
+                    sMSDeviceRequest: device,
+                });
+                break;
+            case "otp_totp.TOTPDevice":
+                await new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsTotpUpdate({
+                    id: this.instance?.pk,
+                    tOTPDeviceRequest: device,
+                });
+                break;
+            case "otp_static.StaticDevice":
+                await new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsStaticUpdate({
+                    id: this.instance?.pk,
+                    staticDeviceRequest: device,
+                });
+                break;
+            case "authentik_stages_authenticator_webauthn.WebAuthnDevice":
+                await new AuthenticatorsApi(DEFAULT_CONFIG).authenticatorsWebauthnUpdate({
+                    id: this.instance?.pk,
+                    webAuthnDeviceRequest: device,
+                });
+                break;
+            default:
+                break;
+        }
+        return device;
+    };
+
+    renderForm(): TemplateResult {
+        return html`<form class="pf-c-form pf-m-horizontal">
+            <ak-form-element-horizontal label=${t`Name`} ?required=${true} name="name">
+                <input
+                    type="text"
+                    value="${ifDefined(this.instance?.name)}"
+                    class="pf-c-form-control"
+                    required
+                />
+            </ak-form-element-horizontal>
+        </form>`;
+    }
+}