136 lines
5.0 KiB
TypeScript
136 lines
5.0 KiB
TypeScript
import { DEFAULT_CONFIG } from "@goauthentik/common/api/config.js";
|
|
import "@goauthentik/components/ak-status-label";
|
|
import "@goauthentik/elements/events/LogViewer";
|
|
import { Form } from "@goauthentik/elements/forms/Form";
|
|
import "@goauthentik/elements/forms/HorizontalFormElement";
|
|
import "@goauthentik/elements/forms/SearchSelect";
|
|
|
|
import { msg } from "@lit/localize";
|
|
import { CSSResult, TemplateResult, html } from "lit";
|
|
import { customElement, property } from "lit/decorators.js";
|
|
|
|
import PFDescriptionList from "@patternfly/patternfly/components/DescriptionList/description-list.css";
|
|
|
|
import {
|
|
Application,
|
|
CoreApi,
|
|
CoreUsersListRequest,
|
|
PolicyTestResult,
|
|
User,
|
|
} from "@goauthentik/api";
|
|
|
|
@customElement("ak-application-check-access-form")
|
|
export class ApplicationCheckAccessForm extends Form<{ forUser: number }> {
|
|
@property({ attribute: false })
|
|
application!: Application;
|
|
|
|
@property({ attribute: false })
|
|
result?: PolicyTestResult;
|
|
|
|
@property({ attribute: false })
|
|
request?: number;
|
|
|
|
getSuccessMessage(): string {
|
|
return msg("Successfully sent test-request.");
|
|
}
|
|
|
|
async send(data: { forUser: number }): Promise<PolicyTestResult> {
|
|
this.request = data.forUser;
|
|
const result = await new CoreApi(DEFAULT_CONFIG).coreApplicationsCheckAccessRetrieve({
|
|
slug: this.application?.slug,
|
|
forUser: data.forUser,
|
|
});
|
|
return (this.result = result);
|
|
}
|
|
|
|
resetForm(): void {
|
|
super.resetForm();
|
|
this.result = undefined;
|
|
}
|
|
|
|
static get styles(): CSSResult[] {
|
|
return super.styles.concat(PFDescriptionList);
|
|
}
|
|
|
|
renderResult(): TemplateResult {
|
|
return html`
|
|
<ak-form-element-horizontal label=${msg("Passing")}>
|
|
<div class="pf-c-form__group-label">
|
|
<div class="c-form__horizontal-group">
|
|
<span class="pf-c-form__label-text">
|
|
<ak-status-label ?good=${this.result?.passing}></ak-status-label>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</ak-form-element-horizontal>
|
|
<ak-form-element-horizontal label=${msg("Messages")}>
|
|
<div class="pf-c-form__group-label">
|
|
<div class="c-form__horizontal-group">
|
|
<ul>
|
|
${(this.result?.messages || []).length > 0
|
|
? this.result?.messages?.map((m) => {
|
|
return html`<li>
|
|
<span class="pf-c-form__label-text">${m}</span>
|
|
</li>`;
|
|
})
|
|
: html`<li>
|
|
<span class="pf-c-form__label-text">-</span>
|
|
</li>`}
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</ak-form-element-horizontal>
|
|
<ak-form-element-horizontal label=${msg("Log messages")}>
|
|
<div class="pf-c-form__group-label">
|
|
<div class="c-form__horizontal-group">
|
|
<dl class="pf-c-description-list pf-m-horizontal">
|
|
<ak-log-viewer .logs=${this.result?.logMessages}></ak-log-viewer>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</ak-form-element-horizontal>
|
|
`;
|
|
}
|
|
|
|
renderForm(): TemplateResult {
|
|
return html`<ak-form-element-horizontal
|
|
label=${msg("User")}
|
|
?required=${true}
|
|
name="forUser"
|
|
>
|
|
<ak-search-select
|
|
.fetchObjects=${async (query?: string): Promise<User[]> => {
|
|
const args: CoreUsersListRequest = {
|
|
ordering: "username",
|
|
};
|
|
if (query !== undefined) {
|
|
args.search = query;
|
|
}
|
|
const users = await new CoreApi(DEFAULT_CONFIG).coreUsersList(args);
|
|
return users.results;
|
|
}}
|
|
.renderElement=${(user: User): string => {
|
|
return user.username;
|
|
}}
|
|
.renderDescription=${(user: User): TemplateResult => {
|
|
return html`${user.name}`;
|
|
}}
|
|
.value=${(user: User | undefined): number | undefined => {
|
|
return user?.pk;
|
|
}}
|
|
.selected=${(user: User): boolean => {
|
|
return user.pk.toString() === this.request?.toString();
|
|
}}
|
|
>
|
|
</ak-search-select>
|
|
</ak-form-element-horizontal>
|
|
${this.result ? this.renderResult() : html``}`;
|
|
}
|
|
}
|
|
|
|
declare global {
|
|
interface HTMLElementTagNameMap {
|
|
"ak-application-check-access-form": ApplicationCheckAccessForm;
|
|
}
|
|
}
|