From 972972a4d9017c1a2c8064e1c85c36f8a235ad43 Mon Sep 17 00:00:00 2001
From: Jens Langhammer <jens.langhammer@beryju.org>
Date: Sat, 20 Mar 2021 15:52:57 +0100
Subject: [PATCH] web: add Changelog Tab for sources and providers

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
---
 .../pages/providers/OAuth2ProviderViewPage.ts    | 16 ++++++++++++++--
 web/src/pages/providers/ProxyProviderViewPage.ts | 14 +++++++++++++-
 web/src/pages/providers/SAMLProviderViewPage.ts  | 16 ++++++++++++++--
 web/src/pages/sources/LDAPSourceViewPage.ts      | 14 +++++++++++++-
 web/src/pages/sources/OAuthSourceViewPage.ts     | 12 ++++++++++++
 web/src/pages/sources/SAMLSourceViewPage.ts      | 14 +++++++++++++-
 6 files changed, 79 insertions(+), 7 deletions(-)

diff --git a/web/src/pages/providers/OAuth2ProviderViewPage.ts b/web/src/pages/providers/OAuth2ProviderViewPage.ts
index c3521230a..75b189c87 100644
--- a/web/src/pages/providers/OAuth2ProviderViewPage.ts
+++ b/web/src/pages/providers/OAuth2ProviderViewPage.ts
@@ -18,9 +18,10 @@ import "../../elements/buttons/ModalButton";
 import "../../elements/buttons/SpinnerButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
+import "../../elements/events/ObjectChangelog";
+import "./RelatedApplicationButton";
 import { Page } from "../../elements/Page";
 import { convertToTitle } from "../../utils";
-import "./RelatedApplicationButton";
 import { OAuth2Provider, OAuth2ProviderSetupURLs, ProvidersApi } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { AdminURLManager } from "../../api/legacy";
@@ -137,7 +138,18 @@ export class OAuth2ProviderViewPage extends Page {
                         </div>
                     </div>
                 </section>
-                <section slot="page-2" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.provider.pk || ""}
+                                targetModelApp="authentik_providers_oauth2"
+                                targetModelName="oauth2provider">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
+                <section slot="page-3" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
                     <div class="pf-u-display-flex pf-u-justify-content-center">
                         <div class="pf-u-w-75">
                             <div class="pf-c-card pf-c-card-aggregate">
diff --git a/web/src/pages/providers/ProxyProviderViewPage.ts b/web/src/pages/providers/ProxyProviderViewPage.ts
index b7bb74d71..a702257ad 100644
--- a/web/src/pages/providers/ProxyProviderViewPage.ts
+++ b/web/src/pages/providers/ProxyProviderViewPage.ts
@@ -16,8 +16,9 @@ import "../../elements/buttons/ModalButton";
 import "../../elements/buttons/SpinnerButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
-import { Page } from "../../elements/Page";
+import "../../elements/events/ObjectChangelog";
 import "./RelatedApplicationButton";
+import { Page } from "../../elements/Page";
 import { ProvidersApi, ProxyProvider } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { AdminURLManager } from "../../api/legacy";
