Recover a nice UI for tasks

This commit is contained in:
Andrea Fazzi 2022-02-17 09:48:33 +01:00
parent 76294c73ea
commit 983ce02d94

View file

@ -49,8 +49,15 @@
{#if !videoInfo}
<p>Waiting...</p>
{:else}
<p>Video ID: {videoInfo.ID}</p>
{#if task}
<p>{task.Status}</p>
{/if}
<a href={videoInfo.DownloadPath} class="list-group-item list-group-item-action" aria-current="true">
<div class="d-flex bd-highlight">
<div class="pb-2 flex-grow-1 bd-highlight"><h5>{videoInfo.Title}</h5></div>
<div class="pb-2 px-2 bd-highlight"><small>{videoInfo.Duration}</small></div>
{#if task}
<div class="pb-2 px-2 bd-highlight"><span class={statusBadge[task.Status].class}>{statusBadge[task.Status].text}</span></div>
{/if}
</div>
<p><small>{videoInfo.ID}</small></p>
<img alt="This is a thumbnail" src={videoInfo.Thumbnails[0].URL}/>
</a>
{/if}