__ __ __ __ _____ _ _ _____ _ _ _
| \/ | \ \ / / | __ \ (_) | | / ____| | | | |
| \ / |_ __\ V / | |__) | __ ___ ____ _| |_ ___ | (___ | |__ ___| | |
| |\/| | '__|> < | ___/ '__| \ \ / / _` | __/ _ \ \___ \| '_ \ / _ \ | |
| | | | |_ / . \ | | | | | |\ V / (_| | || __/ ____) | | | | __/ | |
|_| |_|_(_)_/ \_\ |_| |_| |_| \_/ \__,_|\__\___| |_____/|_| |_|\___V 2.1
if you need WebShell for Seo everyday contact me on Telegram
Telegram Address : @jackleet
For_More_Tools:
H5P.ArithmeticQuiz.ResultPage = (function ($, UI) {
/**
* Creates a ResultPage instance
*
* @class
* @namespace H5P.ArithmeticQuiz
* @augments H5P.EventDispatcher
*
* @param {number} maxScore Max score
* @param {Object} t Translation objects
* @fires H5P.Event
*/
function ResultPage(maxScore, t){
H5P.EventDispatcher.call(this);
var self = this;
this.$resultPage = $('<div>', {
'class': 'h5p-baq-result-page'
});
this.$feedbackContainer = $('<div>', {
'class': 'h5p-baq-result-page-feedback'
}).appendTo(this.$resultPage);
this.$scoreStatus = $('<div>', {
'class': 'h5p-baq-result-page-score-status',
'aria-live': 'assertive'
}).appendTo(this.$feedbackContainer);
this.$scoreStatus.append($('<div>', {
'class': 'h5p-baq-result-page-header',
'html': t.resultPageHeader
}));
this.maxScore = maxScore;
this.scoreBar = UI.createScoreBar(maxScore);
this.scoreBar.appendTo(this.$scoreStatus);
this.$ariaScoreBar = $('<div>', {
'class': 'hidden-but-read',
appendTo: this.$scoreStatus,
});
this.$time = $('<div>', {
'class': 'h5p-baq-result-page-time',
'aria-hidden': true,
}).appendTo(this.$scoreStatus);
/**
* Note: We need a separate assistive technology field for time because
* some readers are not able to interpret the duration format of <time>
*/
this.$ariaTime = $('<div>', {
'class': 'hidden-but-read',
}).appendTo(this.$scoreStatus);
UI.createButton({
text: t.retryButton,
'class': 'mq-control-button',
click: function () {
self.trigger('retry');
self.update(0, '00:00');
self.scoreBar.reset();
}
}).appendTo(this.$feedbackContainer);
this.$resultAnnouncer = $('<div>', {
'class': 'h5p-baq-live-feedback',
'aria-live': 'assertive',
}).appendTo(this.$resultPage);
/**
* Creates result page
*
* @return {H5P.jQuery}
*/
this.create = function () {
return this.$resultPage;
};
/**
* Get score as a string
* @param {Number} score Current score
* @return {String} Score string
*/
this.getReadableScore = function (score) {
return t.score + ' ' + score + '/' + this.maxScore;
};
/**
* Get readable time
* @param {String} time Current time in the format: "minutes:seconds"
* @returns {*|void|string|null}
*/
this.getReadableTime = function (time) {
return t.time.replace('@time', time.replace(':', ', '));
};
/**
* Announce result page info
* @param {Number} score Current score
* @param {String} time Current time in the format: "minutes:seconds"
*/
this.announce = function (score, time) {
let text = t.resultPageHeader + ' ';
text += this.getReadableScore(score) + '. ';
text += this.getReadableTime(time);
// Readspeaker needs a small delay after creating the aria live field
// in order to pick up the change
setTimeout(function () {
self.$resultAnnouncer.text(text);
}, 100);
};
/**
* Updates result page
*
* @param {number} score
* @param {string} time
*/
this.update = function (score, time) {
let minutes = parseInt(time.split(':')[0], 10);
let seconds = parseInt(time.split(':')[1], 10);
const dateTime = 'PT' + minutes + 'M' + seconds + 'S';
const timeHtml = '<time datetime="' + dateTime + '">' + time + '</time>';
this.$time.html(H5P.ArithmeticQuiz.tReplace(t.time, {time: timeHtml}));
this.$ariaTime.html(this.getReadableTime(time));
this.scoreBar.setScore(score);
this.$ariaScoreBar.text(this.getReadableScore(score));
this.announce(score, time);
};
}
ResultPage.prototype = Object.create(H5P.EventDispatcher.prototype);
ResultPage.prototype.constructor = ResultPage;
return ResultPage;
})(H5P.jQuery, H5P.JoubelUI);