marco/yt-dlp-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
marcobaobao
2024-02-07 15:05:03 +01:00
parent 49152aa641
commit 9bc8734ef0
1 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
ui/src/App.svelte
View File

@@ -1,13 +1,7 @@
<script lang="ts"> <script lang="ts">
import * as O from 'fp-ts/Option'; import * as O from 'fp-ts/Option';
import { pipe } from 'fp-ts/lib/function'; import { pipe } from 'fp-ts/lib/function';
import { import { downloads, rpcClient } from './lib/store';
downloads,
httpPostRpcEndpoint,
rpcClient,
serverApiEndpoint,
websocketRpcEndpoint,
} from './lib/store';
import { datetimeCompareFunc, isRPCResponse } from './lib/utils'; import { datetimeCompareFunc, isRPCResponse } from './lib/utils';
rpcClient.subscribe(($client) => { rpcClient.subscribe(($client) => {
@@ -43,10 +37,13 @@
<main> <main>
<div class="flex flex-col gap-2 p-8"> <div class="flex flex-col gap-2 p-8">
{#each pipe( $downloads, O.getOrElseW(() => []), ) as download} {#each pipe( $downloads, O.getOrElseW(() => []), ) as download}
<div class="bg-neutral-100 p-4 rounded-lg shadow-lg"> <div class="flex gap-4 bg-neutral-100 p-4 rounded-lg shadow-lg">
<div>{download.id}</div> <img src={download.info.thumbnail} class="h-48 rounded" alt="" />
<div>{JSON.stringify(download.info)}</div> <div>
<div>{JSON.stringify(download.progress)}</div> <div>{download.id}</div>
<div>{JSON.stringify(download.info)}</div>
<div>{JSON.stringify(download.progress)}</div>
</div>
</div> </div>
{/each} {/each}
</div> </div>