45 lines
863 B
Svelte
45 lines
863 B
Svelte
<script>
|
|
import { formatDataVolume } from "../../util/Formatting.svelte";
|
|
|
|
export let item = {
|
|
size: 0,
|
|
children: null,
|
|
}
|
|
</script>
|
|
|
|
<!-- First get directories and render them as details collapsibles -->
|
|
{#each Object.entries(item.children) as [name, child]}
|
|
{#if child.children}
|
|
<details>
|
|
<summary>
|
|
{name} ({formatDataVolume(child.size, 3)})
|
|
</summary>
|
|
<svelte:self item={child}></svelte:self>
|
|
</details>
|
|
{/if}
|
|
{/each}
|
|
|
|
<!-- Then get files and render them as list items -->
|
|
<ul>
|
|
{#each Object.entries(item.children) as [name, child]}
|
|
{#if !child.children}
|
|
<li>
|
|
{name} ({formatDataVolume(child.size, 3)})<br/>
|
|
</li>
|
|
{/if}
|
|
{/each}
|
|
</ul>
|
|
|
|
<style>
|
|
details {
|
|
padding-left: 12px;
|
|
border: none;
|
|
border-left: 2px solid var(--separator);
|
|
}
|
|
ul {
|
|
margin: 0;
|
|
padding-left: 30px;
|
|
border-left: 2px solid var(--separator);
|
|
}
|
|
</style>
|