43 lines
1.3 KiB
JavaScript
43 lines
1.3 KiB
JavaScript
import { ViewedEventTracker } from './ViewedEvent';
|
|
|
|
const completedBlocksKeys = new Set();
|
|
|
|
export function markBlocksCompletedOnViewIfNeeded(runtime, containerElement) {
|
|
const blockElements = $(containerElement).find(
|
|
'.xblock-student_view[data-mark-completed-on-view-after-delay]',
|
|
).get();
|
|
|
|
if (blockElements.length > 0) {
|
|
const tracker = new ViewedEventTracker();
|
|
|
|
blockElements.forEach((blockElement) => {
|
|
const markCompletedOnViewAfterDelay = parseInt(
|
|
blockElement.dataset.markCompletedOnViewAfterDelay, 10,
|
|
);
|
|
if (markCompletedOnViewAfterDelay >= 0) {
|
|
tracker.addElement(blockElement, markCompletedOnViewAfterDelay);
|
|
}
|
|
});
|
|
|
|
tracker.addHandler((blockElement, event) => {
|
|
const blockKey = blockElement.dataset.usageId;
|
|
if (blockKey && !completedBlocksKeys.has(blockKey)) {
|
|
if (event.elementHasBeenViewed) {
|
|
$.ajax({
|
|
type: 'POST',
|
|
url: runtime.handlerUrl(blockElement, 'publish_completion'),
|
|
data: JSON.stringify({
|
|
completion: 1.0,
|
|
}),
|
|
}).then(
|
|
() => {
|
|
completedBlocksKeys.add(blockKey);
|
|
blockElement.dataset.markCompletedOnViewAfterDelay = 0;
|
|
},
|
|
);
|
|
}
|
|
}
|
|
});
|
|
}
|
|
}
|