import { t } from "@lingui/macro"; import { customElement, html, property, TemplateResult } from "lit-element"; import { AKResponse } from "../../api/Client"; import { Table, TableColumn } from "../table/Table"; import { Event, EventsApi } from "authentik-api"; import "../forms/DeleteForm"; import "../Tabs"; import "../buttons/ModalButton"; import "../buttons/SpinnerButton"; import "../buttons/Dropdown"; import "../../pages/events/EventInfo"; import { PAGE_SIZE } from "../../constants"; import { DEFAULT_CONFIG } from "../../api/Config"; import { EventWithContext } from "../../api/Events"; @customElement("ak-object-changelog") export class ObjectChangelog extends Table { expandable = true; @property() order = "-created"; @property() targetModelPk!: string | number; @property() targetModelApp!: string; @property() targetModelName!: string; apiEndpoint(page: number): Promise> { return new EventsApi(DEFAULT_CONFIG).eventsEventsList({ action: "model_", page: page, ordering: this.order, pageSize: PAGE_SIZE, contextModelApp: this.targetModelApp, contextModelName: this.targetModelName, contextModelPk: this.targetModelPk.toString(), }); } columns(): TableColumn[] { return [ new TableColumn(t`Action`, t`action`), new TableColumn(t`User`, t`enabled`), new TableColumn(t`Creation Date`, t`created`), new TableColumn(t`Client IP`, t`client_ip`), ]; } row(item: EventWithContext): TemplateResult[] { return [ html`${item.action}`, html`
${item.user?.username}
${item.user.on_behalf_of ? html` ${t`On behalf of ${item.user.on_behalf_of.username}`} ` : html``}`, html`${item.created?.toLocaleString()}`, html`${item.clientIp}`, ]; } renderExpanded(item: Event): TemplateResult { return html`
`; } renderEmpty(): TemplateResult { return super.renderEmpty(html`
${t`No matching events could be found.`}
`); } }