');
td1.html((index + 1) + ". " + entry.question + ".");
var responseDiv = $('
');
responseDiv.text(entry.response);
if (entry.correct) {
responseDiv.append("
〇");
} else {
responseDiv.append("
×");
}
td2.append(responseDiv);
if (!entry.correct) {
var correctDiv = $('
');
correctDiv.html(commaList(entry.answer, "or"));
correctDiv.append(" 〇");
td2.append(correctDiv);
}
tr.append(td1);
tr.append(td2);
review.append(tr);
});
$('#history').empty().append(review);
var resultString;
if (correct == total) {
resultString = "All correct!";
} else if (correct == 0) {
resultString = "All incorrect!";
} else {
resultString = correct + " of " + total + " correct";
}
$('#scoreSectionTitleNarrow').text(resultString);
$('#scoreSectionTitleWide').text(resultString);
}
function updateProgressBar(progress) {
$('.progressBar').attr('style', 'width: ' + progress + '%');
}
function proceed() {
if (log.history.length == $('#numQuestions').val()) {
endQuiz();
} else {
generateQuestion();
}
}
function showSplash() {
$('#splash').show();
$('#quizSection').hide();
$('#scoreSection').hide();
$('#go').focus();
}
function startQuiz() {
var options = getOptions();
const voiceSelectError = document.querySelector('#voiceSelectError');
if (options.use_voice && !getVoiceConfig()) {
voiceSelectError.style.display = "block";
return;
} else {
voiceSelectError.style.display = "none";
}
updateProgressBar(0);
$('#splash').hide();
$('#quizSection').show();
$('#scoreSection').hide();
if (options.furigana_always) {
$('body').addClass("furiganaAlways");
} else {
$('body').removeClass("furiganaAlways");
}
resetLog();
generateQuestion();
}
function endQuiz() {
$('#splash').hide();
$('#quizSection').hide();
$('#scoreSection').show();
$('#backToStart').focus();
}
// Text to Speech
function loadVoiceList(callback) {
if (window.speechSynthesis.getVoices().length == 0) {
window.speechSynthesis.addEventListener('voiceschanged', function () {
if (callback) {
callback();
}
});
} else {
if (callback) {
callback();
}
}
}
function populateVoiceList() {
loadVoiceList(function () {
var voiceSelect = document.querySelector("#voice_select");
voiceSelect.innerHTML = "" +
window.speechSynthesis.getVoices().map(function (voice) { return "" }).join("");
var currentVoice = getCurrentVoice();
if (currentVoice) {
voiceSelect.value = currentVoice;
}
});
}
function getVoiceConfig() {
return JSON.parse(localStorage.getItem("voiceConfig"));
}
function setVoiceConfig(config) {
localStorage.setItem("voiceConfig", JSON.stringify(config));
}
function getCurrentVoice() {
const voiceConfig = getVoiceConfig();
if (voiceConfig) {
return voiceConfig.voice;
}
}
function textToSpeech(text, slowMode, callback) {
loadVoiceList(function () {
const availableVoices = window.speechSynthesis.getVoices();
const voiceConfig = getVoiceConfig();
const currentVoice = voiceConfig.voice;
var voice = '';
for (var i = 0; i < availableVoices.length; i++) {
if (availableVoices[i].name == currentVoice) {
voice = availableVoices[i];
break;
}
}
if (voice === '') {
voice = availableVoices[0];
}
// new SpeechSynthesisUtterance object
var utter = new SpeechSynthesisUtterance();
utter.rate = slowMode ? voiceConfig.rate * 0.5 : voiceConfig.rate;;
utter.pitch = voiceConfig.pitch;
utter.text = text;
utter.voice = voice;
// event after text has been spoken
utter.onend = function () {
if (callback) {
callback(undefined);
}
}
// speak
window.speechSynthesis.speak(utter);
});
}
function arrayDifference(a, b) {
// From http://stackoverflow.com/a/1723220
return a.filter(function (x) { return b.indexOf(x) < 0 });
}
function arrayUnique(arr) {
return arr.filter(function (value, index, self) {
return self.indexOf(value) === index;
});
}
function calculateTransitions() {
function getTags(str) {
var tags = str.split(" ");
if ((tags.length == 1) && (tags[0] == "plain")) {
tags = [];
}
return tags;
}
function calculateTags(tags) {
tags = tags.split(" ");
if (tags.indexOf("polite") == -1) {
tags.splice(0, 0, "plain");
}
if (tags.indexOf("dictionary") != -1) {
tags.splice(tags.indexOf("dictionary"), 1);
}
return tags;
}
var allTags = {};
Object.keys(words).forEach(function (word) {
Object.keys(words[word].conjugations).forEach(function (conjugation) {
if (conjugation == "dictionary") {
conjugation = "";
}
allTags[conjugation] = conjugation.split(" ");
});
});
Object.keys(allTags).forEach(function (srcTag) {
if (srcTag != "") {
for (var i = 0; i < allTags[srcTag].length; i++) {
var tagWithDrop = allTags[srcTag].slice();
tagWithDrop.splice(i, 1);
var dstTag = tagWithDrop.join(" ");
if (allTags[dstTag]) {
if (srcTag == "") {
srcTag = "dictionary";
}
if (dstTag == "") {
dstTag = "dictionary";
}
transformations.push({ from: srcTag, to: dstTag });
transformations.push({ from: dstTag, to: srcTag });
}
}
}
});
transformations.forEach(function (transformation) {
var from = getTags(transformation.from);
var to = getTags(transformation.to);
var from_extra = {
"negative": "affirmative",
"past": "present",
"polite": "plain",
"te-form": "non-て",
"potential": "non-potential",
"imperative": "non-imperative",
"causative": "non-causative",
"passive": "active",
"progressive": "non-progressive",
"desire": "'non-desire'",
"volitional": "non-volitional",
};
var to_extra = {
"negative": "negative",
"past": "past",
"polite": "polite",
"te-form": "て",
"potential": "potential",
"imperative": "imperative",
"causative": "causative",
"passive": "passive",
"progressive": "progressive",
"desire": "'desire'",
"volitional": "volitional",
};
var phrase;
phrase = phrase || from_extra[arrayDifference(from, to)[0]];
phrase = phrase || to_extra[arrayDifference(to, from)[0]];
transformation.phrase = phrase;
transformation.from_tags = calculateTags(transformation.from);
transformation.to_tags = calculateTags(transformation.to);
transformation.tags = arrayUnique(calculateTags(transformation.from).concat(calculateTags(transformation.to)));
var diffFromTo = arrayDifference(transformation.from_tags, transformation.to_tags);
if (diffFromTo.length > 0) {
type = diffFromTo[0];
} else {
type = arrayDifference(transformation.to_tags, transformation.from_tags)[0];
}
if ((type == "plain") || (type == "polite")) {
type = "politeness";
}
transformation.type = type;
});
// Add trick forms
var trick_forms = [];
transformations.forEach(function (transformation) {
trick_forms.push({
from: transformation.to,
to: transformation.to,
type: transformation.type,
phrase: transformation.phrase,
from_tags: transformation.to_tags,
to_tags: transformation.to_tags,
tags: transformation.tags.concat(["trick"])
});
});
transformations = transformations.concat(trick_forms);
}
function updateOptionSummary() {
// Calculate how many questions will apply
var options = getOptions();
var applicable = 0;
Object.keys(words).forEach(function (word) {
var forms = getVerbForms(word);
transformations.forEach(function (transformation) {
if (validQuestion(word, forms, transformation, options)) {
applicable++;
}
});
});
$("#questionCount").text(applicable);
if (!options.plain && !options.polite) {
document.querySelector('#politePlainError').style.display = 'block';
} else {
document.querySelector('#politePlainError').style.display = 'none';
}
}
function saveOptions() {
localStorage.setItem(localStorageOptionsKey, JSON.stringify(getOptions()));
}
function restoreDefaults() {
localStorage.setItem(localStorageOptionsKey, JSON.stringify(defaultConfig));
loadOptions();
updateOptionSummary();
}
function updateVoiceSelect() {
const options = getOptions();
const voice_select_options = document.querySelector("#voice_select_options");
if (options.use_voice) {
voice_select_options.style.display = "block";
} else {
voice_select_options.style.display = "none";
}
}
function updateVoiceSelection() {
const newSelection = document.querySelector("#voice_select").selectedOptions[0].text;
const voiceConfig = {
voice: document.querySelector("#voice_select").selectedOptions[0].text,
rate: 1,
pitch: 1
};
setVoiceConfig(voiceConfig);
}
function explain() {
$('#explanation').show();
$('#message').hide();
$('#explain-proceed-button').focus();
}
function getOptions() {
var result = {};
configOptions.options.forEach(function (option) {
result[option] = $('#' + option).is(':checked') != false;
});
configOptions.selects.forEach(function (select) {
result[select] = $('#' + select).val();
});
configOptions.inputs.forEach(function (input) {
result[input] = $('#' + input).val();
});
return result;
}
function loadOptions() {
var storedOptionsText = localStorage.getItem(localStorageOptionsKey);
if (storedOptionsText) {
var storedOptions = JSON.parse(storedOptionsText);
configOptions.options.forEach(function (option) {
if (storedOptions[option] != undefined) {
$(`#${option}`).prop('checked', storedOptions[option]);
}
});
configOptions.selects.forEach(function (select) {
if (storedOptions[select] != undefined) {
$(`#${select} [value=${storedOptions[select]}]`).attr('selected', false)
$(`#${select} [value=${storedOptions[select]}]`).attr('selected', 'selected')
}
});
configOptions.inputs.forEach(function (input) {
if (storedOptions[input] != undefined) {
$(`#${input}`).val(storedOptions[input]);
}
});
}
}
$('window').ready(function () {
if (window.speechSynthesis) {
populateVoiceList();
$('#useVoiceSection').show();
$('input#use_voice').click(updateVoiceSelect);
$('select#voice_select').on('change', updateVoiceSelection);
}
calculateAllConjugations();
calculateTransitions();
loadOptions();
$('#go').click(startQuiz);
$('#defaults').click(restoreDefaults);
$('#backToStart').click(showSplash);
$('div.options input').click(updateOptionSummary);
$('select#questionFocus').on('change', updateOptionSummary);
$('input#trick').click(updateOptionSummary);
$('input#focus_mode').click(updateOptionSummary);
$('select').change(saveOptions);
$('input').change(saveOptions);
updateOptionSummary();
showSplash();
});