{#if state.loading}
{/if}
{#each state.parents as parent} {navigate(parent.path, true)}}> {parent.name} / {/each}
{#if state.base.type === "file"}
Size
{formatDataVolume(state.base.file_size, 3)}
{:else if state.base.type === "dir" || state.base.type === "bucket"}
Directories
{formatThousands(total_directories, 3)}
Files
{formatThousands(total_files, 3)}
Total size
{formatDataVolume(total_file_size, 3)}
{/if}
{#if state.base.type === "file"} {/if}
{#if state.viewer_type === "dir"} {navigate(e.detail, true)}} on:loading={e => {state.loading = e.detail}}> {:else if state.viewer_type === "audio"} {:else if state.viewer_type === "image"} {open_sibling(e.detail)}}> {:else if state.viewer_type === "video"} {:else if state.viewer_type === "pdf"} {/if}
{#if state.base.type === "file"} {/if}

Node details

Name{state.base.name}
Path{state.base.path}
Type{state.base.type}
Date created{formatDate(state.base.date_created, true, true, true)}
Date modified{formatDate(state.base.date_modified, true, true, true)}
File type{state.base.file_type}
File size{formatDataVolume(state.base.file_size)}

Bucket details

ID{state.bucket.id}
Name{state.bucket.name}
Date created{formatDate(state.bucket.date_created, true, true, true)}
Date modified{formatDate(state.bucket.date_modified, true, true, true)}