diff --git a/web/src/admin/admin-overview/AdminOverviewPage.ts b/web/src/admin/admin-overview/AdminOverviewPage.ts index 4850ef929386..7f6d12f274a4 100644 --- a/web/src/admin/admin-overview/AdminOverviewPage.ts +++ b/web/src/admin/admin-overview/AdminOverviewPage.ts @@ -91,7 +91,11 @@ export class AdminOverviewPage extends AdminOverviewBase {
- +
diff --git a/web/src/admin/admin-overview/charts/SyncStatusChart.ts b/web/src/admin/admin-overview/charts/SyncStatusChart.ts index 1f56af668183..ffca3ec30624 100644 --- a/web/src/admin/admin-overview/charts/SyncStatusChart.ts +++ b/web/src/admin/admin-overview/charts/SyncStatusChart.ts @@ -65,7 +65,7 @@ export class SyncStatusChart extends AKChart { const status = await fetchSyncStatus(element); const now = new Date().getTime(); - const maxDelta = 3600000; // 1 hour + const maxDelta = 12 * 60 * 60 * 1000; // 12 hours if ( status.lastSyncStatus === TaskAggregatedStatusEnum.Error || diff --git a/web/src/elements/cards/AggregateCard.ts b/web/src/elements/cards/AggregateCard.ts index 74856f60af1a..0ffb3032412c 100644 --- a/web/src/elements/cards/AggregateCard.ts +++ b/web/src/elements/cards/AggregateCard.ts @@ -1,3 +1,5 @@ +import "@patternfly/elements/pf-tooltip/pf-tooltip.js"; + import { AKElement } from "#elements/Base"; import Styles from "#elements/cards/AggregateCard.css"; import { SlottedTemplateResult } from "#elements/types"; @@ -43,6 +45,14 @@ export class AggregateCard extends AKElement implements IAggregateCard { @property({ type: String }) public label: string | null = null; + /** + * The optional tooltip of the card. + * + * @attr + */ + @property({ type: String }) + public tooltip: string | null = null; + /** * If this is non-empty, a link icon will be shown in the upper-right corner of the card. * @@ -93,7 +103,12 @@ export class AggregateCard extends AKElement implements IAggregateCard { >

${this.icon ? html`` : nothing} - ${this.label || nothing}${this.renderHeaderLink()} + ${this.tooltip + ? html`${this.label || nothing}` + : html`${this.label || nothing}`} + ${this.renderHeaderLink()}