let container = pdfViewer.container;
container.addEventListener('scroll', function () {
+ resize();
let progress = container.scrollTop / (container.scrollHeight - container.offsetHeight);
if (pc === 'button') {
if (progress >= 0.95) {
- resize();
showCompleteButton();
}
} else if (progress >= pc) {
});
function showCompleteButton() {
- document.getElementById('completeButton').classList.add('visible')
+ const btn = document.getElementById('completeButton');
+ if (btn.classList.contains('visible')) {
+ return;
+ }
+ btn.classList.add('visible');
+ btn.addEventListener('click', function (e) {
+ markComplete();
+ e.preventDefault();
+ return false;
+ });
}
-function markComplete(interval) {
+function markComplete() {
cubeSCORM.scormMarkAsComplete();
- clearInterval(interval);
}
function resize() {
<body>
@if($type==='pdf')
<iframe id="player" frameborder="0" src="pdfjs/web/viewer.html?file=../../media.pdf#page=1"></iframe>
- <a href="javascript:markComplete();"
- id="completeButton">{{ __('Click here once you have completed your learning session') }}</a>
+ <a href="#" id="completeButton">{{ __('Click here once you have completed your learning session') }}</a>
@elseif($type==='audio')
<button type="button" id="audiobigplay" class="plyr__control plyr__control--overlaid" data-plyr="play"
aria-label="Play">
projects / fluidbook-toolbox.git / commitdiff