add stream list

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
goauthentik · Feb 3, 2025 · a509486 · a509486
1 parent 36f13aa
commit a509486
Show file tree

Hide file tree

Showing 3 changed files with 63 additions and 5 deletions.
diff --git a/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts b/web/src/admin/providers/oauth2/OAuth2ProviderViewPage.ts
@@ -175,7 +175,7 @@ export class OAuth2ProviderViewPage extends AKElement {
                   </div>`}
             <div class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter">
                 <div
-                    class="pf-c-card pf-l-grid__item pf-l-grid__item pf-m-12-col pf-m-4-col-on-xl pf-m-4-col-on-2xl"
+                    class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-4-col-on-xl pf-m-4-col-on-2xl"
                 >
                     <div class="pf-c-card__body">
                         <dl class="pf-c-description-list">

diff --git a/web/src/admin/providers/ssf/SSFProviderViewPage.ts b/web/src/admin/providers/ssf/SSFProviderViewPage.ts
@@ -1,5 +1,6 @@
 import "@goauthentik/admin/providers/RelatedApplicationButton";
 import "@goauthentik/admin/providers/ssf/SSFProviderFormPage";
+import "@goauthentik/admin/providers/ssf/StreamTable";
 import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
 import { EVENT_REFRESH } from "@goauthentik/common/constants";
 import "@goauthentik/components/events/ObjectChangelog";
@@ -112,9 +113,7 @@ export class SSFProviderViewPage extends AKElement {
         return html`<div
             class="pf-c-page__main-section pf-m-no-padding-mobile pf-l-grid pf-m-gutter"
         >
-            <div
-                class="pf-c-card pf-l-grid__item pf-l-grid__item pf-m-12-col pf-m-4-col-on-xl pf-m-4-col-on-2xl"
-            >
+            <div class="pf-c-card pf-l-grid__item pf-m-12-col pf-m-4-col-on-xl pf-m-4-col-on-2xl">
                 <div class="pf-c-card__body">
                     <dl class="pf-c-description-list">
                         <div class="pf-c-description-list__group">
@@ -131,7 +130,12 @@ export class SSFProviderViewPage extends AKElement {
                             </dt>
                             <dd class="pf-c-description-list__description">
                                 <div class="pf-c-description-list__text">
-                                    ${this.provider.ssfUrl}
+                                    <input
+                                        class="pf-c-form-control"
+                                        readonly
+                                        type="text"
+                                        value=${this.provider.ssfUrl || ""}
+                                    />
                                 </div>
                             </dd>
                         </div>
@@ -149,6 +153,10 @@ export class SSFProviderViewPage extends AKElement {
                     </ak-forms-modal>
                 </div>
             </div>
+            <div class="pf-c-card pf-l-grid__item pf-m-8-col-on-2xl">
+                <ak-provider-ssf-stream-list .providerId=${this.providerID}>
+                </ak-provider-ssf-stream-list>
+            </div>
         </div>`;
     }
 }

diff --git a/web/src/admin/providers/ssf/StreamTable.ts b/web/src/admin/providers/ssf/StreamTable.ts
@@ -0,0 +1,50 @@
+import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
+import "@goauthentik/elements/buttons/SpinnerButton";
+import "@goauthentik/elements/forms/DeleteBulkForm";
+import "@goauthentik/elements/forms/ModalForm";
+import "@goauthentik/elements/forms/ProxyForm";
+import { PaginatedResponse } from "@goauthentik/elements/table/Table";
+import { Table, TableColumn } from "@goauthentik/elements/table/Table";
+import "@patternfly/elements/pf-tooltip/pf-tooltip.js";
+
+import { msg } from "@lit/localize";
+import { TemplateResult, html } from "lit";
+import { customElement, property } from "lit/decorators.js";
+
+import { SSFStream, SsfApi } from "@goauthentik/api";
+
+@customElement("ak-provider-ssf-stream-list")
+export class SSFProviderStreamList extends Table<SSFStream> {
+    searchEnabled(): boolean {
+        return true;
+    }
+    checkbox = true;
+    clearOnRefresh = true;
+
+    @property({ type: Number })
+    providerId?: number;
+
+    @property()
+    order = "name";
+
+    async apiEndpoint(): Promise<PaginatedResponse<SSFStream>> {
+        return new SsfApi(DEFAULT_CONFIG).ssfStreamsList({
+            provider: this.providerId,
+            ...(await this.defaultEndpointConfig()),
+        });
+    }
+
+    columns(): TableColumn[] {
+        return [new TableColumn(msg("Audience"), "aud")];
+    }
+
+    row(item: SSFStream): TemplateResult[] {
+        return [html`${item.aud}`];
+    }
+}
+
+declare global {
+    interface HTMLElementTagNameMap {
+        "ak-provider-ssf-stream-list": SSFProviderStreamList;
+    }
+}