trustchain-oc1-orchestral
/
authentik
Archived
10
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

web: add ak-expand for event list to show full context

This commit is contained in:
Jens Langhammer 2021-02-04 20:59:18 +01:00
parent dd8c1eeb52
commit 7a16f97908
1 changed files with 15 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/pages/events/EventInfo.ts
View File

@ -5,6 +5,7 @@ import { Event, EventContext } from "../../api/Events";
import { Flow } from "../../api/Flows"; import { Flow } from "../../api/Flows";
import { COMMON_STYLES } from "../../common/styles"; import { COMMON_STYLES } from "../../common/styles";
import "../../elements/Spinner"; import "../../elements/Spinner";
import "../../elements/Expand";
import { SpinnerSize } from "../../elements/Spinner"; import { SpinnerSize } from "../../elements/Spinner";
@customElement("ak-event-info") @customElement("ak-event-info")
@ -86,12 +87,11 @@ export class EventInfo extends LitElement {
case "login_failed": case "login_failed":
return html` return html`
<h3>${gettext(`Attempted to log in as ${this.event.context.username}`)}</h3> <h3>${gettext(`Attempted to log in as ${this.event.context.username}`)}</h3>
`; <ak-expand>${this.defaultResponse()}</ak-expand>`;
case "token_view": case "token_view":
return html` return html`
<h3>${gettext("Token:")}</h3><hr> <h3>${gettext("Token:")}</h3><hr>
${this.getModelInfo(this.event.context.token as EventContext)} ${this.getModelInfo(this.event.context.token as EventContext)}`;
`;
case "property_mapping_exception": case "property_mapping_exception":
return html`<div class="pf-l-flex"> return html`<div class="pf-l-flex">
<div class="pf-l-flex__item"> <div class="pf-l-flex__item">
@ -102,7 +102,8 @@ export class EventInfo extends LitElement {
<h3>${gettext("Expression")}</h3> <h3>${gettext("Expression")}</h3>
<code>${this.event.context.expression}</code> <code>${this.event.context.expression}</code>
</div> </div>
</div>`; </div>
<ak-expand>${this.defaultResponse()}</ak-expand>`;
case "policy_exception": case "policy_exception":
return html`<div class="pf-l-flex"> return html`<div class="pf-l-flex">
<div class="pf-l-flex__item"> <div class="pf-l-flex__item">
@ -120,7 +121,8 @@ export class EventInfo extends LitElement {
<h3>${gettext("Exception")}</h3> <h3>${gettext("Exception")}</h3>
<code>${this.event.context.message || this.event.context.error}</code> <code>${this.event.context.message || this.event.context.error}</code>
</div> </div>
</div>`; </div>
<ak-expand>${this.defaultResponse()}</ak-expand>`;
case "policy_execution": case "policy_execution":
return html`<div class="pf-l-flex"> return html`<div class="pf-l-flex">
<div class="pf-l-flex__item"> <div class="pf-l-flex__item">
@ -141,21 +143,23 @@ export class EventInfo extends LitElement {
<li>${gettext("Messages")}: <li>${gettext("Messages")}:
<ul class="pf-c-list"> <ul class="pf-c-list">
${((this.event.context.result as EventContext).messages as string[]).map(msg => { ${((this.event.context.result as EventContext).messages as string[]).map(msg => {
return html`<li>${msg}</li>`; return html`<li>${msg}</li>`;
})} })}
</ul> </ul>
</li> </li>
</ul> </ul>
</div> </div>
</div>`; </div>
<ak-expand>${this.defaultResponse()}</ak-expand>`;
case "configuration_error": case "configuration_error":
return html`<h3>${this.event.context.message}</h3>`; return html`<h3>${this.event.context.message}</h3>
<ak-expand>${this.defaultResponse()}</ak-expand>`;
case "update_available": case "update_available":
return html`<h3>${gettext("New version available!")}</h3> return html`<h3>${gettext("New version available!")}</h3>
<a target="_blank" href="https://github.com/BeryJu/authentik/releases/tag/version%2F${this.event.context.new_version}">${this.event.context.new_version}</a> <a target="_blank" href="https://github.com/BeryJu/authentik/releases/tag/version%2F${this.event.context.new_version}">${this.event.context.new_version}</a>
`; `;
// Action types which typically don't record any extra context. // Action types which typically don't record any extra context.
// If context is not empty, we fall to the default response. // If context is not empty, we fall to the default response.
case "login": case "login":
if ("using_source" in this.event.context) { if ("using_source" in this.event.context) {
return html`<div class="pf-l-flex"> return html`<div class="pf-l-flex">