Fix #19 - improve-video-courses (#20)
All checks were successful
CodyOps Core Builder / build-conteiner (push) Successful in 3m52s
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:
parent
403cc46966
commit
6e5df0ebac
@ -3,7 +3,7 @@ name: CodyOps Core Builder
|
||||
on:
|
||||
schedule:
|
||||
- cron: '0 11 * * 1'
|
||||
pull_request:
|
||||
push:
|
||||
branches:
|
||||
- main
|
||||
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -39,7 +39,7 @@ export const courses = await directus.request(
|
||||
'duration',
|
||||
'title',
|
||||
'description',
|
||||
'video',
|
||||
'video_theory',
|
||||
'status'
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user