tea/browsertrix
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Properly pluralize "Pages" in QA, and display skeletons instead of incorrect fallback values (#2026)

Browse Source
This commit is contained in:
Emma Segal-Grossman 2024-08-20 20:33:52 -04:00 committed by GitHub
parent 8c9a14b6a2
commit 570dc10f2a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 33 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
frontend/src/pages/org/archived-item-detail/ui/qa.ts
View File

@ -249,33 +249,45 @@ export class ArchivedItemDetailQA extends BtrixElement {
</sl-tooltip>
</div>
</div>
<div>
<p>
<span class="text-primary">${htmlCount}</span> ${msg(
"HTML Pages",
)}
</p>
<p>
<span class="text-neutral-600">${fileCount}</span> ${msg(
"Non-HTML Files Captured As Pages",
)}
</p>
<p>
<span class="text-danger">${errorCount}</span> ${msg(
"Failed Pages",
)}
</p>
</div>
${this.crawl
? html`<div class="tabular-nums">
<p>
${msg(html`
<span class="text-primary">${htmlCount}</span>
HTML ${pluralOf("pages", htmlCount)}
`)}
</p>
<p>
${msg(html`
<span class="text-neutral-600">${fileCount}</span>
Non-HTML files captured as ${pluralOf("pages", fileCount)}
`)}
</p>
<p>
${msg(html`
<span class="text-danger">${errorCount}</span>
Failed ${pluralOf("pages", errorCount)}
`)}
</p>
</div> `
: html`
<sl-skeleton class="mb-[5px] w-24"></sl-skeleton>
<sl-skeleton class="mb-[5px] w-64"></sl-skeleton>
<sl-skeleton class="mb-[5px] w-28"></sl-skeleton>
`}
${when(this.mostRecentNonFailedQARun && this.qaRuns, (qaRuns) =>
this.renderAnalysis(qaRuns),
)}
</btrix-card>
<div>
<h4 class="mb-2 mt-4 text-lg leading-8">
<span class="font-semibold">${msg("Pages")}</span> (${(
this.pages?.total ?? 0
).toLocaleString()})
<h4 class="mb-2 mt-4 text-lg tabular-nums leading-8">
<span class="font-semibold">${msg("Pages")}</span>
${this.pages != null
? `(${this.pages.total.toLocaleString()})`
: html`<sl-skeleton
class="inline-block h-6 w-5 align-[-6px]"
></sl-skeleton>`}
</h4>
</div>
${this.renderPageListControls()} ${this.renderPageList()}