Fix #19 - improve-video-courses (#20)
All checks were successful
CodyOps Core Builder / build-conteiner (push) Successful in 3m52s

Reviewed-on: #20
Co-authored-by: Luciano Giacchetta <giacchetta-@outlook.com>
Co-committed-by: Luciano Giacchetta <giacchetta-@outlook.com>
This commit is contained in:
Luciano Giacchetta 2025-09-26 15:45:21 -03:00 committed by Luciano Giacchetta
parent 403cc46966
commit 6e5df0ebac
3 changed files with 33 additions and 30 deletions

View File

@ -3,7 +3,7 @@ name: CodyOps Core Builder
on:
schedule:
- cron: '0 11 * * 1'
pull_request:
push:
branches:
- main

View File

@ -21,6 +21,7 @@ const filteredModules = course.modules.filter((module: any) => {
const courseDurations = filteredModules.flatMap((time:any) => (time.duration));
const totalCourseDuration = sumTimes(courseDurations);
---
<div>
@ -39,34 +40,34 @@ const totalCourseDuration = sumTimes(courseDurations);
</div>
</div>
</div>
<div class="accordion accordion-btn-icon-start">
<div class="accordion" id={`${toSnakeCase(course.name)}`}>
{filteredModules.map((item: any, index:number) => (
<div class="accordion-item">
<div class="accordion-header" id={`headingCourse${index}`}>
<a
class="accordion-button collapsed"
role="button"
data-bs-toggle="collapse"
data-bs-target={`#${toSnakeCase(item.title)}`}
aria-expanded="true"
aria-controls={toSnakeCase(item.title)}>
<div class="flex-grow-1 ps-3">
<div class="row">
<div class="col-8 text-white">{item.title}</div>
<div class="col-4 text-end">
<div class="row">
<div class="col-lg-6"></div>
<div class="col-lg-6">
<span class="text-white small fw-normal"></span>
</div>
</div>
</div>
</div>
</div>
</a>
<button
class:list={["accordion-button", { collapsed: index !== 0 }]}
role="button"
data-bs-toggle="collapse"
data-bs-target={`#${toSnakeCase(item.title)}`}
aria-expanded={index === 0 ? 'true' : 'false'}
aria-controls={toSnakeCase(item.title)}>
<div class="flex-grow-1 ps-3">
<div class="row">
<div class="col-8 text-white">{item.title}</div>
<div class="col-4 text-end">
<div class="row">
<div class="col-lg-6"></div>
<div class="col-lg-6">
<span class="text-white small fw-normal"></span>
</div>
</div>
</div>
</div>
</div>
</button>
</div>
<div id={toSnakeCase(item.title)} class="accordion-collapse collapse" aria-labelledby={`headingCourse${index}`}>
<div class="bg-secondary accordion-body">
<div id={toSnakeCase(item.title)} class:list={["accordion-collapse", "collapse", { show: index === 0 }]} data-bs-parent={`#${toSnakeCase(course.name)}`} aria-labelledby={`headingCourse${index}`}>
<div class="accordion-body">
<div class="list-group list-group-flush list-group-no-gutters">
<span class="text-white">
{item.description}
@ -74,10 +75,12 @@ const totalCourseDuration = sumTimes(courseDurations);
<span class="mt-2">
<div class="ratio ratio-16x9">
<video
controls
preload="auto"
class="object-fit-fill">
<source src={`${import.meta.env.ASTRO_ASSETS}/${item.video}`} type="video/mp4" />
controls
disablepictureinpicture
controlslist="nofullscreen nodownload noremoteplayback noplaybackrate"
preload="metadata"
class="object-fit-fill">
<source src={`${import.meta.env.ASTRO_ASSETS}/${item.video_theory}`} type="video/mp4" />
</video>
</div>
</span>

View File

@ -39,7 +39,7 @@ export const courses = await directus.request(
'duration',
'title',
'description',
'video',
'video_theory',
'status'
]
}