web/admin: Show inbuilt authentik db as source in sources list

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>

web/src/elements/table/Table.ts

@@ -230,6 +230,10 @@ export abstract class Table<T> extends LitElement {
         return html``;
     }
 
+    renderRowsAbove(): TemplateResult {
+        return html``;
+    }
+
     firstUpdated(): void {
         this.fetch();
     }
@@ -265,6 +269,7 @@ export abstract class Table<T> extends LitElement {
                         ${this.columns().map((col) => col.render(this))}
                     </tr>
                 </thead>
+                ${this.renderRowsAbove()}
                 ${(this.isLoading || !this.data) ? this.renderLoading() : this.renderRows()}
             </table>
             <div class="pf-c-pagination pf-m-bottom">

web/src/pages/sources/SourcesListPage.ts

@@ -53,6 +53,22 @@ export class SourceListPage extends TablePage<Source> {
         ];
     }
 
+    renderRowsAbove(): TemplateResult {
+        return html`<tbody role="rowgroup">
+                <tr role="row">
+                    <td role="cell">
+                        <span>
+                            <div>${t`authentik Built-in`}</div>
+                            <small>${t`Built-in`}</small>
+                        </span>
+                    </td>
+                    <td role="cell">-</td>
+                    <td role="cell">
+                    </td>
+                </tr>
+            </tbody>`;
+    }
+
     row(item: Source): TemplateResult[] {
         return [
             html`<a href="#/core/sources/${item.slug}">