pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Don't show downloads graph for directories

Browse Source
This commit is contained in:
Fornax
2023-05-25 23:21:39 +02:00
parent 976a37f299
commit f9904ba1e9
1 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
svelte/src/filesystem/DetailsWindow.svelte
View File

@@ -6,13 +6,14 @@ import { fs_timeseries } from "./FilesystemAPI";
import { fs_path_url } from "./FilesystemUtil"; import { fs_path_url } from "./FilesystemUtil";
import { generate_share_url } from "./Sharebar.svelte"; import { generate_share_url } from "./Sharebar.svelte";
import { color_by_name } from "../util/Util.svelte"; import { color_by_name } from "../util/Util.svelte";
import { tick } from "svelte";
export let state export let state
export let visible = false export let visible = false
export const toggle = () => visible = !visible export const toggle = () => visible = !visible
$: visibility_change(visible) $: visibility_change(visible)
const visibility_change = (visible) => { const visibility_change = visible => {
if (visible) { if (visible) {
update_chart(state.base, 0, 0) update_chart(state.base, 0, 0)
} }
@@ -40,7 +41,12 @@ let total_bandwidth_paid = 0
$: update_chart(state.base, chart_timespan, chart_interval) $: update_chart(state.base, chart_timespan, chart_interval)
let update_chart = async (base, timespan, interval) => { let update_chart = async (base, timespan, interval) => {
if (!visible) { if (chart === undefined) {
// Wait for the chart element to render, if it's not rendered already
await tick()
}
if (!visible || base.type !== "file" || chart === undefined) {
return return
} }
@@ -170,19 +176,21 @@ let update_chart = async (base, timespan, interval) => {
{/if} {/if}
</table> </table>
<h3 class="indent">Download statistics</h3> {#if state.base.type === "file"}
<h3 class="indent">Download statistics</h3>
<div class="button_bar"> <div class="button_bar">
{#each chart_timespans as ts} {#each chart_timespans as ts}
<button <button
on:click={() => { update_chart(state.base, ts.span, ts.interval) }} on:click={() => { update_chart(state.base, ts.span, ts.interval) }}
class:button_highlight={chart_timespan == ts.span}> class:button_highlight={chart_timespan == ts.span}>
{ts.label} {ts.label}
</button> </button>
{/each} {/each}
</div> </div>
<Chart bind:this={chart} /> <Chart bind:this={chart} />
{/if}
</Modal> </Modal>
<style> <style>