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.
CI / build (push) Has been skipped
CI / deploy (push) Successful in 1m9s

This commit is contained in:
eewing
2026-03-18 08:15:46 -05:00
parent 50d8fd326f
commit c7f54ef52e
+11 -1
View File
@@ -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} />