Split out UI-related functions into a separate file.
This commit is contained in:
parent
061a9f9929
commit
996874a38f
|
@ -15,6 +15,7 @@
|
||||||
<script src="js/defiant-js/defiant-latest.min.js"></script>
|
<script src="js/defiant-js/defiant-latest.min.js"></script>
|
||||||
|
|
||||||
<script src="js/dictionaryBuilder.js"></script>
|
<script src="js/dictionaryBuilder.js"></script>
|
||||||
|
<script src="js/ui.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="leftColumn">
|
<div id="leftColumn">
|
||||||
|
|
|
@ -180,24 +180,6 @@ function DeleteWord(index) {
|
||||||
SaveAndUpdateDictionary(true);
|
SaveAndUpdateDictionary(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
function CloseUpdateConflictArea() {
|
|
||||||
document.getElementById("updateConflict").style.display = "none";
|
|
||||||
}
|
|
||||||
|
|
||||||
function ClearForm() {
|
|
||||||
document.getElementById("word").value = "";
|
|
||||||
document.getElementById("pronunciation").value = "";
|
|
||||||
document.getElementById("partOfSpeech").value = "";
|
|
||||||
document.getElementById("simpleDefinition").value = "";
|
|
||||||
document.getElementById("longDefinition").value = "";
|
|
||||||
document.getElementById("editIndex").value = "";
|
|
||||||
|
|
||||||
document.getElementById("newWordButtonArea").style.display = "block";
|
|
||||||
document.getElementById("editWordButtonArea").style.display = "none";
|
|
||||||
document.getElementById("errorMessage").innerHTML = "";
|
|
||||||
document.getElementById("updateConflict").style.display = "none";
|
|
||||||
}
|
|
||||||
|
|
||||||
function UpdateFilter() {
|
function UpdateFilter() {
|
||||||
ShowDictionary();
|
ShowDictionary();
|
||||||
}
|
}
|
||||||
|
@ -251,19 +233,6 @@ function ShowDictionary() {
|
||||||
dictionaryArea.innerHTML = dictionaryText;
|
dictionaryArea.innerHTML = dictionaryText;
|
||||||
}
|
}
|
||||||
|
|
||||||
function ToggleDescription() {
|
|
||||||
var descriptionToggle = document.getElementById("descriptionToggle");
|
|
||||||
var descriptionArea = document.getElementById("dictionaryDescription");
|
|
||||||
|
|
||||||
if (descriptionArea.style.display == "none") {
|
|
||||||
descriptionArea.style.display = "block";
|
|
||||||
descriptionToggle.innerHTML = "Hide Description";
|
|
||||||
} else {
|
|
||||||
descriptionArea.style.display = "none";
|
|
||||||
descriptionToggle.innerHTML = "Show Description";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function DictionaryEntry(itemIndex) {
|
function DictionaryEntry(itemIndex) {
|
||||||
var entryText = "<entry><a name='" + currentDictionary.words[itemIndex].wordId + "'></a><a href='#" + currentDictionary.words[itemIndex].wordId + "' class='wordLink clickable'>🔗</a>";
|
var entryText = "<entry><a name='" + currentDictionary.words[itemIndex].wordId + "'></a><a href='#" + currentDictionary.words[itemIndex].wordId + "' class='wordLink clickable'>🔗</a>";
|
||||||
|
|
||||||
|
@ -315,34 +284,6 @@ function ManagementArea(itemIndex) {
|
||||||
return managementHTML;
|
return managementHTML;
|
||||||
}
|
}
|
||||||
|
|
||||||
function ShowAbout() {
|
|
||||||
document.getElementById("aboutScreen").style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
function HideAbout() {
|
|
||||||
document.getElementById("aboutScreen").style.display = "none";
|
|
||||||
}
|
|
||||||
|
|
||||||
function ToggleCaseSensitiveOption() {
|
|
||||||
if (document.getElementById("dictionaryAllowDuplicates").checked) {
|
|
||||||
document.getElementById("dictionaryCaseSensitive").disabled = true;
|
|
||||||
} else {
|
|
||||||
document.getElementById("dictionaryCaseSensitive").disabled = false;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function ShowSettings() {
|
|
||||||
document.getElementById("settingsScreen").style.display = "block";
|
|
||||||
document.getElementById("dictionaryNameEdit").value = htmlEntitiesParse(currentDictionary.name);
|
|
||||||
document.getElementById("dictionaryDescriptionEdit").value = htmlEntitiesParse(currentDictionary.description);
|
|
||||||
document.getElementById("dictionaryPartsOfSpeechEdit").value = htmlEntitiesParse(currentDictionary.settings.partsOfSpeech);
|
|
||||||
document.getElementById("dictionaryAllowDuplicates").checked = currentDictionary.settings.allowDuplicates;
|
|
||||||
document.getElementById("dictionaryCaseSensitive").checked = currentDictionary.settings.caseSensitive;
|
|
||||||
document.getElementById("dictionarySortByEquivalent").checked = currentDictionary.settings.sortByEquivalent;
|
|
||||||
document.getElementById("dictionaryIsComplete").checked = currentDictionary.settings.isComplete;
|
|
||||||
document.getElementById("numberOfWordsInDictionary").innerHTML = currentDictionary.words.length.toString();
|
|
||||||
}
|
|
||||||
|
|
||||||
function SaveSettings() {
|
function SaveSettings() {
|
||||||
if (htmlEntities(document.getElementById("dictionaryNameEdit").value) != "") {
|
if (htmlEntities(document.getElementById("dictionaryNameEdit").value) != "") {
|
||||||
currentDictionary.name = htmlEntities(document.getElementById("dictionaryNameEdit").value);
|
currentDictionary.name = htmlEntities(document.getElementById("dictionaryNameEdit").value);
|
||||||
|
@ -364,14 +305,6 @@ function SaveSettings() {
|
||||||
SaveAndUpdateDictionary(true);
|
SaveAndUpdateDictionary(true);
|
||||||
}
|
}
|
||||||
|
|
||||||
function HideSettingsWhenComplete() {
|
|
||||||
if (currentDictionary.settings.isComplete) {
|
|
||||||
document.getElementById("hideIfComplete").style.display = "none";
|
|
||||||
} else {
|
|
||||||
document.getElementById("hideIfComplete").style.display = "block";
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function CheckForPartsOfSpeechChange () {
|
function CheckForPartsOfSpeechChange () {
|
||||||
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != currentDictionary.settings.partsOfSpeech) {
|
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != currentDictionary.settings.partsOfSpeech) {
|
||||||
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != "") {
|
if (htmlEntities(document.getElementById("dictionaryPartsOfSpeechEdit").value) != "") {
|
||||||
|
@ -381,34 +314,6 @@ function CheckForPartsOfSpeechChange () {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
function SetPartsOfSpeech () {
|
|
||||||
var partsOfSpeechSelect = document.getElementById("partOfSpeech");
|
|
||||||
var wordFilterSelect = document.getElementById("wordFilter");
|
|
||||||
if (partsOfSpeechSelect.options.length > 0) {
|
|
||||||
for (var i = partsOfSpeechSelect.options.length - 1; i >= 0; i--) {
|
|
||||||
partsOfSpeechSelect.removeChild(partsOfSpeechSelect.options[i]);
|
|
||||||
wordFilterSelect.removeChild(wordFilterSelect.options[i + 1]);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
var newPartsOfSpeech = htmlEntitiesParse(currentDictionary.settings.partsOfSpeech).trim().split(",");
|
|
||||||
for (var j = 0; j < newPartsOfSpeech.length; j++) {
|
|
||||||
var partOfSpeechOption = document.createElement('option');
|
|
||||||
partOfSpeechOption.appendChild(document.createTextNode(newPartsOfSpeech[j].trim()));
|
|
||||||
partOfSpeechOption.value = newPartsOfSpeech[j].trim();
|
|
||||||
partsOfSpeechSelect.appendChild(partOfSpeechOption);
|
|
||||||
|
|
||||||
var wordFilterOption = document.createElement('option');
|
|
||||||
wordFilterOption.appendChild(document.createTextNode(newPartsOfSpeech[j].trim()));
|
|
||||||
wordFilterOption.value = newPartsOfSpeech[j].trim();
|
|
||||||
wordFilterSelect.appendChild(wordFilterOption);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function HideSettings() {
|
|
||||||
document.getElementById("settingsScreen").style.display = "none";
|
|
||||||
document.getElementById("wordEntryForm").style.display = (currentDictionary.settings.isComplete) ? "none" : "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
function EmptyWholeDictionary() {
|
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?")) {
|
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);
|
currentDictionary = JSON.parse(defaultDictionaryJSON);
|
||||||
|
|
|
@ -0,0 +1,94 @@
|
||||||
|
function CloseUpdateConflictArea() {
|
||||||
|
document.getElementById("updateConflict").style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
function ClearForm() {
|
||||||
|
document.getElementById("word").value = "";
|
||||||
|
document.getElementById("pronunciation").value = "";
|
||||||
|
document.getElementById("partOfSpeech").value = "";
|
||||||
|
document.getElementById("simpleDefinition").value = "";
|
||||||
|
document.getElementById("longDefinition").value = "";
|
||||||
|
document.getElementById("editIndex").value = "";
|
||||||
|
|
||||||
|
document.getElementById("newWordButtonArea").style.display = "block";
|
||||||
|
document.getElementById("editWordButtonArea").style.display = "none";
|
||||||
|
document.getElementById("errorMessage").innerHTML = "";
|
||||||
|
document.getElementById("updateConflict").style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
function ToggleDescription() {
|
||||||
|
var descriptionToggle = document.getElementById("descriptionToggle");
|
||||||
|
var descriptionArea = document.getElementById("dictionaryDescription");
|
||||||
|
|
||||||
|
if (descriptionArea.style.display == "none") {
|
||||||
|
descriptionArea.style.display = "block";
|
||||||
|
descriptionToggle.innerHTML = "Hide Description";
|
||||||
|
} else {
|
||||||
|
descriptionArea.style.display = "none";
|
||||||
|
descriptionToggle.innerHTML = "Show Description";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function ShowAbout() {
|
||||||
|
document.getElementById("aboutScreen").style.display = "block";
|
||||||
|
}
|
||||||
|
|
||||||
|
function HideAbout() {
|
||||||
|
document.getElementById("aboutScreen").style.display = "none";
|
||||||
|
}
|
||||||
|
|
||||||
|
function ToggleCaseSensitiveOption() {
|
||||||
|
if (document.getElementById("dictionaryAllowDuplicates").checked) {
|
||||||
|
document.getElementById("dictionaryCaseSensitive").disabled = true;
|
||||||
|
} else {
|
||||||
|
document.getElementById("dictionaryCaseSensitive").disabled = false;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function ShowSettings() {
|
||||||
|
document.getElementById("settingsScreen").style.display = "block";
|
||||||
|
document.getElementById("dictionaryNameEdit").value = htmlEntitiesParse(currentDictionary.name);
|
||||||
|
document.getElementById("dictionaryDescriptionEdit").value = htmlEntitiesParse(currentDictionary.description);
|
||||||
|
document.getElementById("dictionaryPartsOfSpeechEdit").value = htmlEntitiesParse(currentDictionary.settings.partsOfSpeech);
|
||||||
|
document.getElementById("dictionaryAllowDuplicates").checked = currentDictionary.settings.allowDuplicates;
|
||||||
|
document.getElementById("dictionaryCaseSensitive").checked = currentDictionary.settings.caseSensitive;
|
||||||
|
document.getElementById("dictionarySortByEquivalent").checked = currentDictionary.settings.sortByEquivalent;
|
||||||
|
document.getElementById("dictionaryIsComplete").checked = currentDictionary.settings.isComplete;
|
||||||
|
document.getElementById("numberOfWordsInDictionary").innerHTML = currentDictionary.words.length.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
function HideSettingsWhenComplete() {
|
||||||
|
if (currentDictionary.settings.isComplete) {
|
||||||
|
document.getElementById("hideIfComplete").style.display = "none";
|
||||||
|
} else {
|
||||||
|
document.getElementById("hideIfComplete").style.display = "block";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function SetPartsOfSpeech () {
|
||||||
|
var partsOfSpeechSelect = document.getElementById("partOfSpeech");
|
||||||
|
var wordFilterSelect = document.getElementById("wordFilter");
|
||||||
|
if (partsOfSpeechSelect.options.length > 0) {
|
||||||
|
for (var i = partsOfSpeechSelect.options.length - 1; i >= 0; i--) {
|
||||||
|
partsOfSpeechSelect.removeChild(partsOfSpeechSelect.options[i]);
|
||||||
|
wordFilterSelect.removeChild(wordFilterSelect.options[i + 1]);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
var newPartsOfSpeech = htmlEntitiesParse(currentDictionary.settings.partsOfSpeech).trim().split(",");
|
||||||
|
for (var j = 0; j < newPartsOfSpeech.length; j++) {
|
||||||
|
var partOfSpeechOption = document.createElement('option');
|
||||||
|
partOfSpeechOption.appendChild(document.createTextNode(newPartsOfSpeech[j].trim()));
|
||||||
|
partOfSpeechOption.value = newPartsOfSpeech[j].trim();
|
||||||
|
partsOfSpeechSelect.appendChild(partOfSpeechOption);
|
||||||
|
|
||||||
|
var wordFilterOption = document.createElement('option');
|
||||||
|
wordFilterOption.appendChild(document.createTextNode(newPartsOfSpeech[j].trim()));
|
||||||
|
wordFilterOption.value = newPartsOfSpeech[j].trim();
|
||||||
|
wordFilterSelect.appendChild(wordFilterOption);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function HideSettings() {
|
||||||
|
document.getElementById("settingsScreen").style.display = "none";
|
||||||
|
document.getElementById("wordEntryForm").style.display = (currentDictionary.settings.isComplete) ? "none" : "block";
|
||||||
|
}
|
Loading…
Reference in New Issue