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

Update crawl scale label for UI consistency (#275)

Browse Source 
closes #254
This commit is contained in:
sua yoo 2022-06-29 16:14:03 -07:00 committed by GitHub
parent 50c525853f
commit 1c52902ea0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/pages/archive/crawl-detail.ts
View File

@ -372,6 +372,22 @@ export class CrawlDetail extends LiteElement {
} }
private renderSummary() { private renderSummary() {
let crawlScaleLabel = `${this.crawl?.scale}`;
switch (this.crawl?.scale) {
case 1:
crawlScaleLabel = msg("Standard", { desc: "Crawl scale label" });
break;
case 2:
crawlScaleLabel = msg("Big (2x)", { desc: "Crawl scale label" });
break;
case 3:
crawlScaleLabel = msg("Bigger (3x)", { desc: "Crawl scale label" });
break;
default:
break;
}
return html` return html`
<dl class="grid grid-cols-4 gap-5 rounded-lg border py-3 px-5 text-sm"> <dl class="grid grid-cols-4 gap-5 rounded-lg border py-3 px-5 text-sm">
<div class="col-span-2 md:col-span-1"> <div class="col-span-2 md:col-span-1">
@ -449,7 +465,7 @@ export class CrawlDetail extends LiteElement {
<dt class="text-xs text-0-600">${msg("Crawl Scale")}</dt> <dt class="text-xs text-0-600">${msg("Crawl Scale")}</dt>
<dd> <dd>
${this.crawl ${this.crawl
? html`<span class="font-mono">${this.crawl.scale}</span>` ? crawlScaleLabel
: html`<sl-skeleton class="h-5"></sl-skeleton>`} : html`<sl-skeleton class="h-5"></sl-skeleton>`}
</dd> </dd>
</div> </div>