363d655378
web: Clean up error handling. Prep for permission checks. - Add clearer reporting for API and network errors. - Tidy error checking. - Partial type safety for events.
51 lines
1.5 KiB
TypeScript
51 lines
1.5 KiB
TypeScript
import { EventWithContext } from "@goauthentik/common/events";
|
|
import { truncate } from "@goauthentik/common/utils";
|
|
import { SlottedTemplateResult } from "@goauthentik/elements/types";
|
|
|
|
import { msg, str } from "@lit/localize";
|
|
import { html, nothing } from "lit";
|
|
|
|
/**
|
|
* Given event with a geographical context, format it into a string for display.
|
|
*/
|
|
export function EventGeo(event: EventWithContext): SlottedTemplateResult {
|
|
if (!event.context.geo) return nothing;
|
|
|
|
const { city, country, continent } = event.context.geo;
|
|
|
|
const parts = [city, country, continent].filter(Boolean);
|
|
|
|
return html`${parts.join(", ")}`;
|
|
}
|
|
|
|
export function EventUser(
|
|
event: EventWithContext,
|
|
truncateUsername?: number,
|
|
): SlottedTemplateResult {
|
|
if (!event.user.username) return html`-`;
|
|
|
|
let body: SlottedTemplateResult = nothing;
|
|
|
|
if (event.user.is_anonymous) {
|
|
body = html`<div>${msg("Anonymous user")}</div>`;
|
|
} else {
|
|
body = html`<div>
|
|
<a href="#/identity/users/${event.user.pk}"
|
|
>${truncateUsername
|
|
? truncate(event.user?.username, truncateUsername)
|
|
: event.user?.username}</a
|
|
>
|
|
</div>`;
|
|
}
|
|
|
|
if (event.user.on_behalf_of) {
|
|
return html`${body}<small>
|
|
<a href="#/identity/users/${event.user.on_behalf_of.pk}"
|
|
>${msg(str`On behalf of ${event.user.on_behalf_of.username}`)}</a
|
|
>
|
|
</small>`;
|
|
}
|
|
|
|
return body;
|
|
}
|