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

Adds <btrix-details> to org dashboard table (#1311)

Browse Source 
- Updates text with "Elapsed Time" label in the table
- Makes the table collapsible and collapsed by default.
This commit is contained in:
Henry Wilkinson 2023-10-26 22:46:35 -04:00 committed by GitHub
parent 38f32f11ea
commit 21905205dc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/pages/org/crawl-detail.ts
View File

@ -627,7 +627,7 @@ export class CrawlDetail extends LiteElement {
></sl-format-date>` ></sl-format-date>`
: html`<span class="text-0-400">${msg("Pending")}</span>`} : html`<span class="text-0-400">${msg("Pending")}</span>`}
</btrix-desc-list-item> </btrix-desc-list-item>
<btrix-desc-list-item label=${msg("Duration")}> <btrix-desc-list-item label=${msg("Elapsed Time")}>
${this.crawl!.finished ${this.crawl!.finished
? html`${RelativeDuration.humanize( ? html`${RelativeDuration.humanize(
new Date(`${this.crawl!.finished}Z`).valueOf() - new Date(`${this.crawl!.finished}Z`).valueOf() -

22
frontend/src/pages/org/dashboard.ts
View File

@ -528,10 +528,10 @@ export class Dashboard extends LiteElement {
</sl-tooltip> </sl-tooltip>
`, `,
html` html`
${msg("Total Crawl Duration")} ${msg("Elapsed Time")}
<sl-tooltip> <sl-tooltip>
<div slot="content" style="text-transform: initial"> <div slot="content" style="text-transform: initial">
${msg("Total time elapsed between when crawl starts and ends")} ${msg("Total time elapsed between when crawls started and ended")}
</div> </div>
<sl-icon name="info-circle" style="vertical-align: -.175em"></sl-icon> <sl-icon name="info-circle" style="vertical-align: -.175em"></sl-icon>
</sl-tooltip> </sl-tooltip>
@ -560,15 +560,15 @@ export class Dashboard extends LiteElement {
]; ];
}); });
return html` return html`
<h2 class="text-lg font-semibold leading-none mb-6"> <btrix-details>
${msg("Usage History")} <span slot="title">${msg("Usage History")}</span>
</h2> <div class="border rounded overflow-hidden">
<div class="border rounded overflow-hidden"> <btrix-data-table
<btrix-data-table .columns=${this.usageTableCols}
.columns=${this.usageTableCols} .rows=${rows}
.rows=${rows} ></btrix-data-table>
></btrix-data-table> </div>
</div> </btrix-details>
`; `;
} }