Convert the whole filesystem UI to Typescript

This commit is contained in:
2025-03-28 14:16:20 +01:00
parent 8279b9646e
commit d5cd5b1db1
114 changed files with 601 additions and 670 deletions

View File

@@ -1,5 +1,5 @@
<script>
import { formatDate } from "util/Formatting.svelte";
import { formatDate } from "util/Formatting";
import LoadingIndicator from "util/LoadingIndicator.svelte";
let loading = false

View File

@@ -1,6 +1,6 @@
<script>
import { onMount } from "svelte";
import { formatDate } from "util/Formatting.svelte";
import { formatDate } from "util/Formatting";
import LoadingIndicator from "util/LoadingIndicator.svelte";
let loading = false

View File

@@ -2,7 +2,7 @@
import { onMount } from "svelte";
import Modal from "util/Modal.svelte";
import LoadingIndicator from "util/LoadingIndicator.svelte";
import { get_user, put_user } from "lib/PixeldrainAPI.mjs";
import { get_user, put_user } from "lib/PixeldrainAPI";
// When the always flag is set then the pop-up will also show if the user
// already has an affiliate ID set

View File

@@ -1,7 +1,7 @@
<script>
import { onMount } from "svelte";
import Pro from "icons/Pro.svelte";
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
import LoadingIndicator from "util/LoadingIndicator.svelte";
import ProgressBar from "util/ProgressBar.svelte";
import SuccessMessage from "util/SuccessMessage.svelte";

View File

@@ -1,7 +1,7 @@
<script>
import { onMount } from "svelte";
import Euro from "util/Euro.svelte";
import { formatDate } from "util/Formatting.svelte";
import { formatDate } from "util/Formatting";
import LoadingIndicator from "util/LoadingIndicator.svelte";
import MollieDeposit from "./MollieDeposit.svelte";

View File

@@ -1,6 +1,6 @@
<script>
import ProgressBar from "util/ProgressBar.svelte";
import { formatDataVolume } from "util/Formatting.svelte"
import { formatDataVolume } from "util/Formatting"
export let total = 0
export let used = 0

View File

@@ -3,7 +3,7 @@ import { onMount } from "svelte";
import Button from "layout/Button.svelte";
import CopyButton from "layout/CopyButton.svelte";
import ToggleButton from "layout/ToggleButton.svelte";
import { check_response, get_endpoint, get_user, type User } from "lib/PixeldrainAPI.mjs";
import { check_response, get_endpoint, get_user, type User } from "lib/PixeldrainAPI";
let user: User = null
let secret = ""

View File

@@ -14,7 +14,7 @@ import Dashboard from "./dashboard/Dashboard.svelte";
import AffiliatePrompt from "./AffiliatePrompt.svelte";
import FileManager from "./filemanager/FileManager.svelte";
import { onMount } from "svelte";
import { get_user, type User } from "lib/PixeldrainAPI.mjs";
import { get_user, type User } from "lib/PixeldrainAPI";
let pages: Tab[] = [
{

View File

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

View File

@@ -1,6 +1,6 @@
<script>
import { onMount } from "svelte";
import { formatDataVolume, formatDate } from "util/Formatting.svelte";
import { formatDataVolume, formatDate } from "util/Formatting";
import Euro from "util/Euro.svelte"
import LoadingIndicator from "util/LoadingIndicator.svelte";

View File

@@ -1,6 +1,6 @@
<script>
import { onMount } from "svelte";
import { formatDate } from "util/Formatting.svelte";
import { formatDate } from "util/Formatting";
import LoadingIndicator from "util/LoadingIndicator.svelte";
import Button from "layout/Button.svelte";

View File

@@ -1,7 +1,7 @@
<script>
import { onMount } from "svelte";
import { FSNavigator } from "filesystem/FSNavigator.ts"
import { fs_encode_path, fs_node_icon } from "filesystem/FilesystemAPI.mjs";
import { fs_encode_path, fs_node_icon } from "filesystem/FilesystemAPI";
import Button from "layout/Button.svelte";
import CreateDirectory from "filesystem/filemanager/CreateDirectory.svelte";
import FSUploadWidget from "filesystem/upload_widget/FSUploadWidget.svelte";

View File

@@ -1,6 +1,6 @@
<script>
import { onMount } from "svelte";
import { formatDataVolume, formatDate } from "util/Formatting.svelte";
import { formatDataVolume, formatDate } from "util/Formatting";
import Euro from "util/Euro.svelte"
import LoadingIndicator from "util/LoadingIndicator.svelte";
import Button from "layout/Button.svelte";

View File

@@ -2,7 +2,7 @@
import { onMount } from "svelte";
import Chart from "util/Chart.svelte";
import { color_by_name } from "util/Util.svelte";
import { formatDataVolume, formatThousands } from "util/Formatting.svelte";
import { formatDataVolume, formatThousands } from "util/Formatting";
export let card_size = 1
$: chart_height = (80 + (card_size * 60)) + "px"

View File

@@ -1,6 +1,6 @@
<script>
import Euro from "util/Euro.svelte";
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
</script>
<ul>

View File

@@ -1,5 +1,5 @@
<script>
import { formatDataVolume, formatDate } from "util/Formatting.svelte";
import { formatDataVolume, formatDate } from "util/Formatting";
// Main elements
let directoryArea

View File

@@ -1,6 +1,6 @@
<script>
import { onMount } from "svelte";
import { formatDataVolume } from "util/Formatting.svelte";
import { formatDataVolume } from "util/Formatting";
import Modal from "util/Modal.svelte";
import Spinner from "util/Spinner.svelte";
import UploadWidget from "util/upload_widget/UploadWidget.svelte";