Enhance training page with video link support. Added a conditional link to open external video URLs if available, improving user access to training content. Updated aria-label for better accessibility.
This commit is contained in:
@@ -157,9 +157,19 @@
|
|||||||
<Card.Description class="text-xs">{formatDate(video.created)}</Card.Description>
|
<Card.Description class="text-xs">{formatDate(video.created)}</Card.Description>
|
||||||
</div>
|
</div>
|
||||||
<div class="flex items-center gap-2">
|
<div class="flex items-center gap-2">
|
||||||
<a href={`/training/${video.id}`} aria-label="Open training video">
|
<a href={`/training/${video.id}`} aria-label="Open training video detail">
|
||||||
<Button variant="outline" size="sm">Open</Button>
|
<Button variant="outline" size="sm">Open</Button>
|
||||||
</a>
|
</a>
|
||||||
|
{#if video.videoUrl}
|
||||||
|
<a
|
||||||
|
href={video.videoUrl}
|
||||||
|
target="_blank"
|
||||||
|
rel="noreferrer"
|
||||||
|
aria-label="Open video link"
|
||||||
|
>
|
||||||
|
<Button variant="ghost" size="sm">Link</Button>
|
||||||
|
</a>
|
||||||
|
{/if}
|
||||||
{#if canUpload}
|
{#if canUpload}
|
||||||
<form method="POST">
|
<form method="POST">
|
||||||
<input type="hidden" name="id" value={video.id} />
|
<input type="hidden" name="id" value={video.id} />
|
||||||
|
|||||||
Reference in New Issue
Block a user