460 lines
20 KiB
JavaScript
460 lines
20 KiB
JavaScript
/* global markdown */
|
|
/* global Defiant */
|
|
|
|
var currentDictionary = {
|
|
name: "New",
|
|
description: "A new dictionary.",
|
|
words: [],
|
|
nextWordId: 1,
|
|
settings: {
|
|
allowDuplicates: false,
|
|
caseSensitive: false,
|
|
partsOfSpeech: "Noun,Adjective,Verb,Adverb,Preposition,Pronoun,Conjunction",
|
|
sortByEquivalent: false,
|
|
isComplete: false
|
|
}
|
|
}
|
|
|
|
var defaultDictionaryJSON = JSON.stringify(currentDictionary); //Saves a stringifyed default dictionary.
|
|
|
|
var savedScroll = {
|
|
x: 0,
|
|
y: 0
|
|
}
|
|
|
|
window.onload = function () {
|
|
LoadDictionary();
|
|
ClearForm();
|
|
|
|
var readmeFileRequest = new XMLHttpRequest();
|
|
readmeFileRequest.open('GET', 'README.md');
|
|
readmeFileRequest.onreadystatechange = function() {
|
|
if (readmeFileRequest.readyState == 4 && readmeFileRequest.status == 200) {
|
|
document.getElementById("aboutText").innerHTML = markdown.toHTML(readmeFileRequest.responseText);
|
|
}
|
|
}
|
|
readmeFileRequest.send();
|
|
}
|
|
|
|
function AddWord() {
|
|
var word = htmlEntities(document.getElementById("word").value).trim();
|
|
var pronunciation = htmlEntities(document.getElementById("pronunciation").value).trim();
|
|
var partOfSpeech = htmlEntities(document.getElementById("partOfSpeech").value).trim();
|
|
var simpleDefinition = htmlEntities(document.getElementById("simpleDefinition").value).trim();
|
|
var longDefinition = htmlEntities(document.getElementById("longDefinition").value);
|
|
var editIndex = htmlEntities(document.getElementById("editIndex").value);
|
|
var errorMessageArea = document.getElementById("errorMessage");
|
|
var errorMessage = "";
|
|
var updateConflictArea = document.getElementById("updateConflict");
|
|
|
|
if (word != "" && (simpleDefinition != "" || longDefinition != "")) {
|
|
var wordIndex = (!currentDictionary.settings.allowDuplicates) ? WordIndex(word) : -1;
|
|
|
|
if (editIndex != "") {
|
|
if (WordAtIndexWasChanged(editIndex, word, pronunciation, partOfSpeech, simpleDefinition, longDefinition)) {
|
|
updateConflictArea.style.display = "block";
|
|
updateConflictArea.innerHTML = "<span id='updateConflictMessage'>Do you really want to change the word \"" + currentDictionary.words[parseInt(editIndex)].name + "\" to what you have set above?</span>";
|
|
updateConflictArea.innerHTML += '<button type="button" id="updateConfirmButton" \
|
|
onclick="UpdateWord(' + editIndex + ', \'' + htmlEntities(word) + '\', \'' + htmlEntities(pronunciation) + '\', \'' + htmlEntities(partOfSpeech) + '\', \'' + htmlEntities(simpleDefinition) + '\', \'' + htmlEntities(longDefinition) + '\'); \
|
|
return false;">Yes, Update it</button>';
|
|
updateConflictArea.innerHTML += '<button type="button" id="updateCancelButton" onclick="CloseUpdateConflictArea(); return false;">No, Leave it</button>';
|
|
} else {
|
|
errorMessage = "No change has been made to \"" + word + "\"";
|
|
if (currentDictionary.words[parseInt(editIndex)].name != word) {
|
|
errorMessage += ". (Your dictionary is currently set to ignore case.)"
|
|
}
|
|
}
|
|
} else if (wordIndex >= 0) {
|
|
if (WordAtIndexWasChanged(wordIndex, word, pronunciation, partOfSpeech, simpleDefinition, longDefinition)) {
|
|
updateConflictArea.style.display = "block";
|
|
|
|
var updateConflictText = "<span id='updateConflictMessage'>\"" + word + "\" is already in the dictionary";
|
|
if (currentDictionary.words[wordIndex].name != word) {
|
|
updateConflictText += " as \"" + currentDictionary.words[wordIndex].name + "\", and your dictionary is set to ignore case.";
|
|
} else {
|
|
updateConflictText += "."
|
|
}
|
|
updateConflictText += "<br>Do you want to update it to what you have set above?</span>";
|
|
updateConflictText += '<button type="button" id="updateConfirmButton" \
|
|
onclick="UpdateWord(' + wordIndex + ', \'' + htmlEntities(word) + '\', \'' + htmlEntities(pronunciation) + '\', \'' + htmlEntities(partOfSpeech) + '\', \'' + htmlEntities(simpleDefinition) + '\', \'' + htmlEntities(longDefinition) + '\'); \
|
|
return false;">Yes, Update it</button>';
|
|
updateConflictText += ' <button type="button" id="updateCancelButton" onclick="CloseUpdateConflictArea(); return false;">No, Leave it</button>';
|
|
|
|
updateConflictArea.innerHTML = updateConflictText;
|
|
} else {
|
|
errorMessage = "\"" + word + "\" is already in the dictionary exactly as it is written above";
|
|
if (currentDictionary.words[wordIndex].name != word) {
|
|
errorMessage += ". (Your dictionary is currently set to ignore case.)"
|
|
}
|
|
}
|
|
} else {
|
|
currentDictionary.words.push({name: word, pronunciation: pronunciation, partOfSpeech: partOfSpeech, simpleDefinition: simpleDefinition, longDefinition: longDefinition, wordId: currentDictionary.nextWordId++});
|
|
FocusAfterAddingNewWord();
|
|
NewWordNotification(word);
|
|
SaveAndUpdateDictionary(false);
|
|
}
|
|
|
|
errorMessageArea.innerHTML = "";
|
|
} else {
|
|
if (word == "") {
|
|
errorMessage += "Word cannot be blank";
|
|
if (simpleDefinition == "" && longDefinition == "") {
|
|
errorMessage += " and you need at least one definition.";
|
|
} else {
|
|
errorMessage += ".";
|
|
}
|
|
} else if (simpleDefinition == "" && longDefinition == "") {
|
|
errorMessage += "You need at least one definition."
|
|
}
|
|
}
|
|
|
|
errorMessageArea.innerHTML = errorMessage;
|
|
}
|
|
|
|
function WordAtIndexWasChanged(indexString, word, pronunciation, partOfSpeech, simpleDefinition, longDefinition) {
|
|
return (!currentDictionary.settings.caseSensitive && currentDictionary.words[parseInt(indexString)].name.toLowerCase() != word.toLowerCase()) ||
|
|
(currentDictionary.settings.caseSensitive && currentDictionary.words[parseInt(indexString)].name != word) ||
|
|
currentDictionary.words[parseInt(indexString)].pronunciation != pronunciation ||
|
|
currentDictionary.words[parseInt(indexString)].partOfSpeech != partOfSpeech ||
|
|
currentDictionary.words[parseInt(indexString)].simpleDefinition != simpleDefinition ||
|
|
currentDictionary.words[parseInt(indexString)].longDefinition != longDefinition;
|
|
}
|
|
|
|
function SaveScroll() {
|
|
var doc = document.documentElement;
|
|
var left = (window.pageXOffset || doc.scrollLeft) - (doc.clientLeft || 0);
|
|
var top = (window.pageYOffset || doc.scrollTop) - (doc.clientTop || 0);
|
|
|
|
savedScroll.x = left;
|
|
savedScroll.y = top;
|
|
}
|
|
|
|
function EditWord(index) {
|
|
SaveScroll();
|
|
window.scroll(0, 0);
|
|
|
|
ClearForm();
|
|
|
|
document.getElementById("editIndex").value = index.toString();
|
|
document.getElementById("word").value = htmlEntitiesParse(currentDictionary.words[index].name);
|
|
document.getElementById("pronunciation").value = htmlEntitiesParse(currentDictionary.words[index].pronunciation);
|
|
document.getElementById("partOfSpeech").value = htmlEntitiesParse(currentDictionary.words[index].partOfSpeech);
|
|
document.getElementById("simpleDefinition").value = htmlEntitiesParse(currentDictionary.words[index].simpleDefinition);
|
|
document.getElementById("longDefinition").value = htmlEntitiesParse(currentDictionary.words[index].longDefinition);
|
|
|
|
document.getElementById("newWordButtonArea").style.display = "none";
|
|
document.getElementById("editWordButtonArea").style.display = "block";
|
|
}
|
|
|
|
function SaveAndUpdateDictionary(keepFormContents) {
|
|
if (!currentDictionary.settings.sortByEquivalent) {
|
|
currentDictionary.words.sort(dynamicSort("name"));
|
|
} else {
|
|
currentDictionary.words.sort(dynamicSort("simpleDefinition"));
|
|
}
|
|
SaveDictionary();
|
|
ShowDictionary();
|
|
if (!keepFormContents) {
|
|
ClearForm();
|
|
}
|
|
CloseUpdateConflictArea();
|
|
}
|
|
|
|
function UpdateWord(wordIndex, word, pronunciation, partOfSpeech, simpleDefinition, longDefinition) {
|
|
currentDictionary.words[wordIndex].name = word;
|
|
currentDictionary.words[wordIndex].pronunciation = pronunciation;
|
|
currentDictionary.words[wordIndex].partOfSpeech = partOfSpeech;
|
|
currentDictionary.words[wordIndex].simpleDefinition = simpleDefinition;
|
|
currentDictionary.words[wordIndex].longDefinition = longDefinition;
|
|
|
|
SaveAndUpdateDictionary();
|
|
|
|
window.scroll(savedScroll.x, savedScroll.y);
|
|
}
|
|
|
|
function DeleteWord(index) {
|
|
if (document.getElementById("editIndex").value != "")
|
|
ClearForm();
|
|
|
|
currentDictionary.words.splice(index, 1);
|
|
|
|
SaveAndUpdateDictionary(true);
|
|
}
|
|
|
|
function UpdateFilter() {
|
|
ShowDictionary();
|
|
}
|
|
|
|
function ShowDictionary() {
|
|
var filter = document.getElementById("wordFilter").value;
|
|
|
|
var searchResults = [];
|
|
var search = htmlEntities(document.getElementById("searchBox").value);
|
|
if (search != "") {
|
|
var xpath = [];
|
|
if (document.getElementById("searchOptionWord").checked) {
|
|
xpath.push('contains(name, "'+ search +'")');
|
|
}
|
|
if (document.getElementById("searchOptionSimple").checked) {
|
|
xpath.push('contains(simpleDefinition, "'+ search +'")');
|
|
}
|
|
if (document.getElementById("searchOptionLong").checked) {
|
|
xpath.push('contains(longDefinition, "'+ search +'")');
|
|
}
|
|
searchResults = JSON.search(currentDictionary, '//words['+ xpath.join(' or ') +']/name');
|
|
}
|
|
|
|
var dictionaryNameArea = document.getElementById("dictionaryName");
|
|
dictionaryNameArea.innerHTML = htmlEntitiesParse(currentDictionary.name) + " Dictionary";
|
|
|
|
var dictionaryDescriptionArea = document.getElementById("dictionaryDescription");
|
|
dictionaryDescriptionArea.innerHTML = markdown.toHTML(htmlEntitiesParse(currentDictionary.description));
|
|
|
|
var dictionaryArea = document.getElementById("theDictionary");
|
|
var dictionaryText = "";
|
|
|
|
if (currentDictionary.words.length > 0) {
|
|
for (var i = 0; i < currentDictionary.words.length; i++) {
|
|
if (filter == "" || (filter != "" && currentDictionary.words[i].partOfSpeech == filter)) {
|
|
if (search == "" || (search != "" && searchResults.indexOf(htmlEntities(currentDictionary.words[i].name)) >= 0)) {
|
|
if (!currentDictionary.words[i].hasOwnProperty("pronunciation")) {
|
|
currentDictionary.words[i].pronunciation = ""; //Account for new property
|
|
}
|
|
if (!currentDictionary.words[i].hasOwnProperty("wordId")) {
|
|
currentDictionary.words[i].wordId = i + 1; //Account for new property
|
|
}
|
|
dictionaryText += DictionaryEntry(i);
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
dictionaryText = "There are no entries in the dictionary."
|
|
}
|
|
|
|
dictionaryArea.innerHTML = dictionaryText;
|
|
}
|
|
|
|
function DictionaryEntry(itemIndex) {
|
|
var entryText = "<entry><a name='" + currentDictionary.words[itemIndex].wordId + "'></a><a href='#" + currentDictionary.words[itemIndex].wordId + "' class='wordLink clickable'>🔗</a>";
|
|
|
|
var searchTerm = htmlEntities(document.getElementById("searchBox").value);
|
|
var searchRegEx = new RegExp(searchTerm, "gi");
|
|
|
|
entryText += "<word>" + ((searchTerm != "" && document.getElementById("searchOptionWord").checked) ? currentDictionary.words[itemIndex].name.replace(searchRegEx, "<searchTerm>" + searchTerm + "</searchterm>") : currentDictionary.words[itemIndex].name) + "</word>";
|
|
|
|
if (currentDictionary.words[itemIndex].pronunciation != "") {
|
|
entryText += "<pronunciation>" + markdown.toHTML(htmlEntitiesParse(currentDictionary.words[itemIndex].pronunciation)).replace("<p>","").replace("</p>","") + "</pronunciation>";
|
|
}
|
|
|
|
if (currentDictionary.words[itemIndex].partOfSpeech != "") {
|
|
entryText += "<partofspeech>" + currentDictionary.words[itemIndex].partOfSpeech + "</partofspeech>";
|
|
}
|
|
|
|
entryText += "<br>";
|
|
|
|
if (currentDictionary.words[itemIndex].simpleDefinition != "") {
|
|
entryText += "<simpledefinition>" + ((searchTerm != "" && document.getElementById("searchOptionSimple").checked) ? currentDictionary.words[itemIndex].simpleDefinition.replace(searchRegEx, "<searchTerm>" + searchTerm + "</searchterm>") : currentDictionary.words[itemIndex].simpleDefinition) + "</simpledefinition>";
|
|
}
|
|
|
|
if (currentDictionary.words[itemIndex].longDefinition != "") {
|
|
entryText += "<longdefinition>" + ((searchTerm != "" && document.getElementById("searchOptionLong").checked) ? markdown.toHTML(htmlEntitiesParse(currentDictionary.words[itemIndex].longDefinition)).replace(searchRegEx, "<searchTerm>" + searchTerm + "</searchterm>") : markdown.toHTML(htmlEntitiesParse(currentDictionary.words[itemIndex].longDefinition))) + "</longdefinition>";
|
|
}
|
|
|
|
if (!currentDictionary.settings.isComplete) {
|
|
entryText += ManagementArea(itemIndex);
|
|
}
|
|
|
|
entryText += "</entry>";
|
|
|
|
return entryText;
|
|
}
|
|
|
|
function ManagementArea(itemIndex) {
|
|
var managementHTML = "<div class='management'>";
|
|
|
|
managementHTML += "<span class='clickable editButton' onclick='EditWord(" + itemIndex + ")'>Edit</span>";
|
|
managementHTML += "<span class='clickable deleteButton' onclick='document.getElementById(\"delete" + itemIndex + "Confirm\").style.display = \"block\";'>Delete</span>";
|
|
|
|
managementHTML += "<div class='deleteConfirm' id='delete" + itemIndex + "Confirm' style='display:none;'>Are you sure you want to delete this entry?<br><br>";
|
|
managementHTML += "<span class='clickable deleteCancelButton' onclick='document.getElementById(\"delete" + itemIndex + "Confirm\").style.display = \"none\";'>No</span>";
|
|
managementHTML += "<span class='clickable deleteConfirmButton' onclick='DeleteWord(" + itemIndex + ")'>Yes</span>";
|
|
managementHTML += "</div>";
|
|
|
|
managementHTML += "</div>";
|
|
|
|
return managementHTML;
|
|
}
|
|
|
|
function SaveSettings() {
|
|
if (htmlEntities(document.getElementById("dictionaryNameEdit").value) != "") {
|
|
currentDictionary.name = htmlEntities(document.getElementById("dictionaryNameEdit").value);
|
|
}
|
|
|
|
currentDictionary.description = htmlEntities(document.getElementById("dictionaryDescriptionEdit").value);
|
|
|
|
CheckForPartsOfSpeechChange();
|
|
|
|
currentDictionary.settings.allowDuplicates = document.getElementById("dictionaryAllowDuplicates").checked;
|
|
currentDictionary.settings.caseSensitive = document.getElementById("dictionaryCaseSensitive").checked;
|
|
|
|
currentDictionary.settings.sortByEquivalent = document.getElementById("dictionarySortByEquivalent").checked;
|
|
|
|
currentDictionary.settings.isComplete = document.getElementById("dictionaryIsComplete").checked;
|
|
|
|
HideSettingsWhenComplete();
|
|
|
|
SaveAndUpdateDictionary(true);
|
|
}
|
|
|
|
function CheckForPartsOfSpeechChange () {
|
|
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != currentDictionary.settings.partsOfSpeech) {
|
|
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != "") {
|
|
currentDictionary.settings.partsOfSpeech = htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value);
|
|
SetPartsOfSpeech();
|
|
}
|
|
}
|
|
}
|
|
|
|
function EmptyWholeDictionary() {
|
|
if (confirm("This will delete the entire current dictionary. If you do not have a backed up export, you will lose it forever!\n\nDo you still want to delete?")) {
|
|
currentDictionary = JSON.parse(defaultDictionaryJSON);
|
|
SaveAndUpdateDictionary(false);
|
|
SetPartsOfSpeech();
|
|
HideSettings();
|
|
}
|
|
}
|
|
|
|
function SaveDictionary() {
|
|
localStorage.setItem('dictionary', JSON.stringify(currentDictionary));
|
|
//location.reload();
|
|
}
|
|
|
|
function LoadDictionary() {
|
|
if (localStorage.getItem('dictionary')) {
|
|
var tmpDictionary = JSON.parse(localStorage.getItem('dictionary'));
|
|
if (tmpDictionary.words.length > 0) {
|
|
currentDictionary = JSON.parse(localStorage.getItem('dictionary'));
|
|
}
|
|
tmpDictionary = null;
|
|
}
|
|
|
|
if (!currentDictionary.hasOwnProperty("nextWordId")) {
|
|
currentDictionary.nextWordId = currentDictionary.words.length + 1;
|
|
}
|
|
|
|
HideSettingsWhenComplete();
|
|
|
|
ShowDictionary();
|
|
|
|
SetPartsOfSpeech();
|
|
|
|
if (currentDictionary.settings.isComplete) {
|
|
document.getElementById("wordEntryForm").style.display = "none";
|
|
}
|
|
|
|
// Update search snapshot
|
|
//dictionarySearchSnapshot = Defiant.getSnapshot(currentDictionary);
|
|
}
|
|
|
|
function ExportDictionary() {
|
|
var downloadName = currentDictionary.name.replace(/\W/g, '');
|
|
if (downloadName == "") {
|
|
downloadName = "export";
|
|
}
|
|
download(downloadName + ".dict", localStorage.getItem('dictionary'));
|
|
}
|
|
|
|
function ImportDictionary() {
|
|
if (!window.FileReader) {
|
|
alert('Your browser is not supported');
|
|
return false;
|
|
}
|
|
|
|
var reader = new FileReader();
|
|
if (document.getElementById("importFile").files.length > 0) {
|
|
var file = document.getElementById("importFile").files[0];
|
|
// Read the file
|
|
reader.readAsText(file);
|
|
// When it's loaded, process it
|
|
reader.onloadend = function () {
|
|
if (reader.result && reader.result.length) {
|
|
var tmpDicitonary = JSON.parse(reader.result);
|
|
|
|
if (tmpDicitonary.hasOwnProperty("name") && tmpDicitonary.hasOwnProperty("description") &&
|
|
tmpDicitonary.hasOwnProperty("words") && tmpDicitonary.hasOwnProperty("settings"))
|
|
{
|
|
localStorage.setItem('dictionary', reader.result);
|
|
document.getElementById("importFile").value = "";
|
|
LoadDictionary();
|
|
HideSettings();
|
|
} else {
|
|
var errorString = "File is missing:";
|
|
if (!tmpDicitonary.hasOwnProperty("name"))
|
|
errorString += " name";
|
|
if (!tmpDicitonary.hasOwnProperty("description"))
|
|
errorString += " description";
|
|
if (!tmpDicitonary.hasOwnProperty("words"))
|
|
errorString += " words";
|
|
if (!tmpDicitonary.hasOwnProperty("settings"))
|
|
errorString += " settings";
|
|
alert("Uploaded file is not compatible.\n\n" + errorString);
|
|
}
|
|
|
|
tmpDicitonary = null;
|
|
} else {
|
|
alert("Upload Failed");
|
|
}
|
|
reader = null;
|
|
}
|
|
} else {
|
|
alert("You must add a file to import.");
|
|
}
|
|
}
|
|
|
|
function WordIndex(word) {
|
|
for (var i = 0; i < currentDictionary.words.length; i++)
|
|
{
|
|
if ((!currentDictionary.settings.caseSensitive && currentDictionary.words[i].name.toLowerCase() == word.toLowerCase()) ||
|
|
(currentDictionary.settings.caseSensitive && currentDictionary.words[i].name == word)) {
|
|
return i;
|
|
}
|
|
}
|
|
return -1;
|
|
}
|
|
|
|
function htmlEntities(string) {
|
|
return String(string).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, ''').replace(/\n/g, '<br>');
|
|
}
|
|
|
|
function htmlEntitiesParse(string) {
|
|
return String(string).replace(/&/g, '&').replace(/</g, '<').replace(/>/g, '>').replace(/"/g, '"').replace(/'/g, "'").replace(/<br>/g, '\n');
|
|
}
|
|
|
|
function dynamicSort(property) {
|
|
/* Retrieved from http://stackoverflow.com/a/4760279
|
|
Usage: theArray.sort(dynamicSort("objectProperty"));*/
|
|
var sortOrder = 1;
|
|
if (property[0] === "-") {
|
|
sortOrder = -1;
|
|
property = property.substr(1);
|
|
}
|
|
return function (a, b) {
|
|
var result = (a[property].toLowerCase() < b[property].toLowerCase()) ? -1 : (a[property].toLowerCase() > b[property].toLowerCase()) ? 1 : 0;
|
|
return result * sortOrder;
|
|
}
|
|
}
|
|
|
|
function download(filename, text) {
|
|
/* Retrieved from http://stackoverflow.com/a/18197341/3508346
|
|
Usage: download('test.txt', 'Hello world!');*/
|
|
var element = document.createElement('a');
|
|
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
|
|
element.setAttribute('download', filename);
|
|
|
|
element.style.display = 'none';
|
|
document.body.appendChild(element);
|
|
|
|
element.click();
|
|
|
|
document.body.removeChild(element);
|
|
} |