@if (siteService.isLoading()) {
{{ "common.loadingSiteData" | transloco }}
} @else if (siteService.activeSite()) { @if (errorKey()) {
{{ errorKey()! | transloco }}
}
@for (card of metricCards(); track card.metric) {
{{ card.label }} @if (card.rating) { } {{ card.value }} {{ "webVitals.columns.p75" | transloco }} {{ "webVitals.cards.goodUntil" | transloco: { value: card.goodThreshold } }} {{ card.poorThreshold }} {{ "webVitals.cards.samples" | transloco: { count: formatNumber(card.samples) } }}
}
@for (chip of filterChips(); track chip.key) { {{ chip.label }} @if (chip.removable) { } } @if (hasCustomFilters()) { }

{{ "webVitals.chart.title" | transloco: { metric: selectedMetric() } }}

{{ "webVitals.chart.description" | transloco }}

@if (hasCustomFilters()) { {{ "dashboard.filteredBadge" | transloco }} }

{{ "webVitals.distribution.title" | transloco }}

{{ "webVitals.distribution.description" | transloco: { metric: selectedMetric() } }}

@let selected = selectedSummary();
{{ "webVitals.columns.p75" | transloco }} {{ selected ? formatMetricValue(selected.metric, selected.p75) : "-" }} {{ "webVitals.cards.samples" | transloco: { count: formatNumber(selected?.samples ?? 0) } }}
@for (tab of breakdownTabs(); track tab.value) { {{ tab.label }} }

{{ pageBreakdownTitle() }}

{{ pageBreakdownDescription() }}

{{ "webVitals.columns.path" | transloco }} LCP INP CLS FCP TTFB @if (selectedRating()) { {{ ratingCountColumnLabel() }} } {{ "webVitals.columns.samples" | transloco }}
@if (siteFaviconUrl(); as favicon) { } @if (buildSiteUrl(row.path); as pageUrl) { }
@for (metric of metricOptions(); track metric.value) { @let cell = metricCell(row, metric.value); @if (cell) { {{ formatMetricValue(metric.value, cell.p75) }} } @else { - } } @if (selectedRating()) { {{ formatNumber(row.ratingSamples) }} } {{ formatNumber(row.samples) }} {{ "webVitals.pages.empty" | transloco }} @for (tab of breakdownTabs().slice(1); track tab.value) {

{{ "webVitals.breakdown.title" | transloco: { dimension: tab.label } }}

{{ "webVitals.breakdown.description" | transloco: { metric: selectedMetric() } }}

{{ tab.label }} {{ "webVitals.columns.p75" | transloco }} {{ "webVitals.columns.samples" | transloco }} {{ "webVitals.columns.rating" | transloco }} {{ dimensionLabel(row) }} {{ formatMetricValue(selectedMetric(), row.p75) }} {{ formatNumber(row.samples) }} {{ "webVitals.breakdown.empty" | transloco }} } } @else {

{{ "common.noSiteSelected" | transloco }}

{{ "webVitals.noSiteDescription" | transloco }}

}