wip: rename to authentik (#361)

* root: initial rename

* web: rename custom element prefix

* root: rename external functions with pb_ prefix

* root: fix formatting

* root: replace domain with goauthentik.io

* proxy: update path

* root: rename remaining prefixes

* flows: rename file extension

* root: pbadmin -> akadmin

* docs: fix image filenames

* lifecycle: ignore migration files

* ci: copy default config from current source before loading last tagged

* *: new sentry dsn

* tests: fix missing python3.9-dev package

* root: add additional migrations for service accounts created by outposts

* core: mark system-created service accounts with attribute

* policies/expression: fix pb_ replacement not working

* web: fix last linting errors, add lit-analyse

* policies/expressions: fix lint errors

* web: fix sidebar display on screens where not all items fit

* proxy: attempt to fix proxy pipeline

* proxy: use go env GOPATH to get gopath

* lib: fix user_default naming inconsistency

* docs: add upgrade docs

* docs: update screenshots to use authentik

* admin: fix create button on empty-state of outpost

* web: fix modal submit not refreshing SiteShell and Table

* web: fix height of app-card and height of generic icon

* web: fix rendering of subtext

* admin: fix version check error not being caught

* web: fix worker count not being shown

* docs: update screenshots

* root: new icon

* web: fix lint error

* admin: fix linting error

* root: migrate coverage config to pyproject

web/src/elements/table/Table.ts

@@ -21,6 +21,13 @@ export abstract class Table<T> extends LitElement {
         return COMMON_STYLES;
     }
 
+    constructor() {
+        super();
+        this.addEventListener("ak-refresh", () => {
+            this.fetch();
+        });
+    }
+
     public fetch(): void {
         this.apiEndpoint(this.page).then((r) => {
             this.data = r;
@@ -74,15 +81,15 @@ export abstract class Table<T> extends LitElement {
                         <slot name="create-button"></slot>
                         <button
                             @click=${() => {this.fetch();}}
-                            class="pf-c-button pf-m-primary"
-                        >
+                            class="pf-c-button pf-m-primary">
                             ${gettext("Refresh")}
                         </button>
                     </div>
-                    <pb-table-pagination
+                    <ak-table-pagination
                         class="pf-c-toolbar__item pf-m-pagination"
-                        .table=${this}
-                    ></pb-table-pagination>
+                        .pages=${this.data?.pagination}
+                        .pageChangeHandler=${(page: number) => {this.page = page; }}>
+                    </ak-table-pagination>
                 </div>
             </div>
             <table class="pf-c-table pf-m-compact pf-m-grid-md">
@@ -96,10 +103,11 @@ export abstract class Table<T> extends LitElement {
                 </tbody>
             </table>
             <div class="pf-c-pagination pf-m-bottom">
-                <pb-table-pagination
+                <ak-table-pagination
                     class="pf-c-toolbar__item pf-m-pagination"
-                    .table=${this}
-                ></pb-table-pagination>
+                    .pages=${this.data?.pagination}
+                    .pageChangeHandler=${(page: number) => { this.page = page; }}>
+                </ak-table-pagination>
             </div>`;
     }
 

web/src/elements/table/TablePagination.ts

@@ -1,41 +1,29 @@
 import { CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
-import { Table } from "./Table";
 import { COMMON_STYLES } from "../../common/styles";
+import { PBPagination } from "../../api/client";
 
-@customElement("pb-table-pagination")
+@customElement("ak-table-pagination")
 export class TablePagination extends LitElement {
     @property({attribute: false})
-    table?: Table<unknown>;
+    pages?: PBPagination;
+
+    @property({attribute: false})
+    // eslint-disable-next-line
+    pageChangeHandler: (page: number) => void = (page: number) => {}
 
     static get styles(): CSSResult[] {
         return COMMON_STYLES;
     }
 
-    previousHandler(): void {
-        if (!this.table?.data?.pagination.previous) {
-            console.debug("passbook/tables: no previous");
-            return;
-        }
-        this.table.page = this.table?.data?.pagination.previous;
-    }
-
-    nextHandler(): void {
-        if (!this.table?.data?.pagination.next) {
-            console.debug("passbook/tables: no next");
-            return;
-        }
-        this.table.page = this.table?.data?.pagination.next;
-    }
-
     render(): TemplateResult {
         return html` <div class="pf-c-pagination pf-m-compact pf-m-hidden pf-m-visible-on-md">
             <div class="pf-c-pagination pf-m-compact pf-m-compact pf-m-hidden pf-m-visible-on-md">
                 <div class="pf-c-options-menu">
                     <div class="pf-c-options-menu__toggle pf-m-text pf-m-plain">
                         <span class="pf-c-options-menu__toggle-text">
-                            ${this.table?.data?.pagination.start_index} -
-                            ${this.table?.data?.pagination.end_index} of
-                            ${this.table?.data?.pagination.count}
+                            ${this.pages?.start_index} -
+                            ${this.pages?.end_index} of
+                            ${this.pages?.count}
                         </span>
                     </div>
                 </div>
@@ -43,8 +31,8 @@ export class TablePagination extends LitElement {
                     <div class="pf-c-pagination__nav-control pf-m-prev">
                         <button
                             class="pf-c-button pf-m-plain"
-                            @click=${() => {this.previousHandler();}}
-                            ?disabled="${(this.table?.data?.pagination.previous || 0) > 0}"
+                            @click=${() => { this.pageChangeHandler(this.pages?.previous || 0); }}
+                            ?disabled="${(this.pages?.previous || 0) > 0}"
                             aria-label="{% trans 'Go to previous page' %}"
                         >
                             <i class="fas fa-angle-left" aria-hidden="true"></i>
@@ -53,8 +41,8 @@ export class TablePagination extends LitElement {
                     <div class="pf-c-pagination__nav-control pf-m-next">
                         <button
                             class="pf-c-button pf-m-plain"
-                            @click=${() => {this.nextHandler();}}
-                            ?disabled="${(this.table?.data?.pagination.next || 0) > 0}"
+                            @click=${() => { this.pageChangeHandler(this.pages?.next || 0); }}
+                            ?disabled="${(this.pages?.next || 0) > 0}"
                             aria-label="{% trans 'Go to next page' %}"
                         >
                             <i class="fas fa-angle-right" aria-hidden="true"></i>