Current File : /home/vacivi36/moodledata/filedir/51/be/51be18e67d949fe0ddd49e52c47a1eb4ab72fc3c
H5P.ArithmeticQuiz.TimerWidget = (function ($) {
/**
* Creates a TimerWidget instance
*
* @class
* @namespace H5P.ArithmeticQuiz
*
* @param {type} t Translation object
*/
function TimerWidget(t) {
var totalTime = 0;
var isRunning = false;
var timer;
var startTime = 0;
var incrementingAria = true;
var $timer = $('<time>', {
'aria-label': t.durationLabel,
'class': 'timer',
role: 'timer',
'aria-hidden': true,
text: H5P.ArithmeticQuiz.tReplace(t.time, {time: '00:00'})
});
/**
* Create an aria timer that will not update when it has been focus by a readspeaker
*
* Technical note: This is needed because when a readspeaker is on top of an element and that element changes
* the focus will be moved back to the previous element. When this happens every second like
* here it makes it impossible to move forward in the task whenever the timer is updated.
* Therefore we do not update the readable element when it is focused.
*/
var $ariaTimer = $('<time>', {
'aria-label': t.durationLabel,
'class': 'timer aria-timer',
role: 'timer',
tabindex: '-1',
text: H5P.ArithmeticQuiz.tReplace(t.time, {time: '0'})
});
$ariaTimer.on('focus', function () {
incrementingAria = false;
});
$ariaTimer.on('blur', function () {
incrementingAria = true;
});
/**
* Humanize time
*
* @private
* @param {number} seconds Number of seconds to humanize
* @param {string} [separator] Separator used between the different time units
* @return {string} The humanized time
*/
var humanizeTime = function (seconds, separator) {
separator = separator || ':';
var minutes = Math.floor(seconds / 60);
var hours = Math.floor(minutes / 60);
minutes = minutes % 60;
seconds = Math.floor(seconds % 60);
var time = '';
if (hours !== 0) {
time += hours + separator;
if (minutes < 10) {
time += '0';
}
}
if (minutes < 10) {
time += '0';
}
time += minutes + separator;
if (seconds < 10) {
time += '0';
}
time += seconds;
return time;
};
/**
* Calculate running time
*
* @private
* @return {number} Running time in seconds
*/
var getTime = function () {
return totalTime + (isRunning ? new Date().getTime() - startTime : 0);
};
/**
* Update UI
*
* @private
*/
var update = function () {
$timer.text(H5P.ArithmeticQuiz.tReplace(t.time, {time: humanizeTime(getTime()/1000)}));
if (incrementingAria) {
$ariaTimer.text(H5P.ArithmeticQuiz.tReplace(t.time, {time: humanizeTime(getTime()/1000, ', ')}));
}
timer = setTimeout(function(){
update();
}, 1000);
};
/**
* Append me to something
*
* @param {H5P.jQuery} $container
*/
this.appendTo = function ($container) {
$timer.appendTo($container);
$ariaTimer.appendTo($container);
};
/**
* Start the timer
*/
this.start = function () {
isRunning = true;
clearTimeout(timer);
startTime = new Date().getTime();
update();
};
/**
* Pause the timer
*
* @return {string} The humanized time
*/
this.pause = function () {
isRunning = false;
totalTime += new Date().getTime() - startTime;
clearTimeout(timer);
update();
return humanizeTime(getTime()/1000);
};
/**
* Reset timer
*/
this.reset = function () {
clearTimeout(timer);
isRunning = false;
totalTime = 0;
startTime = 0;
update();
};
/**
* Restart timer
*/
this.restart = function () {
this.reset();
this.start();
};
}
return TimerWidget;
})(H5P.jQuery);
Mini Shell