Display file select button if torrent isn't loading

ed-asriyan · Apr 17, 2024 · cdf170c · cdf170c
1 parent 1f29c0b
commit cdf170c
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/src/app.scss b/src/app.scss
@@ -17,10 +17,6 @@ html {
     background-color: #000;
 }
 
-.block {
-    display: block;
-}
-
 .tile {
     border: 1px solid rgb(255 255 255 / .1);
     background-color: #1c1c1c;

diff --git a/src/components/video-player/player-magnet.svelte b/src/components/video-player/player-magnet.svelte
@@ -4,6 +4,7 @@
     import Loader from '../loader.svelte';
     import { getStreamUrl } from '../../stores/web-torrent';
     import VideoPlayerNative from './video-player-native.svelte';
+    import VideoSelectorBtn from '../video-selector-btn.svelte';
 
     export let link: Link;
     export let currentTime: number;
@@ -22,8 +23,10 @@
         <Loader />
         {#await sleep(10000)}
         {:then}
-            <div class="uk-margin-top">
+            <div class="uk-margin-top uk-text-center">
                 { $_('player.isHostActive') }
+                <br class="uk-margin"/>
+                <VideoSelectorBtn forceLocal={true} />
             </div>
         {/await}
     {:then streamUrl}

diff --git a/src/components/video-selector-btn.svelte b/src/components/video-selector-btn.svelte
@@ -5,14 +5,14 @@
     import { sendFile } from '../stores/web-torrent';
     import normalizeLink, { SourceType } from '../normalize-link';
 
-
-    export let url: string;
+    export let url: string = '';
+    export let forceLocal: boolean = false;
 
     let input: HTMLInputElement;
 
     let sharingPending = false;
     const loadSource = async function (file: any): Promise<void> {
-        if (navigator.serviceWorker && confirm($_('selectVideo.file.streamingConfirmation'))) {
+        if (!forceLocal && navigator.serviceWorker && confirm($_('selectVideo.file.streamingConfirmation'))) {
             sharingPending = true;
             try {
                 url = await sendFile(file);
@@ -30,13 +30,13 @@
 </script>
 
 <input bind:this={input} type="file" on:change={e => loadSource(e.target.files[0])}/>
-<button disabled={sharingPending} on:click={() => input.click()} class="uk-button uk-button-default block">
+<button disabled={sharingPending} on:click={() => input.click()} class="uk-button uk-button-default">
     {#if sharingPending}
         { $_('selectVideo.file.streamingPending') }
-    {:else if normalizeLink(url)?.type === SourceType.magnet}
-        { $_('selectVideo.file.selectAnotherStream') }
     {:else if $blobUrl}
         { $_('selectVideo.file.selectAnother') }
+    {:else if normalizeLink(url)?.type === SourceType.magnet}
+        { $_('selectVideo.file.selectAnotherStream') }
     {:else}
         { $_('selectVideo.file.select') }
     {/if}