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

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

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