web/user: fix RAC launch not opening when clicking icon (#13164)

Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
Jens L.
2025-02-21 19:18:41 +01:00
committed by GitHub
parent 51a0f7d314
commit 261e18b3d6

View File

@ -99,6 +99,19 @@ export class LibraryApplication extends AKElement {
if (this.application?.launchUrl === "goauthentik.io://providers/rac/launch") { if (this.application?.launchUrl === "goauthentik.io://providers/rac/launch") {
return html`<ak-library-rac-endpoint-launch .app=${this.application}> return html`<ak-library-rac-endpoint-launch .app=${this.application}>
</ak-library-rac-endpoint-launch> </ak-library-rac-endpoint-launch>
<div class="pf-c-card__header">
<a
@click=${() => {
this.racEndpointLaunch?.onClick();
}}
>
<ak-app-icon
size=${PFSize.Large}
name=${this.application.name}
icon=${ifDefined(this.application.metaIcon || undefined)}
></ak-app-icon>
</a>
</div>
<div class="pf-c-card__title"> <div class="pf-c-card__title">
<a <a
@click=${() => { @click=${() => {
@ -109,13 +122,25 @@ export class LibraryApplication extends AKElement {
</a> </a>
</div>`; </div>`;
} }
return html`<div class="pf-c-card__title"> return html`<div class="pf-c-card__header">
<a <a
href="${ifDefined(this.application.launchUrl ?? "")}" href="${ifDefined(this.application.launchUrl ?? "")}"
target="${ifDefined(this.application.openInNewTab ? "_blank" : undefined)}" target="${ifDefined(this.application.openInNewTab ? "_blank" : undefined)}"
>${this.application.name}</a >
> <ak-app-icon
</div>`; size=${PFSize.Large}
name=${this.application.name}
icon=${ifDefined(this.application.metaIcon || undefined)}
></ak-app-icon>
</a>
</div>
<div class="pf-c-card__title">
<a
href="${ifDefined(this.application.launchUrl ?? "")}"
target="${ifDefined(this.application.openInNewTab ? "_blank" : undefined)}"
>${this.application.name}</a
>
</div>`;
} }
render(): TemplateResult { render(): TemplateResult {
@ -135,18 +160,6 @@ export class LibraryApplication extends AKElement {
class="pf-c-card pf-m-hoverable pf-m-compact ${classMap(classes)}" class="pf-c-card pf-m-hoverable pf-m-compact ${classMap(classes)}"
style=${styleMap(styles)} style=${styleMap(styles)}
> >
<div class="pf-c-card__header">
<a
href="${ifDefined(this.application.launchUrl ?? "")}"
target="${ifDefined(this.application.openInNewTab ? "_blank" : undefined)}"
>
<ak-app-icon
size=${PFSize.Large}
name=${this.application.name}
icon=${ifDefined(this.application.metaIcon || undefined)}
></ak-app-icon>
</a>
</div>
${this.renderLaunch()} ${this.renderLaunch()}
<div class="expander"></div> <div class="expander"></div>
${expandable ? this.renderExpansion(this.application) : nothing} ${expandable ? this.renderExpansion(this.application) : nothing}