web: add initial user view page with consent

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
2021-03-20 16:37:31 +01:00
parent 077abdb602
commit 4525a43e63
6 changed files with 164 additions and 9 deletions
--- a/web/src/elements/user/UserConsentList.ts
+++ b/web/src/elements/user/UserConsentList.ts
@ -0,0 +1,55 @@
+import { gettext } from "django";
+import { customElement, html, property, TemplateResult } from "lit-element";
+import { AKResponse } from "../../api/Client";
+import { Table, TableColumn } from "../table/Table";
+
+import "../forms/DeleteForm";
+import { PAGE_SIZE } from "../../constants";
+import { CoreApi, UserConsent } from "authentik-api";
+import { DEFAULT_CONFIG } from "../../api/Config";
+
+@customElement("ak-user-consent-list")
+export class UserConsentList extends Table<UserConsent> {
+    @property()
+    userId?: string;
+
+    apiEndpoint(page: number): Promise<AKResponse<UserConsent>> {
+        return new CoreApi(DEFAULT_CONFIG).coreUserConsentList({
+            user: this.userId,
+            ordering: "expires",
+            page: page,
+            pageSize: PAGE_SIZE,
+        });
+    }
+
+    order = "-expires";
+
+    columns(): TableColumn[] {
+        return [
+            new TableColumn("Application", "application"),
+            new TableColumn("Expires", "expires"),
+            new TableColumn(""),
+        ];
+    }
+
+    row(item: UserConsent): TemplateResult[] {
+        return [
+            html`${item.application.name}`,
+            html`${item.expires?.toLocaleString()}`,
+            html`
+            <ak-forms-delete
+                .obj=${item}
+                objectLabel=${gettext("Consent")}
+                .delete=${() => {
+                    return new CoreApi(DEFAULT_CONFIG).coreUserConsentDelete({
+                        id: item.pk || 0,
+                    });
+                }}>
+                <button slot="trigger" class="pf-c-button pf-m-danger">
+                    ${gettext("Delete Consent")}
+                </button>
+            </ak-forms-delete>`,
+        ];
+    }
+
+}