//
// SPDX-License-Identifier: AGPL-3.0
-import * as React from "react";
-import { ListItemIcon, ListItemText, Button, ListItem } from "@material-ui/core";
-import { DownloadIcon } from "../../../components/icon/icon";
+import React from 'react';
+import { ListItemIcon, ListItemText, ListItem } from '@material-ui/core';
+import { DownloadIcon } from '../../../components/icon/icon';
+import JSZip from 'jszip';
+import FileSaver from 'file-saver';
+import axios from 'axios';
-export const DownloadAction = (props: { href?: string, download?: string, onClick?: () => void }) => {
- const targetProps = props.download ? {} : { target: '_blank' };
+export const DownloadAction = (props: { href?: any, download?: any, onClick?: () => void, kind?: string, currentCollectionUuid?: string; }) => {
const downloadProps = props.download ? { download: props.download } : {};
- return props.href
+
+ const createZip = (fileUrls: string[], download: string[]) => {
+ let id = 1;
+ const zip = new JSZip();
+ const filteredFileUrls = fileUrls
+ .filter((href: string) => {
+ const letter = href.split('').pop();
+ return letter !== '/';
+ });
+
+ filteredFileUrls.forEach((href: string) => {
+ axios.get(href).then(response => response).then(({ data }: any) => {
+ const splittedByDot = href.split('.');
+ if (splittedByDot[splittedByDot.length - 1] !== 'json') {
+ if (filteredFileUrls.length === id) {
+ zip.file(download[id - 1], data);
+ zip.generateAsync({ type: 'blob' }).then((content) => {
+ FileSaver.saveAs(content, `download-${props.currentCollectionUuid}.zip`);
+ });
+ } else {
+ zip.file(download[id - 1], data);
+ zip.generateAsync({ type: 'blob' });
+ }
+ } else {
+ zip.file(download[id - 1], JSON.stringify(data));
+ zip.generateAsync({ type: 'blob' });
+ }
+ id++;
+ });
+ });
+ };
+
+ return props.href || props.kind === 'files'
? <a
style={{ textDecoration: 'none' }}
- href={props.href}
+ href={props.kind === 'files' ? undefined : `${props.href}&disposition=attachment`}
onClick={props.onClick}
- {...targetProps}
{...downloadProps}>
- <ListItem button>
- <ListItemIcon>
- <DownloadIcon />
- </ListItemIcon>
+ <ListItem button onClick={() => props.kind === 'files' ? createZip(props.href, props.download) : undefined}>
+ {props.kind !== 'files' ?
+ <ListItemIcon>
+ <DownloadIcon />
+ </ListItemIcon> : <span />}
<ListItemText>
- Download
- </ListItemText>
+ {props.kind === 'files' ? 'Download selected' : 'Download'}
+ </ListItemText>
</ListItem>
- </a >
+ </a>
: null;
};
\ No newline at end of file