125 lines
3.1 KiB
Svelte
125 lines
3.1 KiB
Svelte
<script>
|
|
import { createEventDispatcher } from "svelte";
|
|
import { formatDataVolume, formatDate } from "../../util/Formatting.svelte"
|
|
import ZipItem from "../../file_viewer/viewers/ZipItem.svelte";
|
|
import IconBlock from "src/layout/IconBlock.svelte";
|
|
import TextBlock from "src/layout/TextBlock.svelte"
|
|
import { fs_node_icon, fs_path_url } from "../FilesystemAPI";
|
|
|
|
let dispatch = createEventDispatcher()
|
|
|
|
export let nav
|
|
|
|
let status = "loading"
|
|
|
|
let zip = {
|
|
size: 0,
|
|
children: null,
|
|
}
|
|
let uncomp_size = 0
|
|
let comp_ratio = 0
|
|
let archive_type = ""
|
|
|
|
export const update = async () => {
|
|
if (nav.base.file_type === "application/zip") {
|
|
archive_type = "zip"
|
|
} else if (nav.base.file_type === "application/x-7z-compressed") {
|
|
archive_type = "7z"
|
|
}
|
|
|
|
try {
|
|
nav.set_loading(true)
|
|
let resp = await fetch(fs_path_url(nav.base.path)+"?zip_info")
|
|
|
|
if (resp.status >= 400) {
|
|
status = "parse_failed"
|
|
return
|
|
}
|
|
|
|
zip = await resp.json()
|
|
|
|
// Check if the zip has the property which allows separate files to be
|
|
// downloaded. If so then we set the download URL for each file
|
|
if (zip.properties && zip.properties.includes("read_individual_files")) {
|
|
// Set the download URL for each file in the zip
|
|
recursive_set_url(fs_path_url(nav.base.path)+"?zip_file=", zip)
|
|
}
|
|
|
|
uncomp_size = recursive_size(zip)
|
|
comp_ratio = (uncomp_size / nav.base.file_size)
|
|
} catch (err) {
|
|
console.error(err)
|
|
} finally {
|
|
nav.set_loading(false)
|
|
status = "finished"
|
|
}
|
|
}
|
|
|
|
const recursive_set_url = (parent_path, file) => {
|
|
file.download_url = parent_path
|
|
|
|
if (file.children) {
|
|
Object.entries(file.children).forEach(child => {
|
|
recursive_set_url(file.download_url + "/" + child[0], child[1])
|
|
});
|
|
}
|
|
}
|
|
|
|
const recursive_size = (file) => {
|
|
let size = file.size
|
|
|
|
// If the file has children (array is iterable) we call this function on all
|
|
// the children and add the size to our size accumulator
|
|
if (file.children.forEach) {
|
|
file.children.forEach(child => {
|
|
size += recursive_size(child)
|
|
});
|
|
}
|
|
|
|
// Return the total size of this file and all its children
|
|
return size
|
|
}
|
|
</script>
|
|
|
|
<slot></slot>
|
|
|
|
<h1>{$nav.base.name}</h1>
|
|
|
|
<IconBlock icon_href={fs_node_icon($nav.base, 256, 256)}>
|
|
{#if archive_type === "7z"}
|
|
This is a 7-zip archive. You will need
|
|
<a href="https://www.7-zip.org/">7-zip</a> or compatible software to
|
|
extract it<br/>
|
|
{/if}
|
|
|
|
Compressed size: {formatDataVolume($nav.base.file_size, 3)}<br/>
|
|
Uncompressed size: {formatDataVolume(zip.size, 3)} (Ratio: {comp_ratio.toFixed(2)}x)<br/>
|
|
Uploaded on: {formatDate($nav.base.created, true, true, true)}
|
|
<br/>
|
|
<button class="button_highlight" on:click={() => {dispatch("download")}}>
|
|
<i class="icon">download</i>
|
|
<span>Download</span>
|
|
</button>
|
|
</IconBlock>
|
|
|
|
{#if status === "finished"}
|
|
<TextBlock>
|
|
<h2>Files in this zip archive</h2>
|
|
<ZipItem item={zip} />
|
|
</TextBlock>
|
|
{:else if status === "parse_failed"}
|
|
<TextBlock>
|
|
<p>
|
|
Zip archive could not be parsed. This usually means that the archive
|
|
is encrypted or that it uses an unsupported compression format.
|
|
</p>
|
|
</TextBlock>
|
|
{/if}
|
|
|
|
<style>
|
|
h1 {
|
|
text-shadow: 1px 1px 3px var(--shadow_color);
|
|
line-break: anywhere;
|
|
}
|
|
</style>
|