@@ -137,6 +138,17 @@ export class ProxyProviderViewPage extends Page {
                         </div>
                     </div>
                 </section>
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.provider.pk || ""}
+                                targetModelApp="authentik_providers_proxy"
+                                targetModelName="proxyprovider">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
             </ak-tabs>`;
     }
 }
diff --git a/web/src/pages/providers/SAMLProviderViewPage.ts b/web/src/pages/providers/SAMLProviderViewPage.ts
index 3eed07d99..9a70affe4 100644
--- a/web/src/pages/providers/SAMLProviderViewPage.ts
+++ b/web/src/pages/providers/SAMLProviderViewPage.ts
@@ -17,8 +17,9 @@ import "../../elements/buttons/ModalButton";
 import "../../elements/buttons/SpinnerButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
-import { Page } from "../../elements/Page";
+import "../../elements/events/ObjectChangelog";
 import "./RelatedApplicationButton";
+import { Page } from "../../elements/Page";
 import { ProvidersApi, SAMLProvider } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
 import { AdminURLManager, AppURLManager } from "../../api/legacy";
@@ -129,7 +130,18 @@ export class SAMLProviderViewPage extends Page {
                         </div>
                     </div>
                 </section>
-                <section slot="page-2" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.provider.pk || ""}
+                                targetModelApp="authentik_providers_saml"
+                                targetModelName="samlprovider">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
+                <section slot="page-3" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
                     <div class="pf-u-display-flex pf-u-justify-content-center">
                         <div class="pf-u-w-75">
                             <div class="pf-c-card pf-c-card-aggregate">
diff --git a/web/src/pages/sources/LDAPSourceViewPage.ts b/web/src/pages/sources/LDAPSourceViewPage.ts
index 3fe7eb855..a1391403b 100644
--- a/web/src/pages/sources/LDAPSourceViewPage.ts
+++ b/web/src/pages/sources/LDAPSourceViewPage.ts
@@ -17,6 +17,7 @@ import "../../elements/buttons/SpinnerButton";
 import "../../elements/buttons/ActionButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
+import "../../elements/events/ObjectChangelog";
 import { Page } from "../../elements/Page";
 import { until } from "lit-html/directives/until";
 import { LDAPSource, SourcesApi } from "authentik-api";
@@ -112,7 +113,18 @@ export class LDAPSourceViewPage extends Page {
                         </div>
                     </div>
                 </section>
-                <section slot="page-2" data-tab-title="${gettext("Sync")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.source.pk || ""}
+                                targetModelApp="authentik_sources_ldap"
+                                targetModelName="ldapsource">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
+                <section slot="page-3" data-tab-title="${gettext("Sync")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
                     <div class="pf-u-display-flex pf-u-justify-content-center">
                         <div class="pf-u-w-75">
                             <div class="pf-c-card pf-c-card-aggregate">
diff --git a/web/src/pages/sources/OAuthSourceViewPage.ts b/web/src/pages/sources/OAuthSourceViewPage.ts
index 847f9b693..a6ba6fda7 100644
--- a/web/src/pages/sources/OAuthSourceViewPage.ts
+++ b/web/src/pages/sources/OAuthSourceViewPage.ts
@@ -16,6 +16,7 @@ import "../../elements/buttons/ModalButton";
 import "../../elements/buttons/SpinnerButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
+import "../../elements/events/ObjectChangelog";
 import { Page } from "../../elements/Page";
 import { OAuthSource, SourcesApi } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
@@ -130,6 +131,17 @@ export class OAuthSourceViewPage extends Page {
                         </div>
                     </div>
                 </section>
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.source.pk || ""}
+                                targetModelApp="authentik_sources_oauth"
+                                targetModelName="oauthsource">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
             </ak-tabs>`;
     }
 }
diff --git a/web/src/pages/sources/SAMLSourceViewPage.ts b/web/src/pages/sources/SAMLSourceViewPage.ts
index 9e44dccdb..3f6b08770 100644
--- a/web/src/pages/sources/SAMLSourceViewPage.ts
+++ b/web/src/pages/sources/SAMLSourceViewPage.ts
@@ -17,6 +17,7 @@ import "../../elements/buttons/ModalButton";
 import "../../elements/buttons/SpinnerButton";
 import "../../elements/CodeMirror";
 import "../../elements/Tabs";
+import "../../elements/events/ObjectChangelog";
 import { Page } from "../../elements/Page";
 import { SAMLSource, SourcesApi } from "authentik-api";
 import { DEFAULT_CONFIG } from "../../api/Config";
@@ -115,7 +116,18 @@ export class SAMLSourceViewPage extends Page {
                         </div>
                     </div>
                 </section>
-                <section slot="page-2" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                <section slot="page-2" data-tab-title="${gettext("Changelog")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
+                    <div class="pf-c-card">
+                        <div class="pf-c-card__body">
+                            <ak-object-changelog
+                                targetModelPk=${this.source.pk || ""}
+                                targetModelApp="authentik_sources_saml"
+                                targetModelName="samlsource">
+                            </ak-object-changelog>
+                        </div>
+                    </div>
+                </section>
+                <section slot="page-3" data-tab-title="${gettext("Metadata")}" class="pf-c-page__main-section pf-m-no-padding-mobile">
                     <div class="pf-u-display-flex pf-u-justify-content-center">
                         <div class="pf-u-w-75">
                             <div class="pf-c-card pf-c-card-aggregate">