web/user: fix RAC launch not opening when clicking icon (#13164)
Signed-off-by: Jens Langhammer <jens@goauthentik.io>
This commit is contained in:
@ -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}
|
||||||
|
Reference in New Issue
Block a user