- ${this.pageTitle()}
+ ${gettext(this.pageTitle())}
- ${description ? html`
${description}
` : html``}
+ ${description ? html`
${gettext(description)}
` : html``}
diff --git a/web/src/pages/events/EventInfo.ts b/web/src/pages/events/EventInfo.ts
index af88adf85..2a1f73c22 100644
--- a/web/src/pages/events/EventInfo.ts
+++ b/web/src/pages/events/EventInfo.ts
@@ -5,6 +5,7 @@ import { Event, EventContext } from "../../api/Events";
import { Flow } from "../../api/Flows";
import { COMMON_STYLES } from "../../common/styles";
import "../../elements/Spinner";
+import "../../elements/Expand";
import { SpinnerSize } from "../../elements/Spinner";
@customElement("ak-event-info")
@@ -76,21 +77,21 @@ export class EventInfo extends LitElement {
${gettext("Using flow")}
${until(Flow.list({
- flow_uuid: this.event.context.flow as string,
- }).then(resp => {
- return html`${resp.results[0].name}`;
- }), html``)}
+ flow_uuid: this.event.context.flow as string,
+ }).then(resp => {
+ return html`
${resp.results[0].name}`;
+ }), html`
`)}
+
`;
case "login_failed":
return html`
${gettext(`Attempted to log in as ${this.event.context.username}`)}
- `;
+ ${this.defaultResponse()}`;
case "token_view":
return html`
${gettext("Token:")}
- ${this.getModelInfo(this.event.context.token as EventContext)}
- `;
+ ${this.getModelInfo(this.event.context.token as EventContext)}`;
case "property_mapping_exception":
return html`
@@ -101,7 +102,8 @@ export class EventInfo extends LitElement {
${gettext("Expression")}
${this.event.context.expression}
-
`;
+
+ ${this.defaultResponse()}`;
case "policy_exception":
return html`
@@ -119,7 +121,8 @@ export class EventInfo extends LitElement {
${gettext("Exception")}
${this.event.context.message || this.event.context.error}
-
`;
+
+ ${this.defaultResponse()}`;
case "policy_execution":
return html`
@@ -140,21 +143,23 @@ export class EventInfo extends LitElement {
${gettext("Messages")}:
${((this.event.context.result as EventContext).messages as string[]).map(msg => {
- return html`- ${msg}
`;
- })}
+ return html`- ${msg}
`;
+ })}
-
`;
+
+ ${this.defaultResponse()}`;
case "configuration_error":
- return html`${this.event.context.message}
`;
+ return html`${this.event.context.message}
+ ${this.defaultResponse()}`;
case "update_available":
return html`${gettext("New version available!")}
${this.event.context.new_version}
`;
- // Action types which typically don't record any extra context.
- // If context is not empty, we fall to the default response.
+ // Action types which typically don't record any extra context.
+ // If context is not empty, we fall to the default response.
case "login":
if ("using_source" in this.event.context) {
return html`
diff --git a/web/src/pages/events/EventInfoPage.ts b/web/src/pages/events/EventInfoPage.ts
new file mode 100644
index 000000000..aa11e9294
--- /dev/null
+++ b/web/src/pages/events/EventInfoPage.ts
@@ -0,0 +1,48 @@
+import { gettext } from "django";
+import { css, CSSResult, customElement, html, LitElement, property, TemplateResult } from "lit-element";
+import { Event } from "../../api/Events";
+import { COMMON_STYLES } from "../../common/styles";
+import "./EventInfo";
+
+@customElement("ak-event-info-page")
+export class EventInfoPage extends LitElement {
+ @property()
+ set args(value: { [key: string]: string }) {
+ this.eventID = value.id;
+ }
+
+ @property()
+ set eventID(value: string) {
+ Event.get(value).then((e) => (this.event = e));
+ }
+
+ @property({ attribute: false })
+ event?: Event;
+
+ static get styles(): CSSResult[] {
+ return COMMON_STYLES.concat(css`
+ .pf-c-card {
+ color: var(--ak-dark-foreground);
+ }
+ `);
+ }
+
+ render(): TemplateResult {
+ return html`
+
+
+
+ ${gettext(`Event ${this.event?.pk || ""}`)}
+
+
+
+
`;
+ }
+
+}
diff --git a/web/src/routes.ts b/web/src/routes.ts
index b09c81951..32c97b71b 100644
--- a/web/src/routes.ts
+++ b/web/src/routes.ts
@@ -1,5 +1,5 @@
import { html } from "lit-html";
-import { Route, SLUG_REGEX, ID_REGEX } from "./elements/router/Route";
+import { Route, SLUG_REGEX, ID_REGEX, UUID_REGEX } from "./elements/router/Route";
import "./pages/LibraryPage";
import "./pages/admin-overview/AdminOverviewPage";
@@ -8,6 +8,7 @@ import "./pages/applications/ApplicationViewPage";
import "./pages/sources/SourceViewPage";
import "./pages/flows/FlowViewPage";
import "./pages/events/EventListPage";
+import "./pages/events/EventInfoPage";
import "./pages/events/TransportListPage";
import "./pages/events/RuleListPage";
import "./pages/providers/ProviderListPage";
@@ -35,6 +36,9 @@ export const ROUTES: Route[] = [
return html`
`;
}),
new Route(new RegExp("^/events/log$"), html`
`),
+ new Route(new RegExp(`^/events/log/(?
${UUID_REGEX})$`)).then((args) => {
+ return html``;
+ }),
new Route(new RegExp("^/events/transports$"), html``),
new Route(new RegExp("^/events/rules$"), html``),
new Route(new RegExp("^/property-mappings$"), html``),