Sha256: a1f7caf725705aafbc8c5abc2d130a1fb6cb75fde53c71056701d3f4f41f268b
Contents?: true
Size: 1.55 KB
Versions: 5
Compression:
Stored size: 1.55 KB
Contents
// eslint-disable-next-line no-unused-vars
function ExploreCurriculumUnitMap(props) {
const mapClass = classNames({
'o-cur-card__map': true,
'o-cur-card__map--medium': props.expanded,
'o-cur-card__map--short': !props.expanded
});
const mainClass = classNames({
'o-ch-unit-map': true,
'o-ch-unit-map--medium': props.expanded,
'o-ch-unit-map--short': !props.expanded
});
const isAssessment = props.curriculum.resource.is_assessment;
const bemClass = _.partial(convertToBEM, mainClass);
const colorCodeClass = `cs-bg--${props.colorCode}`;
const details = props.expanded && !isAssessment ?
<div className="o-ch-map__details">
<span>Show Lessons</span>
</div> : '';
const lessons = [];
for (let i = 0; i < props.curriculum.lesson_count; i++) {
const child = props.curriculum.children[i];
if (child && child.resource.is_opr) continue;
const assessmentClass = isAssessment ? `o-ch-unit-map__assessment--${props.colorCode}` : '';
const prereqClass = child && child.resource.is_prerequisite ? 'o-ch-unit-map__prerequisite' : '';
lessons.push((
<div key={i} className={classNames(bemClass('lesson'), colorCodeClass, assessmentClass, prereqClass)}></div>
));
}
return (
<div className={mapClass}>
<div className={mainClass}>
<div className={bemClass('units-wrap')}>
<div className={bemClass('units')}>
<div className={bemClass('unit')}>
{lessons}
</div>
</div>
</div>
</div>
{details}
</div>
);
}
Version data entries
5 entries across 5 versions & 1 rubygems