Recover a nice UI for tasks
This commit is contained in:
parent
76294c73ea
commit
983ce02d94
1 changed files with 11 additions and 4 deletions
|
@ -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}
|
||||
|
|
Loading…
Reference in a new issue