andras/schmelczer-dev
1
0
Fork 0
Code Issues Pull requests 6 Projects Releases Packages Wiki Activity Actions

Make ImageAnchors downloadable

Browse source
This commit is contained in:
Andras Schmelczer 2022-09-21 13:45:49 +02:00
parent 1f3c388e94
commit 40b4ed0fdb
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
2 changed files with 9 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/page/basics/image-anchor/image-anchor.html.ts
View file

@ -6,15 +6,18 @@ export const generate = ({
href, href,
svg, svg,
title, title,
shouldDownload,
}: { }: {
href: url; href: url;
svg: url; svg: url;
title: string; title: string;
shouldDownload: boolean;
}): html => ` }): html => `
<a class="image-anchor" <a class="image-anchor"
href="${href}" href="${href}"
rel="noopener" rel="noopener"
target="_blank" target="_blank"
${shouldDownload ? 'download' : ''}
> >
<div class="svgContainer"> <div class="svgContainer">
${svg} ${svg}

8
src/page/basics/image-anchor/image-anchor.ts
View file

@ -3,9 +3,13 @@ import { createElement } from '../../../helper/create-element';
import { url } from '../../../types/url'; import { url } from '../../../types/url';
import { generate } from './image-anchor.html'; import { generate } from './image-anchor.html';
export const ImageAnchorFactory = (svg: string, title: string) => export const ImageAnchorFactory = (
svg: string,
title: string,
{ shouldDownload = false }: { shouldDownload?: boolean } = {}
) =>
class ImageAnchor extends PageElement { class ImageAnchor extends PageElement {
public constructor(href: url) { public constructor(href: url) {
super(createElement(generate({ href, svg, title }))); super(createElement(generate({ href, svg, title, shouldDownload })));
} }
}; };