habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: add flow and policy cache card

Browse Source
This commit is contained in:
Jens Langhammer
2020-12-16 22:25:44 +01:00
parent cf46ee06b7
commit 885a2f0a58
6 changed files with 103 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
web/src/elements/cards/AggregateCard.ts
View File

@ -31,15 +31,19 @@ export class AggregateCard extends LitElement {
return html`<slot></slot>`;
}
renderHeaderLink(): TemplateResult {
return html`${this.headerLink ? html`<a href="${this.headerLink}">
<i class="fa fa-external-link-alt"> </i>
</a>` : ""}`;
}
render(): TemplateResult {
return html`<div class="pf-c-card pf-c-card-aggregate">
<div class="pf-c-card__header pf-l-flex pf-m-justify-content-space-between">
<div class="pf-c-card__header-main">
<i class="${ifDefined(this.icon)}"></i> ${this.header ? gettext(this.header) : ""}
</div>
${this.headerLink ? html`<a href="${this.headerLink}">
<i class="fa fa-external-link-alt"> </i>
</a>` : ""}
${this.renderHeaderLink()}
</div>
<div class="pf-c-card__body center-value">
${this.renderInner()}