enable opening crawl template in new tab

This commit is contained in:
sua yoo 2022-04-11 13:02:54 -07:00
parent f90ef071de
commit 5307138202
No known key found for this signature in database
GPG Key ID: 5AD1B4C02D4F0567

View File

@ -89,28 +89,19 @@ export class CrawlTemplatesList extends LiteElement {
<div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4"> <div class="grid sm:grid-cols-2 md:grid-cols-3 gap-4">
${this.crawlTemplates.map( ${this.crawlTemplates.map(
(t) => (t) =>
html`<div html`<a
class="col-span-1 p-1 border shadow hover:shadow-sm hover:bg-zinc-50/50 hover:text-primary rounded text-sm transition-colors" class="block col-span-1 p-1 border shadow hover:shadow-sm hover:bg-zinc-50/50 hover:text-primary rounded text-sm transition-colors"
aria-label=${t.name} aria-label=${t.name}
role="button" href=${`/archives/${this.archiveId}/crawl-templates/config/${t.id}`}
@click=${() => { @click=${this.navLink}
this.navTo(
`/archives/${this.archiveId}/crawl-templates/config/${t.id}`
);
}}
> >
<header class="flex"> <header class="flex">
<a <div
href=${`/archives/${this.archiveId}/crawl-templates/config/${t.id}`} class="flex-1 px-3 pt-3 font-medium whitespace-nowrap truncate mb-1"
class="block flex-1 px-3 pt-3 font-medium whitespace-nowrap truncate mb-1"
title=${t.name} title=${t.name}
@click=${(e: any) => {
e.stopPropagation();
this.navLink(e);
}}
> >
${t.name || "?"} ${t.name}
</a> </div>
${this.renderCardMenu(t)} ${this.renderCardMenu(t)}
</header> </header>
@ -235,7 +226,7 @@ export class CrawlTemplatesList extends LiteElement {
</div> </div>
${this.renderCardFooter(t)} ${this.renderCardFooter(t)}
</div> </div>
</div>` </a>`
)} )}
</div> </div>
@ -347,7 +338,7 @@ export class CrawlTemplatesList extends LiteElement {
} }
return html` return html`
<sl-dropdown @click=${(e: any) => e.stopPropagation()}> <sl-dropdown @click=${(e: any) => e.preventDefault()}>
<sl-icon-button <sl-icon-button
slot="trigger" slot="trigger"
name="three-dots-vertical" name="three-dots-vertical"