Updated footer, added question counters.
This commit is contained in:
@ -375,15 +375,32 @@ function render_question() {
|
||||
$progress_skipped.attr('title', `Skipped: ${skipped}`);
|
||||
$progress_skipped.attr('aria-valuenow', skipped);
|
||||
$progress_skipped.css('width', `${skipped}%`);
|
||||
$skipped_count.text(`Skipped: ${skipped}`);
|
||||
if (skipped < 1) {
|
||||
$skipped_count.fadeOut()
|
||||
} else {
|
||||
$skipped_count.fadeIn()
|
||||
}
|
||||
|
||||
$progress_flagged.attr('title', `Flagged: ${flagged}`);
|
||||
$progress_flagged.attr('aria-valuenow', flagged);
|
||||
$progress_flagged.css('width', `${flagged}%`);
|
||||
$flagged_count.text(`Flagged: ${flagged}`);
|
||||
if (flagged < 1) {
|
||||
$flagged_count.fadeOut()
|
||||
} else {
|
||||
$flagged_count.fadeIn()
|
||||
}
|
||||
|
||||
$progress_answered.attr('title', `Answered: ${answered}`);
|
||||
$progress_answered.attr('aria-valuenow', answered);
|
||||
$progress_answered.css('width', `10%`);
|
||||
console.log(`Answered: ${answered}, Skipped: ${skipped}, Flagged: ${flagged}`);
|
||||
$progress_answered.css('width', `${answered}%`);
|
||||
$answered_count.text(`Answered: ${answered}`);
|
||||
if (answered < 1) {
|
||||
$answered_count.fadeOut()
|
||||
} else {
|
||||
$answered_count.fadeIn()
|
||||
}
|
||||
|
||||
$question_title.focus();
|
||||
$(window).scrollTop(0);
|
||||
@ -610,13 +627,14 @@ const $question_header = $("#quiz-question-header");
|
||||
const $question_text = $("#quiz-question-text");
|
||||
const $question_options = $("#quiz-question-options");
|
||||
|
||||
const $progress_skipped = $("#skipped");
|
||||
const $progress_answered = $("#answered");
|
||||
const $progress_flagged = $("#flagged");
|
||||
const $progress_skipped = $("#skipped-bar");
|
||||
const $progress_answered = $("#answered-bar");
|
||||
const $progress_flagged = $("#flagged-bar");
|
||||
const $skipped_count = $("#skipped-count");
|
||||
const $answered_count = $("#answered-count");
|
||||
const $flagged_count = $("#flagged-count");
|
||||
|
||||
// Execution on Load
|
||||
|
||||
apply_settings(display_settings);
|
||||
check_started();
|
||||
|
||||
console.log($progress_answered);
|
||||
check_started();
|
Reference in New Issue
Block a user