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

enable opening crawl in new tab

Browse Source
This commit is contained in:
sua yoo 2022-04-11 13:00:17 -07:00
parent 29b586b03f
commit f90ef071de
No known key found for this signature in database
GPG Key ID: 5AD1B4C02D4F0567
2 changed files with 201 additions and 207 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
frontend/src/pages/archive/crawls-list.ts
View File

@ -248,24 +248,15 @@ export class CrawlsList extends LiteElement {
}
private renderCrawlItem = ({ item: crawl }: CrawlSearchResult) => {
return html`<li
class="grid grid-cols-12 gap-4 p-4 leading-none hover:bg-zinc-50 hover:text-primary border-t first:border-t-0 transition-colors"
role="button"
@click=${() => this.navTo(`${this.crawlsBaseUrl}/crawl/${crawl.id}`)}
title=${crawl.configName || crawl.cid}
>
<div class="col-span-11 md:col-span-5">
<div class="font-medium mb-1">
return html`<li class="border-t first:border-t-0">
<a
href=${`${this.crawlsBaseUrl}/crawl/${crawl.id}`}
@click=${(e: any) => {
e.stopPropagation();
this.navLink(e);
}}
class="grid grid-cols-12 gap-4 p-4 leading-none hover:bg-zinc-50 hover:text-primary transition-colors"
title=${crawl.configName}
@click=${this.navLink}
>
${crawl.configName || crawl.cid}
</a>
</div>
<div class="col-span-11 md:col-span-5">
<div class="font-medium mb-1">${crawl.configName || crawl.cid}</div>
<div class="text-0-700 text-sm whitespace-nowrap truncate">
<sl-format-date
date=${`${crawl.started}Z` /** Z for UTC */}
@ -278,7 +269,7 @@ export class CrawlsList extends LiteElement {
</div>
</div>
<div class="md:order-last col-span-1 flex justify-end">
<sl-dropdown @click=${(e: any) => e.stopPropagation()}>
<sl-dropdown @click=${(e: Event) => e.preventDefault()}>
<sl-icon-button
slot="trigger"
name="three-dots"
@ -457,6 +448,7 @@ export class CrawlsList extends LiteElement {
</div>
`}
</div>
</a>
</li>`;
};

6
frontend/src/utils/LiteElement.ts
View File

@ -66,12 +66,14 @@ export default class LiteElement extends LitElement {
* @param event Click event
*/
navLink(event: MouseEvent, href?: string): void {
// Detect keypress for opening in a new tab
if (
// Detect keypress for opening in a new tab
event.ctrlKey ||
event.shiftKey ||
event.metaKey ||
(event.button && event.button == 1)
(event.button && event.button == 1) ||
// Account for event prevented on anchor tag
event.defaultPrevented
) {
return;
}