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

Convert the whole filesystem UI to Typescript

Browse Source
This commit is contained in:
Wim Brand
2025-03-28 14:16:20 +01:00
parent 8279b9646e
commit d5cd5b1db1
114 changed files with 601 additions and 670 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
svelte/src/file_viewer/viewers/BandwidthUsage.svelte
View File

@@ -1,8 +1,8 @@
<script>
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
import TextBlock from "layout/TextBlock.svelte"
import ProgressBar from "util/ProgressBar.svelte";
import { stats } from "lib/StatsSocket.mjs"
import { stats } from "lib/StatsSocket"
export let file = {
size: 0,

2
svelte/src/file_viewer/viewers/File.svelte
View File

@@ -3,7 +3,7 @@ import { createEventDispatcher } from "svelte";
import BandwidthUsage from "./BandwidthUsage.svelte";
import IconBlock from "layout/IconBlock.svelte";
import FileTitle from "layout/FileTitle.svelte";
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
let dispatch = createEventDispatcher()
export const set_file = f => file = f

2
svelte/src/file_viewer/viewers/FilePreview.svelte
View File

@@ -11,7 +11,7 @@ import Abuse from "./Abuse.svelte";
import { file_type } from "file_viewer/FileUtilities.svelte";
import RateLimit from "./RateLimit.svelte";
import Torrent from "./Torrent.svelte";
import { stats } from "lib/StatsSocket.mjs"
import { stats } from "lib/StatsSocket"
import Zip from "./Zip.svelte";
import SlowDown from "layout/SlowDown.svelte";
import TextBlock from "layout/TextBlock.svelte";

13
svelte/src/file_viewer/viewers/Image.svelte
View File

@@ -1,6 +1,6 @@
<script lang="ts">
import { createEventDispatcher } from "svelte"
import { swipe_nav } from "lib/SwipeNavigate.mjs";
import { swipe_nav } from "lib/SwipeNavigate";
let dispatch = createEventDispatcher()
export const set_file = f => {
@@ -74,16 +74,19 @@ const on_load = () => dispatch("loading", false)
bind:this={container}
class="container"
class:zoom
use:swipe_nav={{enabled: !zoom && is_list, prev: true, next: true}}
on:prev
on:next
use:swipe_nav={{
enabled: !zoom && is_list,
prev: true,
next: true,
on_prev: () => dispatch("prev"),
on_next: () => dispatch("prev"),
}}
>
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
<img
on:load={on_load}
on:error={on_load}
on:dblclick={double_click}
on:doubletap={double_click}
on:mousedown={mousedown}
class="image"
class:zoom

4
svelte/src/file_viewer/viewers/RateLimit.svelte
View File

@@ -1,7 +1,7 @@
<script>
import { createEventDispatcher } from "svelte";
import { formatDataVolume } from "util/Formatting.svelte";
import { stats } from "lib/StatsSocket.mjs"
import { formatDataVolume } from "util/Formatting";
import { stats } from "lib/StatsSocket"
import IconBlock from "layout/IconBlock.svelte";
import TextBlock from "layout/TextBlock.svelte"
let dispatch = createEventDispatcher()

2
svelte/src/file_viewer/viewers/Torrent.svelte
View File

@@ -1,7 +1,7 @@
<script>
import { createEventDispatcher } from "svelte";
import Magnet from "icons/Magnet.svelte";
import { formatDate } from "util/Formatting.svelte"
import { formatDate } from "util/Formatting"
import IconBlock from "layout/IconBlock.svelte";
import TextBlock from "layout/TextBlock.svelte";
import TorrentItem from "./TorrentItem.svelte"

2
svelte/src/file_viewer/viewers/TorrentItem.svelte
View File

@@ -1,5 +1,5 @@
<script>
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
export let item = {
size: 0,

2
svelte/src/file_viewer/viewers/Video.svelte
View File

@@ -1,6 +1,6 @@
<script>
import { onMount, createEventDispatcher, tick } from "svelte";
import { video_position } from "lib/VideoPosition.mjs";
import { video_position } from "lib/VideoPosition";
import BandwidthUsage from "./BandwidthUsage.svelte";
import IconBlock from "layout/IconBlock.svelte";
let dispatch = createEventDispatcher()

2
svelte/src/file_viewer/viewers/Zip.svelte
View File

@@ -1,6 +1,6 @@
<script>
import { createEventDispatcher } from "svelte";
import { formatDataVolume, formatDate } from "util/Formatting.svelte"
import { formatDataVolume, formatDate } from "util/Formatting"
import IconBlock from "layout/IconBlock.svelte";
import TextBlock from "layout/TextBlock.svelte"
import ZipItem from "./ZipItem.svelte";

11
svelte/src/file_viewer/viewers/ZipItem.svelte
View File

@@ -1,11 +1,8 @@
<script>
import { formatDataVolume } from "util/Formatting.svelte";
<script lang="ts">
import type { ZipEntry } from "filesystem/viewers/Zip.svelte";
import { formatDataVolume } from "util/Formatting";
export let item = {
download_url: "",
size: 0,
children: null,
}
export let item: ZipEntry = {} as ZipEntry
</script>
<!-- First get directories and render them as details collapsibles -->