commit a65aa3154483c606883e1afa50418c76fd411d44
parent a965ef20cff2ec0eb2605c5a3282c6abefcf84a1
Author: AsherMorgan <59518073+AsherMorgan@users.noreply.github.com>
Date: Sun, 19 Apr 2020 08:52:35 -0700
Reorganize project structure.
Diffstat:
12 files changed, 996 insertions(+), 996 deletions(-)
diff --git a/Reference/index.html b/Reference/index.html
@@ -6,9 +6,10 @@
<title>Reference Tables - Spanish-Quizzer</title>
<link rel="icon" type="image/png" href="../Images/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="../Images/apple-touch-icon.png">
- <link rel="stylesheet" href="../Styles.css">
+ <link rel="stylesheet" href="../Styles/Global.css">
+ <link rel="stylesheet" href="../Styles/Reference.css">
<script src="https://unpkg.com/papaparse@5.1.1/papaparse.min.js"></script>
- <script src="index.js"></script>
+ <script src="../Scripts/Reference.js"></script>
</head>
<body onload="Load()" onresize="setTableHeight()">
diff --git a/Reference/index.js b/Reference/index.js
@@ -1,235 +0,0 @@
-// Declare global variables
-var Sets; // List of parsed sets
-
-
-
-// Set table height
-function setTableHeight() {
- var tableY = document.getElementById("referenceTable").offsetTop;
- document.getElementById("referenceTable").style.height = `${window.innerHeight - tableY - 50}px`;
-}
-
-
-
-// Load the document
-function Load() {
- // Apply dark mode
- if (localStorage.getItem("darkMode") == "true") {
- document.body.classList.toggle("dark");
- }
-
- // Set table height
- setTableHeight();
-
- // Load CSVs
- Sets = [];
- Papa.parse("../Vocab/Verbs.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Verbs"] = results.data;
- }
- });
- Papa.parse("../Vocab/Adjectives.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Adjectives"] = results.data;
- }
- });
- Papa.parse("../Vocab/Adverbs.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Adverbs"] = results.data;
- }
- });
- Papa.parse("../Vocab/Prepositions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Prepositions"] = results.data;
- }
- });
- Papa.parse("../Vocab/Transitions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Transitions"] = results.data;
- }
- });
- Papa.parse("../Vocab/Colors.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Colors"] = results.data;
- }
- });
- Papa.parse("../Vocab/Days.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Days"] = results.data;
- }
- });
- Papa.parse("../Vocab/Months.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Months"] = results.data;
- }
- });
- Papa.parse("../Vocab/Questions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Questions"] = results.data;
- }
- });
- Papa.parse("../Vocab/Weather.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Weather"] = results.data;
- }
- });
- Papa.parse("../Vocab/Family.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Family"] = results.data;
- }
- });
- Papa.parse("../Vocab/Clothes.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Clothes"] = results.data;
- }
- });
- Papa.parse("../Vocab/Nature.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Nature"] = results.data;
- }
- });
- Papa.parse("../Vocab/House.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["House"] = results.data;
- }
- });
- Papa.parse("../Vocab/Vacation.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Vacation"] = results.data;
- }
- });
- Papa.parse("../Vocab/Childhood.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Childhood"] = results.data;
- }
- });
- Papa.parse("../Vocab/Professions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Professions"] = results.data;
- }
- });
- Papa.parse("../Vocab/Health.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Health"] = results.data;
- }
- });
-}
-
-
-
-// Reads a vocab word
-function Read(row, column)
-{
- var msg = new SpeechSynthesisUtterance(Sets[document.getElementById("referenceSet").value][row][column]);
- if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("english")) {
- msg.lang = 'en';
- }
- else if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("spanish")){
- msg.lang = 'es';
- }
- window.speechSynthesis.speak(msg);
-}
-
-
-
-// Change the vocab set
-function referenceSetChanged() {
- // Clear table
- if (document.getElementById("referenceSet").value == "Choose a vocab set") {
- document.getElementById("referenceTableInner").innerHTML = "";
- return;
- }
-
- // Get headers
- var head = '<tr>';
- for (column of Sets[document.getElementById("referenceSet").value][0]) {
- head += `<th>${column}</th>`;
- }
- head += "</tr>";
-
- // Get body
- var body = "";
- rows = Sets[document.getElementById("referenceSet").value].slice(1);
- for (var row = 0; row < rows.length; row++) {
- body += '<tr>';
- columns = rows[row];
- for (var column = 0; column < columns.length; column++) {
- body += `<td onclick="Read(${row + 1}, ${column})">${columns[column]}</td>`;
- }
- body += "</tr>";
- }
-
- // Add html
- document.getElementById("referenceTableInner").innerHTML = head + body;
-}
-
-
-
-// Filter the table
-function referenceFilterChanged() {
- // Declare variables
- var match, txtValue
- var filter = document.getElementById("referenceFilter").value.toLowerCase();
- var rows = document.getElementById("referenceTableInner").getElementsByTagName("tr");
-
- // Loop through rows
- for (row of rows)
- {
- // Loop through columns
- match = false;
- row.style.display = "none";
- for (column of row.children)
- {
- // If a match hasn't already been found
- if (!match) {
- // Get text
- txtValue = column.textContent || column.innerText;
-
- // Look for match
- if (txtValue.toLowerCase().indexOf(filter) != -1) {
- row.style.display = "";
- match = true;
- }
- }
- }
- }
-
- // Make first row visible
- rows[0].style.display = "";
-}
-\ No newline at end of file
diff --git a/Scripts/Quizzer.js b/Scripts/Quizzer.js
@@ -0,0 +1,320 @@
+// Declare global variables
+var Terms; // List of filtered terms
+var Term; // Index of current term
+
+
+
+// Start the quizzer
+function Start() {
+ // Filter and load Sets into Terms
+ Terms = [];
+ for (var i = 0; i < setId; i++)
+ {
+ if (document.getElementById(`settingsSet-${i}`))
+ {
+ // Get filter information
+ var set = document.getElementById(`settingsSetName-${i}`).value;
+ var filter = document.getElementById(`settingsSetFilter-${i}`).value;
+
+ // Add filtered set
+ Terms.push(...ApplyFilter(Sets[set], filter));
+ }
+ }
+
+ // Shuffle terms
+ ShuffleTerms();
+
+ // Validate Terms
+ if (Terms.length == 0) {
+ document.getElementById("settingsError").textContent = "Your custom vocabulary set must contain at least one term.";
+ document.getElementById("settingsError").scrollIntoView(false);
+ return;
+ }
+
+ // Configure prompt audio
+ if (document.getElementById("settingsPromptType").value != "Text") {
+ document.getElementById("quizzerPrompt").classList.add("audio");
+
+ // Give iOS devices ringer warning
+ if (!!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform)) {
+ alert("Please make sure your ringer is on in order to hear audio prompts.");
+ }
+ }
+ else {
+ document.getElementById("quizzerPrompt").classList.remove("audio");
+ }
+
+ // Show and hide elements
+ document.getElementById("settings").hidden = true;
+ document.getElementById("quizzer").hidden = false;
+
+ // Give the user a prompt
+ Term = -1;
+ Reset();
+}
+
+
+
+// Filters a vocabulary set given the filter name
+function ApplyFilter(vocabSet, name) {
+ // Declare variables
+ var io; // Format: [[<output index>, <input index>]]
+ var value; // Format: [[<index>, [<values>], exclude?]]
+
+ // Get filter
+ switch (name) {
+ case "All Definitions":
+ io = [[0,1], [1,0]];
+ value = [];
+ break;
+
+ case "English to Spanish":
+ io = [[0,1]];
+ value = [];
+ break;
+
+ case "Spanish to English":
+ io = [[1,0]];
+ value = [];
+ break;
+
+ case "All Conjugations":
+ io = [[0,3], [0,5], [0,6], [0,7], [0,8], [0,9], [0,11], [0,12], [0,13], [0,14], [0,15], [0,17], [0,18], [0,19], [0,20], [0,21]];
+ value = [];
+ break;
+
+ case "Reverse Conjugations":
+ io = [[3,0], [5,0], [6,0], [7,0], [8,0], [9,0], [11,0], [12,0], [13,0], [14,0], [15,0], [17,0], [18,0], [19,0], [20,0], [21,0]];
+ value = [];
+ break;
+
+ case "Present Participles":
+ io = [[0,3]];
+ value = [];
+ break;
+
+ case "Present Tense":
+ io = [[0,5], [0,6], [0,7], [0,8], [0,9]];
+ value = [];
+ break;
+
+ case "Preterite Tense":
+ io = [[0,11], [0,12], [0,13], [0,14], [0,15]]
+ value = [];
+ break;
+
+ case "Imperfect Tense":
+ io = [[0,17], [0,18], [0,19], [0,20], [0,21]];
+ value = [];
+ break;
+
+ case "Nouns":
+ io = [[0,1], [1,0]];
+ value = [[2, ["Noun"], false]];
+ break;
+
+ case "Verbs":
+ io = [[0,1], [1,0]];
+ value = [[2, ["Verb"], false]];
+ break;
+
+ case "Adjectives":
+ io = [[0,1], [1,0]];
+ value = [[2, ["Adjective"], false]];
+ break;
+
+ default:
+ io = [];
+ value = [];
+ break;
+ }
+
+ // Filter terms by value
+ var vSet = vocabSet.slice(1); // Format: same as vocabSet but without headers
+ for (var i = 0; i < value.length; i++) {
+ for (var j = 0; j < vSet.length; j++) {
+ if (value[i][2]) {
+ // Exclude values
+ if (value[i][1].includes(vSet[j][value[i][0]])) {
+ vSet.splice(j, 1); // Remove item
+ j--; // Adjust for the removal of an item
+ }
+ }
+ else {
+ // Include values
+ if (!value[i][1].includes(vSet[j][value[i][0]])) {
+ vSet.splice(j, 1); // Remove item
+ j--; // Adjust for the removal of an item
+ }
+ }
+ }
+ }
+
+ // Filter terms by input/output
+ var ioSet = []; // Format: [<output type>, <output>, <input type>, <input>]
+ for (var i = 0; i < io.length; i++) {
+ for (var j = 0; j < vSet.length; j++) {
+ ioSet.push([vocabSet[0][io[i][0]], vSet[j][io[i][0]], vocabSet[0][io[i][1]], vSet[j][io[i][1]]]);
+ }
+ }
+
+ // Return filtered set
+ return ioSet;
+}
+
+
+
+// Shuffle the list of terms
+function ShuffleTerms() {
+ var currentIndex = Terms.length, temporaryValue, randomIndex;
+
+ // While there are more elements to shuffle
+ while (0 !== currentIndex) {
+ // Pick a remaining element
+ randomIndex = Math.floor(Math.random() * currentIndex);
+ currentIndex -= 1;
+
+ // Swap the two elements
+ temporaryValue = Terms[currentIndex];
+ Terms[currentIndex] = Terms[randomIndex];
+ Terms[randomIndex] = temporaryValue;
+ }
+}
+
+
+
+// Give the user a new prompt
+function Reset() {
+ // Show and hide elements
+ document.getElementById("quizzerInput").readOnly = false;
+ document.getElementById("quizzerEnter").textContent = "Submit";
+ document.getElementById("quizzerFeedback").hidden = true;
+
+ // Get prompt
+ Term++;
+ if (Term == Terms.length) {
+ // The user just finished
+ ShuffleTerms();
+ Term = 0;
+
+ // Congradulate user
+ document.getElementById("quizzerFeedback").classList.remove("bad");
+ document.getElementById("quizzerFeedback").classList.add("good");
+ document.getElementById("quizzerFeedback").textContent = "Congratulations! You made it back to the beginning!";
+ document.getElementById("quizzerFeedback").hidden = false;
+ }
+
+ // Update progress
+ document.getElementById("quizzerProgress").textContent = `${Term} / ${Terms.length}`;
+
+ // Set prompt
+ document.getElementById("quizzerPromptType").textContent = `${Terms[Term][0]}: `;
+ if (document.getElementById("settingsPromptType").value != "Audio") {
+ document.getElementById("quizzerPrompt").textContent = Terms[Term][1];
+ }
+ else {
+ document.getElementById("quizzerPrompt").textContent = "Click to hear again";
+ }
+ document.getElementById("quizzerInputType").textContent = `${Terms[Term][2]}: `;
+
+ // Reset responce
+ document.getElementById("quizzerInput").value = "";
+
+ // Read prompt
+ if (document.getElementById("settingsPromptType").value != "Text") {
+ Read(Terms[Term][1], Terms[Term][0]);
+ }
+}
+
+
+
+// Reads a peice of text
+function Read(text, label)
+{
+ var msg = new SpeechSynthesisUtterance(text);
+ if (label.toLowerCase().includes("english")) {
+ msg.lang = 'en';
+ }
+ else if (label.toLowerCase().includes("spanish")){
+ msg.lang = 'es';
+ }
+ window.speechSynthesis.speak(msg);
+}
+
+
+
+// Read the prompt if audio is enabled
+function quizzerPromptClicked() {
+ if (document.getElementById("settingsPromptType").value != "Text") {
+ Read(Terms[Term][1], Terms[Term][0]);
+ }
+}
+
+
+
+// Check the user's responce
+function Check() {
+ // Parse responce
+ var responce = document.getElementById("quizzerInput").value.toLowerCase(); // Make responce lowercase
+ responce = responce.replace(/a`/g, "á"); // Apply accented a shortcut
+ responce = responce.replace(/e`/g, "é"); // Apply accented e shortcut
+ responce = responce.replace(/i`/g, "í"); // Apply accented i shortcut
+ responce = responce.replace(/n`/g, "ñ"); // Apply n with tilde shortcut
+ responce = responce.replace(/n~/g, "ñ"); // Apply n with tilde shortcut
+ responce = responce.replace(/o`/g, "ó"); // Apply accented o shortcut
+ responce = responce.replace(/u`/g, "ú"); // Apply accented u shortcut
+ responce = responce.replace(/u~/g, "ü"); // Apply u with diaeresis shortcut
+ var responces = responce.split(","); // Split string by commas
+ for (var i = 0; i < responces.length; i++) {
+ responces[i] = responces[i].split(" ").filter(function(x){return x !== "";}).join(" "); // Trim whitespace
+ }
+
+ // Parse answer
+ answers = Terms[Term][3].toLowerCase().split(","); // Split string by commas
+ for (var i = 0; i < answers.length; i++) {
+ answers[i] = answers[i].trim(); // Trim whitespace
+ }
+
+ // Check responce
+ var correct = true;
+ for(var answer of answers) {
+ if (!responces.includes(answer)) {
+ correct = false;
+ }
+ }
+
+ // Give user feedback
+ if (!correct) {
+ // Responce was incorrect
+ document.getElementById("quizzerFeedback").classList.remove("good");
+ document.getElementById("quizzerFeedback").classList.add("bad");
+ document.getElementById("quizzerFeedback").textContent = `The correct answer is ${Terms[Term][3].toLowerCase()}.`;
+
+ // Show and hide elements
+ document.getElementById("quizzerInput").readOnly = true;
+ document.getElementById("quizzerEnter").textContent = "Continue";
+ document.getElementById("quizzerFeedback").hidden = false;
+ document.getElementById("quizzerFeedback").scrollIntoView(false);
+ document.getElementById("quizzerInput").focus();
+
+ // Repeat prompt
+ switch (document.getElementById("settingsRepeatPrompts").value)
+ {
+ case "Never": // Don't repeat
+ break;
+ case "Immediately": // Repeat imitiately
+ Term--;
+ break;
+ case "5 prompts later":
+ var temp = Terms[Term];
+ Terms.splice(Term, 1);
+ Terms.splice(Term + 5, 0, temp);
+ Term--;
+ break;
+ }
+ }
+ else {
+ // Responce was correct
+ Reset();
+ }
+}
+\ No newline at end of file
diff --git a/Scripts/Reference.js b/Scripts/Reference.js
@@ -0,0 +1,235 @@
+// Declare global variables
+var Sets; // List of parsed sets
+
+
+
+// Load the document
+function Load() {
+ // Apply dark mode
+ if (localStorage.getItem("darkMode") == "true") {
+ document.body.classList.toggle("dark");
+ }
+
+ // Set table height
+ setTableHeight();
+
+ // Load CSVs
+ Sets = [];
+ Papa.parse("../Vocab/Verbs.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Verbs"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Adjectives.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Adjectives"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Adverbs.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Adverbs"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Prepositions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Prepositions"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Transitions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Transitions"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Colors.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Colors"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Days.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Days"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Months.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Months"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Questions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Questions"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Weather.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Weather"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Family.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Family"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Clothes.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Clothes"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Nature.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Nature"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/House.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["House"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Vacation.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Vacation"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Childhood.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Childhood"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Professions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Professions"] = results.data;
+ }
+ });
+ Papa.parse("../Vocab/Health.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Health"] = results.data;
+ }
+ });
+}
+
+
+
+// Set table height
+function setTableHeight() {
+ var tableY = document.getElementById("referenceTable").offsetTop;
+ document.getElementById("referenceTable").style.height = `${window.innerHeight - tableY - 50}px`;
+}
+
+
+
+// Change the vocab set
+function referenceSetChanged() {
+ // Clear table
+ if (document.getElementById("referenceSet").value == "Choose a vocab set") {
+ document.getElementById("referenceTableInner").innerHTML = "";
+ return;
+ }
+
+ // Get headers
+ var head = '<tr>';
+ for (column of Sets[document.getElementById("referenceSet").value][0]) {
+ head += `<th>${column}</th>`;
+ }
+ head += "</tr>";
+
+ // Get body
+ var body = "";
+ rows = Sets[document.getElementById("referenceSet").value].slice(1);
+ for (var row = 0; row < rows.length; row++) {
+ body += '<tr>';
+ columns = rows[row];
+ for (var column = 0; column < columns.length; column++) {
+ body += `<td onclick="Read(${row + 1}, ${column})">${columns[column]}</td>`;
+ }
+ body += "</tr>";
+ }
+
+ // Add html
+ document.getElementById("referenceTableInner").innerHTML = head + body;
+}
+
+
+
+// Reads a vocab word
+function Read(row, column)
+{
+ var msg = new SpeechSynthesisUtterance(Sets[document.getElementById("referenceSet").value][row][column]);
+ if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("english")) {
+ msg.lang = 'en';
+ }
+ else if (Sets[document.getElementById("referenceSet").value][0][column].toLowerCase().includes("spanish")){
+ msg.lang = 'es';
+ }
+ window.speechSynthesis.speak(msg);
+}
+
+
+
+// Filter the table
+function referenceFilterChanged() {
+ // Declare variables
+ var match, txtValue
+ var filter = document.getElementById("referenceFilter").value.toLowerCase();
+ var rows = document.getElementById("referenceTableInner").getElementsByTagName("tr");
+
+ // Loop through rows
+ for (row of rows)
+ {
+ // Loop through columns
+ match = false;
+ row.style.display = "none";
+ for (column of row.children)
+ {
+ // If a match hasn't already been found
+ if (!match) {
+ // Get text
+ txtValue = column.textContent || column.innerText;
+
+ // Look for match
+ if (txtValue.toLowerCase().indexOf(filter) != -1) {
+ row.style.display = "";
+ match = true;
+ }
+ }
+ }
+ }
+
+ // Make first row visible
+ rows[0].style.display = "";
+}
+\ No newline at end of file
diff --git a/Scripts/Settings.js b/Scripts/Settings.js
@@ -0,0 +1,271 @@
+// Declare global variables
+var Sets; // List of parsed sets
+var setId = 0; // Next valid set id number
+
+
+
+// Load the document
+function Load() {
+ // Load settings
+ if (localStorage.getItem("darkMode") == "true") {
+ document.body.classList.toggle("dark");
+ document.getElementById("settingsDarkMode").checked = true;
+ }
+ if (localStorage.getItem("PromptType")) {
+ document.getElementById("settingsPromptType").value = localStorage.getItem("PromptType");
+ }
+ if (localStorage.getItem("repeatPrompt")) {
+ document.getElementById("settingsRepeatPrompts").value = localStorage.getItem("repeatPrompt");
+ }
+
+ // Add event Listeners
+ document.getElementById("quizzerInput").addEventListener("keydown", function (e) {
+ if (e.keyCode === 13) {
+ // Key was enter
+ if (document.getElementById("quizzerInput").readOnly) {
+ Reset();
+ }
+ else {
+ Check();
+ }
+ }
+ });
+ document.getElementById("quizzerEnter").addEventListener("click", function (e) {
+ if (document.getElementById("quizzerInput").readOnly) {
+ Reset();
+ }
+ else {
+ Check();
+ }
+ });
+
+ // Load CSVs
+ Sets = [];
+ Papa.parse("Vocab/Verbs.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Verbs"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Adjectives.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Adjectives"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Adverbs.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Adverbs"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Prepositions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Prepositions"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Transitions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Transitions"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Colors.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Colors"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Days.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Days"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Months.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Months"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Questions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Questions"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Weather.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Weather"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Family.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Family"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Clothes.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Clothes"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Nature.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Nature"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/House.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["House"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Vacation.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Vacation"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Childhood.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Childhood"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Professions.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Professions"] = results.data;
+ }
+ });
+ Papa.parse("Vocab/Health.csv", {
+ download: true,
+ complete: function(results) {
+ // Set verbs
+ Sets["Health"] = results.data;
+ }
+ });
+
+ // Show and hide elements
+ Reload();
+}
+
+
+
+// Reload the document
+function Reload() {
+ document.getElementById("settings").hidden = false;
+ document.getElementById("settingsError").textContent = "";
+ document.getElementById("quizzer").hidden = true;
+}
+
+
+
+// Add a filtered set
+function AddSet() {
+ // Create row
+ var clone = document.getElementById("settingsSetTemplate").content.cloneNode(true);
+
+ // Set row ids
+ clone.children[0].setAttribute("id", `settingsSet-${setId}`);
+ clone.getElementById("settingsSetName").setAttribute("id", `settingsSetName-${setId}`);
+ clone.getElementById("settingsSetFilter").setAttribute("id", `settingsSetFilter-${setId}`);
+
+ // Add remove button onclick attribute
+ clone.getElementById("settingsSetRemove").setAttribute("onclick", `var element = document.getElementById('settingsSet-${setId}'); element.parentNode.removeChild(element);`);
+
+ // Add row
+ document.getElementById("settingsSetsInner").appendChild(clone);
+
+ // Increment setId
+ setId++; // increment fileId to get a unique ID for the new element
+}
+
+
+
+// Update the filter option
+function settingsSetChanged(setName) {
+ // Get filter options
+ items = [];
+ switch(setName.value)
+ {
+ case "Verbs":
+ items = ["All Definitions", "All Conjugations", "Reverse Conjugations",
+ "Present Participles", "Present Tense", "Preterite Tense", "Imperfect Tense"];
+ break;
+
+ case "Adjectives":
+ case "Adverbs":
+ case "Prepositions":
+ case "Transitions":
+ case "Colors":
+ case "Days":
+ case "Months":
+ case "Questions":
+ items = ["All Definitions", "English to Spanish", "Spanish to English"];
+ break;
+
+ case "Weather":
+ case "Professions":
+ items = ["All Definitions", "English to Spanish", "Spanish to English",
+ "Nouns", "Verbs"];
+ break;
+
+ case "Family":
+ case "Clothes":
+ items = ["All Definitions", "English to Spanish", "Spanish to English",
+ "Nouns", "Adjectives"];
+ break;
+
+ case "Nature":
+ case "House":
+ case "Vacation":
+ case "Childhood":
+ case "Health":
+ items = ["All Definitions", "English to Spanish", "Spanish to English",
+ "Nouns", "Verbs", "Adjectives"];
+ break;
+ }
+
+ // Create html
+ var html = ""
+ for (var item of items) {
+ html += "<option>" + item + "</option>"
+ }
+
+ // Set html
+ filterId = setName.id.replace("settingsSetName", "settingsSetFilter");
+ document.getElementById(filterId).innerHTML = html;
+}
+
+
+
+// Update local storage
+function UpdateLocalStorage() {
+ localStorage.clear();
+ localStorage.setItem("darkMode", document.getElementById("settingsDarkMode").checked);
+ localStorage.setItem("PromptType", document.getElementById("settingsPromptType").value);
+ localStorage.setItem("repeatPrompt", document.getElementById("settingsRepeatPrompts").value);
+}
+\ No newline at end of file
diff --git a/Styles.css b/Styles.css
@@ -1,164 +0,0 @@
-/******** Variable styles ********/
-:root {
- --border-color: #808080;
- --foreground-color: #000000;
- --background-color: #FFFFFF;
- --hover-color: #F0F0F0;
-}
-
-
-
-/******** Body styles ********/
-body {
- font-family: Arial, Helvetica, sans-serif;
- text-align: center;
- color: var(--foreground-color);
- background-color: var(--background-color);
- margin-bottom: 50px;
- touch-action: manipulation;
-}
-
-
-
-/******** Control styles ********/
-button, input, select {
- background-color: var(--background-color);
- border: 1px solid var(--border-color);
- color: var(--foreground-color);
- border-radius: 0px;
-}
-
-button:hover:enabled {
- cursor: pointer;
- background-color: var(--hover-color);
-}
-
-button:disabled {
- background-color: var(--hover-color);
- color: var(--border-color);
-}
-
-
-
-/******** Other styles ********/
-#title {
- font-size: 25px;
- font-weight: bold;
- cursor: pointer;
- color: inherit;
- text-decoration: none;
-}
-
-.label {
- font-weight: bold;
-}
-
-.text {
- font-weight: normal;
-}
-
-.good {
- color: green;
-}
-
-.bad {
- color: red;
-}
-
-.footer {
- position: fixed;
- bottom: 0px;
- padding-bottom: 5px;
- padding-top: 5px;
- width: 100%;
- background-color: var(--background-color);
-}
-
-
-
-/******** Settings styles ********/
-#settings {
- margin: auto;
- text-align: left;
- max-width: 300px;
- width: available;
-}
-
-.centered {
- text-align: center;
-}
-
-#settingsSets {
- overflow-x: auto;
- white-space: nowrap;
-}
-
-.settingsSet {
- padding-top: 5px;
-}
-
-.settingsSetName {
- width: 115px;
-}
-
-.settingsSetFilter {
- width: 160px;
-}
-
-.settingsSetRemove {
- cursor: pointer;
-}
-
-#settingsStart {
- width: 75px;
-}
-
-
-
-/******** Quizzer styles ********/
-#quizzerPrompt.audio {
- cursor: pointer;
-}
-
-.quizzerButtons {
- width: 75px;
- height: 25px;
-}
-
-
-
-/******** Reference styles ********/
-#referenceTable {
- margin: auto;
- text-align: left;
- overflow-x: auto;
- max-width: fit-content;
-}
-
-#referenceTable th {
- border: 1px solid var(--border-color);
- position: sticky;
- position: -webkit-sticky;
- top: 0;
- background-color: var(--hover-color);
-}
-
-#referenceTable td {
- border: 1px solid var(--border-color);
- cursor: pointer;
-}
-
-
-
-/******** Dark mode styles ********/
-body.dark {
- --background-color: #000000;
- --foreground-color: #E0E0E0;
- --hover-color: #404040;
-}
-
-.dark button, .dark input, .dark select {
- --background-color: #303030;
- --foreground-color: #FFFFFF;
- --hover-color: #404040;
-}
-\ No newline at end of file
diff --git a/Styles/Global.css b/Styles/Global.css
@@ -0,0 +1,90 @@
+/******** Variable styles ********/
+:root {
+ --border-color: #808080;
+ --foreground-color: #000000;
+ --background-color: #FFFFFF;
+ --hover-color: #F0F0F0;
+}
+
+
+
+/******** Body styles ********/
+body {
+ font-family: Arial, Helvetica, sans-serif;
+ text-align: center;
+ color: var(--foreground-color);
+ background-color: var(--background-color);
+ margin-bottom: 50px;
+ touch-action: manipulation;
+}
+
+
+
+/******** Control styles ********/
+button, input, select {
+ background-color: var(--background-color);
+ border: 1px solid var(--border-color);
+ color: var(--foreground-color);
+ border-radius: 0px;
+}
+
+button:hover:enabled {
+ cursor: pointer;
+ background-color: var(--hover-color);
+}
+
+button:disabled {
+ background-color: var(--hover-color);
+ color: var(--border-color);
+}
+
+
+
+/******** Other styles ********/
+#title {
+ font-size: 25px;
+ font-weight: bold;
+ cursor: pointer;
+ color: inherit;
+ text-decoration: none;
+}
+
+.label {
+ font-weight: bold;
+}
+
+.text {
+ font-weight: normal;
+}
+
+.good {
+ color: green;
+}
+
+.bad {
+ color: red;
+}
+
+.footer {
+ position: fixed;
+ bottom: 0px;
+ padding-bottom: 5px;
+ padding-top: 5px;
+ width: 100%;
+ background-color: var(--background-color);
+}
+
+
+
+/******** Dark mode styles ********/
+body.dark {
+ --background-color: #000000;
+ --foreground-color: #E0E0E0;
+ --hover-color: #404040;
+}
+
+.dark button, .dark input, .dark select {
+ --background-color: #303030;
+ --foreground-color: #FFFFFF;
+ --hover-color: #404040;
+}
+\ No newline at end of file
diff --git a/Styles/Quizzer.css b/Styles/Quizzer.css
@@ -0,0 +1,9 @@
+/******** Quizzer styles ********/
+#quizzerPrompt.audio {
+ cursor: pointer;
+}
+
+.quizzerButtons {
+ width: 75px;
+ height: 25px;
+}
+\ No newline at end of file
diff --git a/Styles/Reference.css b/Styles/Reference.css
@@ -0,0 +1,20 @@
+/******** Reference Table styles ********/
+#referenceTable {
+ margin: auto;
+ text-align: left;
+ overflow-x: auto;
+ max-width: fit-content;
+}
+
+#referenceTable th {
+ border: 1px solid var(--border-color);
+ position: sticky;
+ position: -webkit-sticky;
+ top: 0;
+ background-color: var(--hover-color);
+}
+
+#referenceTable td {
+ border: 1px solid var(--border-color);
+ cursor: pointer;
+}
+\ No newline at end of file
diff --git a/Styles/Settings.css b/Styles/Settings.css
@@ -0,0 +1,36 @@
+/******** Settings styles ********/
+#settings {
+ margin: auto;
+ text-align: left;
+ max-width: 300px;
+ width: available;
+}
+
+.centered {
+ text-align: center;
+}
+
+#settingsSets {
+ overflow-x: auto;
+ white-space: nowrap;
+}
+
+.settingsSet {
+ padding-top: 5px;
+}
+
+.settingsSetName {
+ width: 115px;
+}
+
+.settingsSetFilter {
+ width: 160px;
+}
+
+.settingsSetRemove {
+ cursor: pointer;
+}
+
+#settingsStart {
+ width: 75px;
+}
+\ No newline at end of file
diff --git a/index.html b/index.html
@@ -6,9 +6,12 @@
<title>Spanish-Quizzer</title>
<link rel="icon" type="image/png" href="Images/favicon-32.png">
<link rel="apple-touch-icon" sizes="180x180" href="Images/apple-touch-icon.png">
- <link rel="stylesheet" href="Styles.css">
+ <link rel="stylesheet" href="Styles/Global.css">
+ <link rel="stylesheet" href="Styles/Settings.css">
+ <link rel="stylesheet" href="Styles/Quizzer.css">
<script src="https://unpkg.com/papaparse@5.1.1/papaparse.min.js"></script>
- <script src="index.js"></script>
+ <script src="Scripts/Settings.js"></script>
+ <script src="Scripts/Quizzer.js"></script>
</head>
<body onload="Load()">
diff --git a/index.js b/index.js
@@ -1,590 +0,0 @@
-// Declare global variables
-var Sets; // List of parsed sets
-var Terms; // List of filtered terms
-var Term; // Index of current term
-var setId = 0; // Next valid set id number
-
-
-
-// Load the document
-function Load() {
- // Load settings
- if (localStorage.getItem("darkMode") == "true") {
- document.body.classList.toggle("dark");
- document.getElementById("settingsDarkMode").checked = true;
- }
- if (localStorage.getItem("PromptType")) {
- document.getElementById("settingsPromptType").value = localStorage.getItem("PromptType");
- }
- if (localStorage.getItem("repeatPrompt")) {
- document.getElementById("settingsRepeatPrompts").value = localStorage.getItem("repeatPrompt");
- }
-
- // Add event Listeners
- document.getElementById("quizzerInput").addEventListener("keydown", function (e) {
- if (e.keyCode === 13) {
- // Key was enter
- if (document.getElementById("quizzerInput").readOnly) {
- Reset();
- }
- else {
- Check();
- }
- }
- });
- document.getElementById("quizzerEnter").addEventListener("click", function (e) {
- if (document.getElementById("quizzerInput").readOnly) {
- Reset();
- }
- else {
- Check();
- }
- });
-
- // Load CSVs
- Sets = [];
- Papa.parse("Vocab/Verbs.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Verbs"] = results.data;
- }
- });
- Papa.parse("Vocab/Adjectives.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Adjectives"] = results.data;
- }
- });
- Papa.parse("Vocab/Adverbs.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Adverbs"] = results.data;
- }
- });
- Papa.parse("Vocab/Prepositions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Prepositions"] = results.data;
- }
- });
- Papa.parse("Vocab/Transitions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Transitions"] = results.data;
- }
- });
- Papa.parse("Vocab/Colors.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Colors"] = results.data;
- }
- });
- Papa.parse("Vocab/Days.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Days"] = results.data;
- }
- });
- Papa.parse("Vocab/Months.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Months"] = results.data;
- }
- });
- Papa.parse("Vocab/Questions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Questions"] = results.data;
- }
- });
- Papa.parse("Vocab/Weather.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Weather"] = results.data;
- }
- });
- Papa.parse("Vocab/Family.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Family"] = results.data;
- }
- });
- Papa.parse("Vocab/Clothes.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Clothes"] = results.data;
- }
- });
- Papa.parse("Vocab/Nature.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Nature"] = results.data;
- }
- });
- Papa.parse("Vocab/House.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["House"] = results.data;
- }
- });
- Papa.parse("Vocab/Vacation.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Vacation"] = results.data;
- }
- });
- Papa.parse("Vocab/Childhood.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Childhood"] = results.data;
- }
- });
- Papa.parse("Vocab/Professions.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Professions"] = results.data;
- }
- });
- Papa.parse("Vocab/Health.csv", {
- download: true,
- complete: function(results) {
- // Set verbs
- Sets["Health"] = results.data;
- }
- });
-
- // Show and hide elements
- Reload();
-}
-
-
-
-// Reload the document
-function Reload() {
- document.getElementById("settings").hidden = false;
- document.getElementById("settingsError").textContent = "";
- document.getElementById("quizzer").hidden = true;
-}
-
-
-
-// Add a filtered set
-function AddSet() {
- // Create row
- var clone = document.getElementById("settingsSetTemplate").content.cloneNode(true);
-
- // Set row ids
- clone.children[0].setAttribute("id", `settingsSet-${setId}`);
- clone.getElementById("settingsSetName").setAttribute("id", `settingsSetName-${setId}`);
- clone.getElementById("settingsSetFilter").setAttribute("id", `settingsSetFilter-${setId}`);
-
- // Add remove button onclick attribute
- clone.getElementById("settingsSetRemove").setAttribute("onclick", `var element = document.getElementById('settingsSet-${setId}'); element.parentNode.removeChild(element);`);
-
- // Add row
- document.getElementById("settingsSetsInner").appendChild(clone);
-
- // Increment setId
- setId++; // increment fileId to get a unique ID for the new element
-}
-
-
-
-// Update the filter option
-function settingsSetChanged(setName) {
- // Get filter options
- items = [];
- switch(setName.value)
- {
- case "Verbs":
- items = ["All Definitions", "All Conjugations", "Reverse Conjugations",
- "Present Participles", "Present Tense", "Preterite Tense", "Imperfect Tense"];
- break;
-
- case "Adjectives":
- case "Adverbs":
- case "Prepositions":
- case "Transitions":
- case "Colors":
- case "Days":
- case "Months":
- case "Questions":
- items = ["All Definitions", "English to Spanish", "Spanish to English"];
- break;
-
- case "Weather":
- case "Professions":
- items = ["All Definitions", "English to Spanish", "Spanish to English",
- "Nouns", "Verbs"];
- break;
-
- case "Family":
- case "Clothes":
- items = ["All Definitions", "English to Spanish", "Spanish to English",
- "Nouns", "Adjectives"];
- break;
-
- case "Nature":
- case "House":
- case "Vacation":
- case "Childhood":
- case "Health":
- items = ["All Definitions", "English to Spanish", "Spanish to English",
- "Nouns", "Verbs", "Adjectives"];
- break;
- }
-
- // Create html
- var html = ""
- for (var item of items) {
- html += "<option>" + item + "</option>"
- }
-
- // Set html
- filterId = setName.id.replace("settingsSetName", "settingsSetFilter");
- document.getElementById(filterId).innerHTML = html;
-}
-
-
-
-// Update local storage
-function UpdateLocalStorage() {
- localStorage.clear();
- localStorage.setItem("darkMode", document.getElementById("settingsDarkMode").checked);
- localStorage.setItem("PromptType", document.getElementById("settingsPromptType").value);
- localStorage.setItem("repeatPrompt", document.getElementById("settingsRepeatPrompts").value);
-}
-
-
-
-// Shuffle the list of terms
-function ShuffleTerms() {
- var currentIndex = Terms.length, temporaryValue, randomIndex;
-
- // While there are more elements to shuffle
- while (0 !== currentIndex) {
- // Pick a remaining element
- randomIndex = Math.floor(Math.random() * currentIndex);
- currentIndex -= 1;
-
- // Swap the two elements
- temporaryValue = Terms[currentIndex];
- Terms[currentIndex] = Terms[randomIndex];
- Terms[randomIndex] = temporaryValue;
- }
-}
-
-
-
-// Reads a peice of text
-function Read(text, label)
-{
- var msg = new SpeechSynthesisUtterance(text);
- if (label.toLowerCase().includes("english")) {
- msg.lang = 'en';
- }
- else if (label.toLowerCase().includes("spanish")){
- msg.lang = 'es';
- }
- window.speechSynthesis.speak(msg);
-}
-
-
-
-// Read the prompt if audio is enabled
-function quizzerPromptClicked() {
- if (document.getElementById("settingsPromptType").value != "Text") {
- Read(Terms[Term][1], Terms[Term][0]);
- }
-}
-
-
-
-// Filters a vocabulary set given the filter name
-function ApplyFilter(vocabSet, name) {
- // Declare variables
- var io; // Format: [[<output index>, <input index>]]
- var value; // Format: [[<index>, [<values>], exclude?]]
-
- // Get filter
- switch (name) {
- case "All Definitions":
- io = [[0,1], [1,0]];
- value = [];
- break;
-
- case "English to Spanish":
- io = [[0,1]];
- value = [];
- break;
-
- case "Spanish to English":
- io = [[1,0]];
- value = [];
- break;
-
- case "All Conjugations":
- io = [[0,3], [0,5], [0,6], [0,7], [0,8], [0,9], [0,11], [0,12], [0,13], [0,14], [0,15], [0,17], [0,18], [0,19], [0,20], [0,21]];
- value = [];
- break;
-
- case "Reverse Conjugations":
- io = [[3,0], [5,0], [6,0], [7,0], [8,0], [9,0], [11,0], [12,0], [13,0], [14,0], [15,0], [17,0], [18,0], [19,0], [20,0], [21,0]];
- value = [];
- break;
-
- case "Present Participles":
- io = [[0,3]];
- value = [];
- break;
-
- case "Present Tense":
- io = [[0,5], [0,6], [0,7], [0,8], [0,9]];
- value = [];
- break;
-
- case "Preterite Tense":
- io = [[0,11], [0,12], [0,13], [0,14], [0,15]]
- value = [];
- break;
-
- case "Imperfect Tense":
- io = [[0,17], [0,18], [0,19], [0,20], [0,21]];
- value = [];
- break;
-
- case "Nouns":
- io = [[0,1], [1,0]];
- value = [[2, ["Noun"], false]];
- break;
-
- case "Verbs":
- io = [[0,1], [1,0]];
- value = [[2, ["Verb"], false]];
- break;
-
- case "Adjectives":
- io = [[0,1], [1,0]];
- value = [[2, ["Adjective"], false]];
- break;
-
- default:
- io = [];
- value = [];
- break;
- }
-
- // Filter terms by value
- var vSet = vocabSet.slice(1); // Format: same as vocabSet but without headers
- for (var i = 0; i < value.length; i++) {
- for (var j = 0; j < vSet.length; j++) {
- if (value[i][2]) {
- // Exclude values
- if (value[i][1].includes(vSet[j][value[i][0]])) {
- vSet.splice(j, 1); // Remove item
- j--; // Adjust for the removal of an item
- }
- }
- else {
- // Include values
- if (!value[i][1].includes(vSet[j][value[i][0]])) {
- vSet.splice(j, 1); // Remove item
- j--; // Adjust for the removal of an item
- }
- }
- }
- }
-
- // Filter terms by input/output
- var ioSet = []; // Format: [<output type>, <output>, <input type>, <input>]
- for (var i = 0; i < io.length; i++) {
- for (var j = 0; j < vSet.length; j++) {
- ioSet.push([vocabSet[0][io[i][0]], vSet[j][io[i][0]], vocabSet[0][io[i][1]], vSet[j][io[i][1]]]);
- }
- }
-
- // Return filtered set
- return ioSet;
-}
-
-
-
-// Start the quizzer
-function Start() {
- // Filter and load Sets into Terms
- Terms = [];
- for (var i = 0; i < setId; i++)
- {
- if (document.getElementById(`settingsSet-${i}`))
- {
- // Get filter information
- var set = document.getElementById(`settingsSetName-${i}`).value;
- var filter = document.getElementById(`settingsSetFilter-${i}`).value;
-
- // Add filtered set
- Terms.push(...ApplyFilter(Sets[set], filter));
- }
- }
-
- // Shuffle terms
- ShuffleTerms();
-
- // Validate Terms
- if (Terms.length == 0) {
- document.getElementById("settingsError").textContent = "Your custom vocabulary set must contain at least one term.";
- document.getElementById("settingsError").scrollIntoView(false);
- return;
- }
-
- // Configure prompt audio
- if (document.getElementById("settingsPromptType").value != "Text") {
- document.getElementById("quizzerPrompt").classList.add("audio");
-
- // Give iOS devices ringer warning
- if (!!navigator.platform && /iPad|iPhone|iPod/.test(navigator.platform)) {
- alert("Please make sure your ringer is on in order to hear audio prompts.");
- }
- }
- else {
- document.getElementById("quizzerPrompt").classList.remove("audio");
- }
-
- // Show and hide elements
- document.getElementById("settings").hidden = true;
- document.getElementById("quizzer").hidden = false;
-
- // Give the user a prompt
- Term = -1;
- Reset();
-}
-
-
-
-// Give the user a new prompt
-function Reset() {
- // Show and hide elements
- document.getElementById("quizzerInput").readOnly = false;
- document.getElementById("quizzerEnter").textContent = "Submit";
- document.getElementById("quizzerFeedback").hidden = true;
-
- // Get prompt
- Term++;
- if (Term == Terms.length) {
- // The user just finished
- ShuffleTerms();
- Term = 0;
-
- // Congradulate user
- document.getElementById("quizzerFeedback").classList.remove("bad");
- document.getElementById("quizzerFeedback").classList.add("good");
- document.getElementById("quizzerFeedback").textContent = "Congratulations! You made it back to the beginning!";
- document.getElementById("quizzerFeedback").hidden = false;
- }
-
- // Update progress
- document.getElementById("quizzerProgress").textContent = `${Term} / ${Terms.length}`;
-
- // Set prompt
- document.getElementById("quizzerPromptType").textContent = `${Terms[Term][0]}: `;
- if (document.getElementById("settingsPromptType").value != "Audio") {
- document.getElementById("quizzerPrompt").textContent = Terms[Term][1];
- }
- else {
- document.getElementById("quizzerPrompt").textContent = "Click to hear again";
- }
- document.getElementById("quizzerInputType").textContent = `${Terms[Term][2]}: `;
-
- // Reset responce
- document.getElementById("quizzerInput").value = "";
-
- // Read prompt
- if (document.getElementById("settingsPromptType").value != "Text") {
- Read(Terms[Term][1], Terms[Term][0]);
- }
-}
-
-
-
-// Check the user's responce
-function Check() {
- // Parse responce
- var responce = document.getElementById("quizzerInput").value.toLowerCase(); // Make responce lowercase
- responce = responce.replace(/a`/g, "á"); // Apply accented a shortcut
- responce = responce.replace(/e`/g, "é"); // Apply accented e shortcut
- responce = responce.replace(/i`/g, "í"); // Apply accented i shortcut
- responce = responce.replace(/n`/g, "ñ"); // Apply n with tilde shortcut
- responce = responce.replace(/n~/g, "ñ"); // Apply n with tilde shortcut
- responce = responce.replace(/o`/g, "ó"); // Apply accented o shortcut
- responce = responce.replace(/u`/g, "ú"); // Apply accented u shortcut
- responce = responce.replace(/u~/g, "ü"); // Apply u with diaeresis shortcut
- var responces = responce.split(","); // Split string by commas
- for (var i = 0; i < responces.length; i++) {
- responces[i] = responces[i].split(" ").filter(function(x){return x !== "";}).join(" "); // Trim whitespace
- }
-
- // Parse answer
- answers = Terms[Term][3].toLowerCase().split(","); // Split string by commas
- for (var i = 0; i < answers.length; i++) {
- answers[i] = answers[i].trim(); // Trim whitespace
- }
-
- // Check responce
- var correct = true;
- for(var answer of answers) {
- if (!responces.includes(answer)) {
- correct = false;
- }
- }
-
- // Give user feedback
- if (!correct) {
- // Responce was incorrect
- document.getElementById("quizzerFeedback").classList.remove("good");
- document.getElementById("quizzerFeedback").classList.add("bad");
- document.getElementById("quizzerFeedback").textContent = `The correct answer is ${Terms[Term][3].toLowerCase()}.`;
-
- // Show and hide elements
- document.getElementById("quizzerInput").readOnly = true;
- document.getElementById("quizzerEnter").textContent = "Continue";
- document.getElementById("quizzerFeedback").hidden = false;
- document.getElementById("quizzerFeedback").scrollIntoView(false);
- document.getElementById("quizzerInput").focus();
-
- // Repeat prompt
- switch (document.getElementById("settingsRepeatPrompts").value)
- {
- case "Never": // Don't repeat
- break;
- case "Immediately": // Repeat imitiately
- Term--;
- break;
- case "5 prompts later":
- var temp = Terms[Term];
- Terms.splice(Term, 1);
- Terms.splice(Term + 5, 0, temp);
- Term--;
- break;
- }
- }
- else {
- // Responce was correct
- Reset();
- }
-}
-\ No newline at end of file
