rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: format with prettier

Browse source
This commit is contained in:
swve 2024-02-09 21:22:15 +01:00
parent 03fb09c3d6
commit a147ad6610
164 changed files with 11257 additions and 8154 deletions
Download patch file Download diff file Expand all files Collapse all files

142
apps/web/components/Pages/Courses/ActivityIndicators.tsx
View file

@ -3,77 +3,91 @@ import { getUriWithOrg } from '@services/config/config'
import Link from 'next/link'
import React from 'react'
interface Props {
course: any
orgslug: string
course_uuid: string
current_activity?: any
course: any
orgslug: string
course_uuid: string
current_activity?: any
}
function ActivityIndicators(props: Props) {
const course = props.course
const orgslug = props.orgslug
const courseid = props.course_uuid.replace("course_", "")
const course = props.course
const orgslug = props.orgslug
const courseid = props.course_uuid.replace('course_', '')
const done_activity_style = 'bg-teal-600 hover:bg-teal-700'
const black_activity_style = 'bg-black hover:bg-gray-700'
const current_activity_style = 'bg-gray-600 animate-pulse hover:bg-gray-700'
const done_activity_style = 'bg-teal-600 hover:bg-teal-700'
const black_activity_style = 'bg-black hover:bg-gray-700'
const current_activity_style = 'bg-gray-600 animate-pulse hover:bg-gray-700'
const trail = props.course.trail
const trail = props.course.trail
function isActivityDone(activity: any) {
let run = props.course.trail?.runs.find((run: any) => run.course_id == props.course.id);
if (run) {
return run.steps.find((step: any) => step.activity_id == activity.id);
}
else {
return false
}
}
function isActivityCurrent(activity: any) {
let activity_uuid = activity.activity_uuid.replace("activity_", "")
if (props.current_activity && props.current_activity == activity_uuid) {
return true
}
return false
}
function getActivityClass(activity: any) {
if (isActivityDone(activity)) {
return done_activity_style
}
if (isActivityCurrent(activity)) {
return current_activity_style
}
return black_activity_style
}
return (
<div className='grid grid-flow-col justify-stretch space-x-6'>
{course.chapters.map((chapter: any) => {
return (
<>
<div className='grid grid-flow-col justify-stretch space-x-2'>
{chapter.activities.map((activity: any) => {
return (
<ToolTip sideOffset={8} slateBlack content={activity.name} key={activity.activity_uuid}>
<Link href={getUriWithOrg(orgslug, "") + `/course/${courseid}/activity/${activity.activity_uuid.replace("activity_", "")}`}>
<div className={`h-[7px] w-auto ${getActivityClass(activity)} rounded-lg shadow-md`}></div>
</Link>
</ToolTip>
);
})}
</div>
</>
);
})}
</div>
function isActivityDone(activity: any) {
let run = props.course.trail?.runs.find(
(run: any) => run.course_id == props.course.id
)
if (run) {
return run.steps.find((step: any) => step.activity_id == activity.id)
} else {
return false
}
}
function isActivityCurrent(activity: any) {
let activity_uuid = activity.activity_uuid.replace('activity_', '')
if (props.current_activity && props.current_activity == activity_uuid) {
return true
}
return false
}
function getActivityClass(activity: any) {
if (isActivityDone(activity)) {
return done_activity_style
}
if (isActivityCurrent(activity)) {
return current_activity_style
}
return black_activity_style
}
return (
<div className="grid grid-flow-col justify-stretch space-x-6">
{course.chapters.map((chapter: any) => {
return (
<>
<div className="grid grid-flow-col justify-stretch space-x-2">
{chapter.activities.map((activity: any) => {
return (
<ToolTip
sideOffset={8}
slateBlack
content={activity.name}
key={activity.activity_uuid}
>
<Link
href={
getUriWithOrg(orgslug, '') +
`/course/${courseid}/activity/${activity.activity_uuid.replace(
'activity_',
''
)}`
}
>
<div
className={`h-[7px] w-auto ${getActivityClass(
activity
)} rounded-lg shadow-md`}
></div>
</Link>
</ToolTip>
)
})}
</div>
</>
)
})}
</div>
)
}
export default ActivityIndicators
export default ActivityIndicators