mirror of
https://github.com/ae-utbm/sith.git
synced 2025-06-09 12:45:19 +00:00
47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { HttpReader, ZipWriter } from "@zip.js/zip.js";
|
|
import { showSaveFilePicker } from "native-file-system-adapter";
|
|
import type { PictureSchema } from "#openapi";
|
|
|
|
document.addEventListener("alpine:init", () => {
|
|
Alpine.data("pictures_download", () => ({
|
|
isDownloading: false,
|
|
|
|
async downloadZip() {
|
|
this.isDownloading = true;
|
|
const bar = this.$refs.progress;
|
|
bar.value = 0;
|
|
bar.max = this.pictures.length;
|
|
|
|
const incrementProgressBar = (_total: number): undefined => {
|
|
bar.value++;
|
|
return undefined;
|
|
};
|
|
|
|
const fileHandle = await showSaveFilePicker({
|
|
_preferPolyfill: false,
|
|
suggestedName: interpolate(
|
|
gettext("pictures.%(extension)s"),
|
|
{ extension: "zip" },
|
|
true,
|
|
),
|
|
excludeAcceptAllOption: false,
|
|
});
|
|
const zipWriter = new ZipWriter(await fileHandle.createWritable());
|
|
|
|
await Promise.all(
|
|
this.pictures.map((p: PictureSchema) => {
|
|
const imgName = `${p.album}/IMG_${p.date.replace(/[:\-]/g, "_")}${p.name.slice(p.name.lastIndexOf("."))}`;
|
|
return zipWriter.add(imgName, new HttpReader(p.full_size_url), {
|
|
level: 9,
|
|
lastModDate: new Date(p.date),
|
|
onstart: incrementProgressBar,
|
|
});
|
|
}),
|
|
);
|
|
|
|
await zipWriter.close();
|
|
this.isDownloading = false;
|
|
},
|
|
}));
|
|
});
|