bca3aaccf5
Use navigation_disabled sequence metadata based on Hide From TOC block field, so the student cannot navigate to another sequences in the course outline. https://openedx.atlassian.net/wiki/spaces/OEPM/pages/3853975595/Feature+Enhancement+Proposal+Hide+Sections+from+course+outline
71 lines
2.7 KiB
JavaScript
71 lines
2.7 KiB
JavaScript
/* eslint-disable import/prefer-default-export */
|
|
|
|
import { useSelector } from 'react-redux';
|
|
import { useModel } from '../../../../generic/model-store';
|
|
import { sequenceIdsSelector } from '../../../data';
|
|
|
|
export function useSequenceNavigationMetadata(currentSequenceId, currentUnitId) {
|
|
const sequenceIds = useSelector(sequenceIdsSelector);
|
|
const sequence = useModel('sequences', currentSequenceId);
|
|
const courseId = useSelector(state => state.courseware.courseId);
|
|
const courseStatus = useSelector(state => state.courseware.courseStatus);
|
|
const sequenceStatus = useSelector(state => state.courseware.sequenceStatus);
|
|
|
|
// If we don't know the sequence and unit yet, then assume no.
|
|
if (courseStatus !== 'loaded' || sequenceStatus !== 'loaded' || !currentSequenceId || !currentUnitId) {
|
|
return {
|
|
isFirstUnit: false,
|
|
isLastUnit: false,
|
|
navigationDisabledNextSequence: false,
|
|
navigationDisabledPrevSequence: false,
|
|
};
|
|
}
|
|
|
|
const sequenceIndex = sequenceIds.indexOf(currentSequenceId);
|
|
const unitIndex = sequence.unitIds.indexOf(currentUnitId);
|
|
|
|
const isFirstSequence = sequenceIndex === 0;
|
|
const isFirstUnitInSequence = unitIndex === 0;
|
|
const isFirstUnit = isFirstSequence && isFirstUnitInSequence;
|
|
const isLastSequence = sequenceIndex === sequenceIds.length - 1;
|
|
const isLastUnitInSequence = unitIndex === sequence.unitIds.length - 1;
|
|
const isLastUnit = isLastSequence && isLastUnitInSequence;
|
|
const sequenceNavigationDisabled = sequence.navigationDisabled;
|
|
const navigationDisabledPrevSequence = sequenceNavigationDisabled && isFirstUnitInSequence;
|
|
const navigationDisabledNextSequence = sequenceNavigationDisabled && isLastUnitInSequence;
|
|
|
|
const nextSequenceId = sequenceIndex < sequenceIds.length - 1 ? sequenceIds[sequenceIndex + 1] : null;
|
|
const previousSequenceId = sequenceIndex > 0 ? sequenceIds[sequenceIndex - 1] : null;
|
|
|
|
let nextLink;
|
|
if (isLastUnit) {
|
|
nextLink = `/course/${courseId}/course-end`;
|
|
} else {
|
|
const nextIndex = unitIndex + 1;
|
|
if (nextIndex < sequence.unitIds.length) {
|
|
const nextUnitId = sequence.unitIds[nextIndex];
|
|
nextLink = `/course/${courseId}/${currentSequenceId}/${nextUnitId}`;
|
|
} else if (nextSequenceId) {
|
|
nextLink = `/course/${courseId}/${nextSequenceId}/first`;
|
|
}
|
|
}
|
|
|
|
let previousLink;
|
|
const previousIndex = unitIndex - 1;
|
|
if (previousIndex >= 0) {
|
|
const previousUnitId = sequence.unitIds[previousIndex];
|
|
previousLink = `/course/${courseId}/${currentSequenceId}/${previousUnitId}`;
|
|
} else if (previousSequenceId) {
|
|
previousLink = `/course/${courseId}/${previousSequenceId}/last`;
|
|
}
|
|
|
|
return {
|
|
isFirstUnit,
|
|
isLastUnit,
|
|
nextLink,
|
|
previousLink,
|
|
navigationDisabledNextSequence,
|
|
navigationDisabledPrevSequence,
|
|
};
|
|
}
|