From 101f916247d08a01e48b901e44b4205f926eb2fc Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Tue, 9 Feb 2021 10:22:49 +0100
Subject: [PATCH] web: add source list page

---
 web/src/api/Client.ts                    |  2 +
 web/src/api/Policies.ts                  |  1 +
 web/src/api/Sources.ts                   |  1 +
 web/src/pages/sources/SourcesListPage.ts | 66 ++++++++++++++++++++++++
 web/src/routes.ts                        |  2 +
 5 files changed, 72 insertions(+)
 create mode 100644 web/src/pages/sources/SourcesListPage.ts

diff --git a/web/src/api/Client.ts b/web/src/api/Client.ts
index 4632fa17d..ffac8d47a 100644
--- a/web/src/api/Client.ts
+++ b/web/src/api/Client.ts
@@ -9,6 +9,8 @@ export interface QueryArguments {
 
 export interface BaseInheritanceModel {
 
+    object_type: string;
+
     verbose_name: string;
     verbose_name_plural: string;
 
diff --git a/web/src/api/Policies.ts b/web/src/api/Policies.ts
index 3273ddb77..88e2bb073 100644
--- a/web/src/api/Policies.ts
+++ b/web/src/api/Policies.ts
@@ -7,6 +7,7 @@ export class Policy implements BaseInheritanceModel {
     constructor() {
         throw Error();
     }
+    object_type: string;
     verbose_name: string;
     verbose_name_plural: string;
 
diff --git a/web/src/api/Sources.ts b/web/src/api/Sources.ts
index c2d184dcc..6d48d7081 100644
--- a/web/src/api/Sources.ts
+++ b/web/src/api/Sources.ts
@@ -11,6 +11,7 @@ export class Source implements BaseInheritanceModel {
     constructor() {
         throw Error();
     }
+    object_type: string;
     verbose_name: string;
     verbose_name_plural: string;
 
diff --git a/web/src/pages/sources/SourcesListPage.ts b/web/src/pages/sources/SourcesListPage.ts
new file mode 100644
index 000000000..45e719ac1
--- /dev/null
+++ b/web/src/pages/sources/SourcesListPage.ts
@@ -0,0 +1,66 @@
+import { gettext } from "django";
+import { customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { DefaultClient, PBResponse } from "../../api/Client";
+import { Source } from "../../api/Sources";
+import { TableColumn } from "../../elements/table/Table";
+import { TablePage } from "../../elements/table/TablePage";
+
+@customElement("ak-source-list")
+export class SourceListPage extends TablePage<Source> {
+    pageTitle(): string {
+        return "Sources";
+    }
+    pageDescription(): string | undefined {
+        return "External Sources which can be used to get Identities into authentik, for example Social Providers like Twiter and GitHub or Enterprise Providers like ADFS and LDAP.";
+    }
+    pageIcon(): string {
+        return "pf-icon pf-icon-middleware";
+    }
+    searchEnabled(): boolean {
+        return true;
+    }
+
+    @property()
+    order = "name";
+
+    apiEndpoint(page: number): Promise<PBResponse<Source>> {
+        return Source.list({
+            ordering: this.order,
+            page: page,
+            search: this.search || "",
+        });
+    }
+
+    columns(): TableColumn[] {
+        return [
+            new TableColumn("Name", "name"),
+            new TableColumn("Type", "verbose_name"),
+            new TableColumn(""),
+        ];
+    }
+
+    row(item: Source): TemplateResult[] {
+        return [
+            html`<a href="#/sources/${item.slug}">
+                <div>${item.name}</div>
+                ${item.enabled ? html`` : html`<small>${gettext("Disabled")}</small>`}
+            </a>`,
+            html`${item.verbose_name}`,
+            html`
+            <ak-modal-button href="${Source.adminUrl(`${item.pk}/update/`)}">
+                <ak-spinner-button slot="trigger" class="pf-m-secondary">
+                    Edit
+                </ak-spinner-button>
+                <div slot="modal"></div>
+            </ak-modal-button>&nbsp;
+            <ak-modal-button href="${Source.adminUrl(`${item.pk}/delete/`)}">
+                <ak-spinner-button slot="trigger" class="pf-m-danger">
+                    Delete
+                </ak-spinner-button>
+                <div slot="modal"></div>
+            </ak-modal-button>
+            `,
+        ];
+    }
+
+}
diff --git a/web/src/routes.ts b/web/src/routes.ts
index 3237b3046..e5a90026d 100644
--- a/web/src/routes.ts
+++ b/web/src/routes.ts
@@ -5,6 +5,7 @@ import "./pages/LibraryPage";
 import "./pages/admin-overview/AdminOverviewPage";
 import "./pages/applications/ApplicationListPage";
 import "./pages/applications/ApplicationViewPage";
+import "./pages/sources/SourcesListPage";
 import "./pages/sources/SourceViewPage";
 import "./pages/flows/FlowViewPage";
 import "./pages/events/EventListPage";
@@ -30,6 +31,7 @@ export const ROUTES: Route[] = [
     new Route(new RegExp(`^/applications/(?<slug>${SLUG_REGEX})$`)).then((args) => {
         return html`<ak-application-view .args=${args}></ak-application-view>`;
     }),
+    new Route(new RegExp("^/sources$"), html`<ak-source-list></ak-source-list>`),
     new Route(new RegExp(`^/sources/(?<slug>${SLUG_REGEX})$`)).then((args) => {
         return html`<ak-source-view .args=${args}></ak-source-view>`;
     }),