263 lines
10 KiB
TypeScript
263 lines
10 KiB
TypeScript
import "@goauthentik/admin/outposts/OutpostDeploymentModal";
|
|
import "@goauthentik/admin/outposts/OutpostDeploymentModal";
|
|
import "@goauthentik/admin/outposts/OutpostForm";
|
|
import "@goauthentik/admin/outposts/OutpostHealth";
|
|
import "@goauthentik/admin/outposts/OutpostHealthSimple";
|
|
import "@goauthentik/admin/rbac/ObjectPermissionModal";
|
|
import "@goauthentik/admin/system-tasks/ScheduleList";
|
|
import "@goauthentik/admin/system-tasks/TaskList";
|
|
import { DEFAULT_CONFIG } from "@goauthentik/common/api/config";
|
|
import { PFSize } from "@goauthentik/common/enums.js";
|
|
import { PFColor } from "@goauthentik/elements/Label";
|
|
import "@goauthentik/elements/buttons/SpinnerButton";
|
|
import "@goauthentik/elements/forms/DeleteBulkForm";
|
|
import "@goauthentik/elements/forms/ModalForm";
|
|
import { PaginatedResponse } from "@goauthentik/elements/table/Table";
|
|
import { TableColumn } from "@goauthentik/elements/table/Table";
|
|
import { TablePage } from "@goauthentik/elements/table/TablePage";
|
|
import "@patternfly/elements/pf-tooltip/pf-tooltip.js";
|
|
|
|
import { msg, str } from "@lit/localize";
|
|
import { CSSResult } from "lit";
|
|
import { TemplateResult, html } from "lit";
|
|
import { customElement, property, state } from "lit/decorators.js";
|
|
import { ifDefined } from "lit/directives/if-defined.js";
|
|
|
|
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
|
|
|
|
import {
|
|
ModelEnum,
|
|
Outpost,
|
|
OutpostHealth,
|
|
OutpostTypeEnum,
|
|
OutpostsApi,
|
|
RbacPermissionsAssignedByUsersListModelEnum,
|
|
} from "@goauthentik/api";
|
|
|
|
export function TypeToLabel(type?: OutpostTypeEnum): string {
|
|
if (!type) return "";
|
|
switch (type) {
|
|
case OutpostTypeEnum.Proxy:
|
|
return msg("Proxy");
|
|
case OutpostTypeEnum.Ldap:
|
|
return msg("LDAP");
|
|
case OutpostTypeEnum.Radius:
|
|
return msg("Radius");
|
|
case OutpostTypeEnum.Rac:
|
|
return msg("RAC");
|
|
case OutpostTypeEnum.UnknownDefaultOpenApi:
|
|
return msg("Unknown type");
|
|
}
|
|
}
|
|
|
|
@customElement("ak-outpost-list")
|
|
export class OutpostListPage extends TablePage<Outpost> {
|
|
expandable = true;
|
|
|
|
pageTitle(): string {
|
|
return msg("Outposts");
|
|
}
|
|
pageDescription(): string | undefined {
|
|
return msg(
|
|
"Outposts are deployments of authentik components to support different environments and protocols, like reverse proxies.",
|
|
);
|
|
}
|
|
pageIcon(): string {
|
|
return "pf-icon pf-icon-zone";
|
|
}
|
|
searchEnabled(): boolean {
|
|
return true;
|
|
}
|
|
|
|
async apiEndpoint(): Promise<PaginatedResponse<Outpost>> {
|
|
const outposts = await new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesList(
|
|
await this.defaultEndpointConfig(),
|
|
);
|
|
await Promise.all(
|
|
outposts.results.map((outpost) => {
|
|
return new OutpostsApi(DEFAULT_CONFIG)
|
|
.outpostsInstancesHealthList({
|
|
uuid: outpost.pk,
|
|
})
|
|
.then((health) => {
|
|
this.health[outpost.pk] = health;
|
|
});
|
|
}),
|
|
);
|
|
return outposts;
|
|
}
|
|
|
|
@state()
|
|
health: { [key: string]: OutpostHealth[] } = {};
|
|
|
|
columns(): TableColumn[] {
|
|
return [
|
|
new TableColumn(msg("Name"), "name"),
|
|
new TableColumn(msg("Type"), "type"),
|
|
new TableColumn(msg("Providers")),
|
|
new TableColumn(msg("Integration"), "service_connection__name"),
|
|
new TableColumn(msg("Health and Version")),
|
|
new TableColumn(msg("Actions")),
|
|
];
|
|
}
|
|
|
|
static get styles(): CSSResult[] {
|
|
return super.styles.concat(PFDescriptionList);
|
|
}
|
|
|
|
checkbox = true;
|
|
clearOnRefresh = true;
|
|
|
|
@property()
|
|
order = "name";
|
|
|
|
row(item: Outpost): TemplateResult[] {
|
|
return [
|
|
html`<div>${item.name}</div>
|
|
${item.config.authentik_host === ""
|
|
? html`<ak-label color=${PFColor.Orange} compact>
|
|
${msg(
|
|
"Warning: authentik Domain is not configured, authentication will not work.",
|
|
)}
|
|
</ak-label>`
|
|
: html`<ak-label color=${PFColor.Green} compact>
|
|
${msg(str`Logging in via ${item.config.authentik_host}.`)}
|
|
</ak-label>`}`,
|
|
html`${TypeToLabel(item.type)}`,
|
|
html`<ul>
|
|
${item.providersObj?.map((p) => {
|
|
return html`<li>
|
|
<a href="#/core/providers/${p.pk}">${p.name}</a>
|
|
</li>`;
|
|
})}
|
|
</ul>`,
|
|
html`${item.serviceConnectionObj?.name || msg("No integration active")}`,
|
|
html`<ak-outpost-health-simple
|
|
outpostId=${ifDefined(item.pk)}
|
|
></ak-outpost-health-simple>`,
|
|
html`<ak-forms-modal>
|
|
<span slot="submit"> ${msg("Update")} </span>
|
|
<span slot="header"> ${msg("Update Outpost")} </span>
|
|
<ak-outpost-form
|
|
slot="form"
|
|
.instancePk=${item.pk}
|
|
.embedded=${item.managed === "goauthentik.io/outposts/embedded"}
|
|
>
|
|
</ak-outpost-form>
|
|
<button slot="trigger" class="pf-c-button pf-m-plain">
|
|
<pf-tooltip position="top" content=${msg("Edit")}>
|
|
<i class="fas fa-edit"></i>
|
|
</pf-tooltip>
|
|
</button>
|
|
</ak-forms-modal>
|
|
<ak-rbac-object-permission-modal
|
|
model=${RbacPermissionsAssignedByUsersListModelEnum.AuthentikOutpostsOutpost}
|
|
objectPk=${item.pk}
|
|
>
|
|
</ak-rbac-object-permission-modal>
|
|
${item.managed !== "goauthentik.io/outposts/embedded"
|
|
? html`<ak-outpost-deployment-modal .outpost=${item} size=${PFSize.Medium}>
|
|
<button slot="trigger" class="pf-c-button pf-m-tertiary">
|
|
${msg("View Deployment Info")}
|
|
</button>
|
|
</ak-outpost-deployment-modal>`
|
|
: html``}`,
|
|
];
|
|
}
|
|
|
|
renderExpanded(item: Outpost): TemplateResult {
|
|
const [appLabel, modelName] = ModelEnum.AuthentikOutpostsOutpost.split(".");
|
|
return html`<td role="cell" colspan="5">
|
|
<div class="pf-c-table__expandable-row-content">
|
|
<h3>
|
|
${msg(
|
|
"Detailed health (one instance per column, data is cached so may be out of date)",
|
|
)}
|
|
</h3>
|
|
<dl class="pf-c-description-list pf-m-3-col-on-lg">
|
|
${this.health[item.pk].map((h) => {
|
|
return html`<div class="pf-c-description-list__group">
|
|
<dd class="pf-c-description-list__description">
|
|
<div class="pf-c-description-list__text">
|
|
<ak-outpost-health .outpostHealth=${h}></ak-outpost-health>
|
|
</div>
|
|
</dd>
|
|
</div>`;
|
|
})}
|
|
</dl>
|
|
<dl class="pf-c-description-list pf-m-horizontal">
|
|
<div class="pf-c-description-list__group">
|
|
<dt class="pf-c-description-list__term">
|
|
<span class="pf-c-description-list__text">${msg("Schedules")}</span>
|
|
</dt>
|
|
<dd class="pf-c-description-list__description">
|
|
<div class="pf-c-description-list__text">
|
|
<ak-schedule-list
|
|
.relObjAppLabel=${appLabel}
|
|
.relObjModel=${modelName}
|
|
.relObjId="${item.pk}"
|
|
></ak-schedule-list>
|
|
</div>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
<dl class="pf-c-description-list pf-m-horizontal">
|
|
<div class="pf-c-description-list__group">
|
|
<dt class="pf-c-description-list__term">
|
|
<span class="pf-c-description-list__text">${msg("Tasks")}</span>
|
|
</dt>
|
|
<dd class="pf-c-description-list__description">
|
|
<div class="pf-c-description-list__text">
|
|
<ak-task-list
|
|
.relObjAppLabel=${appLabel}
|
|
.relObjModel=${modelName}
|
|
.relObjId="${item.pk}"
|
|
></ak-task-list>
|
|
</div>
|
|
</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</td>`;
|
|
}
|
|
|
|
renderToolbarSelected(): TemplateResult {
|
|
const disabled = this.selectedElements.length < 1;
|
|
return html`<ak-forms-delete-bulk
|
|
objectLabel=${msg("Outpost(s)")}
|
|
.objects=${this.selectedElements}
|
|
.usedBy=${(item: Outpost) => {
|
|
return new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesUsedByList({
|
|
uuid: item.pk,
|
|
});
|
|
}}
|
|
.delete=${(item: Outpost) => {
|
|
return new OutpostsApi(DEFAULT_CONFIG).outpostsInstancesDestroy({
|
|
uuid: item.pk,
|
|
});
|
|
}}
|
|
>
|
|
<button ?disabled=${disabled} slot="trigger" class="pf-c-button pf-m-danger">
|
|
${msg("Delete")}
|
|
</button>
|
|
</ak-forms-delete-bulk>`;
|
|
}
|
|
|
|
renderObjectCreate(): TemplateResult {
|
|
return html`
|
|
<ak-forms-modal>
|
|
<span slot="submit"> ${msg("Create")} </span>
|
|
<span slot="header"> ${msg("Create Outpost")} </span>
|
|
<ak-outpost-form slot="form"> </ak-outpost-form>
|
|
<button slot="trigger" class="pf-c-button pf-m-primary">${msg("Create")}</button>
|
|
</ak-forms-modal>
|
|
`;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ak-outpost-list": OutpostListPage;
|
|
}
|
|
}
|