160 lines
7.8 KiB
HTML
160 lines
7.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<title>Dictionary Builder</title>
|
|
|
|
<link href="css/styles.css" rel="stylesheet" />
|
|
|
|
<!-- Markdown Parser -->
|
|
<script src="js/markdown-js/markdown.min.js"></script>
|
|
|
|
<!-- JSON Search -->
|
|
<script src="js/defiant-js/defiant-latest.min.js"></script>
|
|
|
|
<script src="js/dictionaryBuilder.js"></script>
|
|
<script src="js/ui.js"></script>
|
|
</head>
|
|
<body>
|
|
<contents>
|
|
<div id="notificationArea" style="display:none;">
|
|
<span id="notificationCloseButton" class="clickable" onclick="document.getElementById('notificationArea').style.display='none';">Close</span>
|
|
<div id="notificationMessage"></div>
|
|
</div>
|
|
<div id="leftColumn">
|
|
<form id="wordEntryForm">
|
|
<label><span>Word</span>
|
|
<input type="text" id="word" />
|
|
</label>
|
|
<label><span>Pronunciation <a class="helperlink" href="./ipa_character_picker/" target="_blank" title="IPA Character Picker backed up from http://r12a.github.io/pickers/ipa/">IPA Characters</a></span>
|
|
<input type="text" id="pronunciation" />
|
|
</label>
|
|
<label><span>Part of Speech</span>
|
|
<select id="partOfSpeech"></select>
|
|
</label>
|
|
<label><span>Equivalent Word(s)</span>
|
|
<input type="text" id="simpleDefinition" />
|
|
</label>
|
|
<label><span>Explanation/Long Definition</span>
|
|
<textarea id="longDefinition"></textarea>
|
|
</label>
|
|
<input type="hidden" id="editIndex" />
|
|
<span id="errorMessage"></span>
|
|
<div id="newWordButtonArea" style="display: block;">
|
|
<button type="button" onclick="AddWord(); return false;">Add Word</button>
|
|
</div>
|
|
<div id="editWordButtonArea" style="display: none;">
|
|
<button type="button" onclick="AddWord(); return false;">Edit Word</button> <button type="button" onclick="ClearForm(); window.scroll(savedScroll.x, savedScroll.y); return false;">Cancel</button>
|
|
</div>
|
|
<div id="updateConflict" style="display: none;"></div>
|
|
</form>
|
|
|
|
</div>
|
|
|
|
<div id="dictionaryContainer">
|
|
<span id="settingsButton" class="clickable" onclick="ShowSettings()">Settings</span>
|
|
|
|
<h1 id="dictionaryName"></h1>
|
|
|
|
<span id="descriptionToggle" onclick="ToggleDescription();">Show Description</span>
|
|
<div id="dictionaryDescription" style="display:none;"></div>
|
|
|
|
<div id="searchArea" style="display:block;">
|
|
<label style="margin-top:10px;">
|
|
<span>Search</span>
|
|
<div style="display:block;">
|
|
<input type="text" id="searchBox" onclick="this.select();" onchange="ShowDictionary()" style="display:inline;" />
|
|
<span style="display:inline;cursor:pointer;font-size:10px;font-weight:bold;" onclick="document.getElementById('searchBox').value='';ShowDictionary();">Clear Search</span>
|
|
</div>
|
|
<div id="searchOptions" style="font-size:12px;">
|
|
<label style="display:inline;margin:0;">Word <input type="checkbox" id="searchOptionWord" checked="checked" onchange="ShowDictionary()" /></label>
|
|
<label style="display:inline;margin:0;">Equivalent <input type="checkbox" id="searchOptionSimple" checked="checked" onchange="ShowDictionary()" /></label>
|
|
<label style="display:inline;margin:0;">Explanation <input type="checkbox" id="searchOptionLong" checked="checked" onchange="ShowDictionary()" /></label>
|
|
</div>
|
|
</label>
|
|
</div>
|
|
|
|
<label style="display:block;"><b>Filter Words </b><select id="wordFilter" onchange="ShowDictionary()">
|
|
<option value="">All</option>
|
|
</select>
|
|
</label>
|
|
|
|
<div id="theDictionary"></div>
|
|
</div>
|
|
|
|
<div id="settingsScreen" style="display:none;">
|
|
<div id="settingsBackgroundFade" onclick="HideSettings()"></div>
|
|
<div id="settingsOptions">
|
|
<span id="settingsScreenCloseButton" class="clickable" onclick="HideSettings()">Close</span>
|
|
<h2>Dictionary Settings</h2>
|
|
<form id="settingsForm">
|
|
<div class="settingsCol">
|
|
<div id="hideIfComplete">
|
|
<label>
|
|
<span>Dictionary Name</span>
|
|
<input type="text" id="dictionaryNameEdit" />
|
|
</label>
|
|
<label><span>Dictionary Description/Rules</span>
|
|
<textarea id="dictionaryDescriptionEdit"></textarea>
|
|
</label>
|
|
<label>
|
|
<span>Parts of Speech</span>
|
|
<input type="text" id="dictionaryPartsOfSpeechEdit" />
|
|
</label>
|
|
<label>
|
|
<span class="checkboxlabel">Allow Duplicates</span>
|
|
<input type="checkbox" id="dictionaryAllowDuplicates" onchange="ToggleCaseSensitiveOption()" />
|
|
<label>
|
|
<span class="checkboxlabel">Case-Sensitive</span>
|
|
<input type="checkbox" id="dictionaryCaseSensitive" />
|
|
</label>
|
|
</label>
|
|
<label class="inline">
|
|
<span class="checkboxlabel">Sort by Equivalent Word</span>
|
|
<input type="checkbox" id="dictionarySortByEquivalent" />
|
|
</label> <span class="helperlink clickable" onclick='alert("By default, your dictionary is organized alphabetically by word. Checking this box will organize it by the \"Equivalent Word\" field instead");'>?</span>
|
|
</div>
|
|
<br>
|
|
<label>
|
|
<span class="checkboxlabel">Dictionary is Complete</span>
|
|
<input type="checkbox" id="dictionaryIsComplete" />
|
|
</label>
|
|
</div>
|
|
<div class="settingsCol">
|
|
<label>
|
|
<b>Total Entries:</b> <i id="numberOfWordsInDictionary"></i>
|
|
</label>
|
|
<label><button type="button" onclick="ExportDictionary()" style="cursor:pointer;">Export Current Dictionary</button></label>
|
|
<label>
|
|
<span>Import Dictionary</span>
|
|
<input type="file" id="importFile" />
|
|
<button type="button" onclick="ImportDictionary(); return false;">Import</button>
|
|
</label>
|
|
<label><button type="button" onclick="EmptyWholeDictionary()" style="cursor:pointer;">Empty Current Dictionary</button></label>
|
|
</div>
|
|
<div id="settingsSaveButtons">
|
|
<span id="settingsErrorMessage"></span><br>
|
|
<button type="button" onclick="SaveSettings(); HideSettings(); return false;">Save and Close</button>
|
|
<button type="button" onclick="SaveSettings(); return false;">Save</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="aboutScreen" style="display:none;">
|
|
<div id="aboutBackgroundFade" onclick="HideAbout()"></div>
|
|
<div id="aboutPage">
|
|
<span id="aboutScreenCloseButton" class="clickable" onclick="HideAbout()">Close</span>
|
|
<div id="aboutText"></div>
|
|
</div>
|
|
</div>
|
|
</contents>
|
|
<footer>
|
|
<span id="aboutButton" class="clickable" onclick="ShowAbout()">About Dictionary Builder</span>
|
|
Dictionary Builder only guaranteed to work with most up-to-date HTML5 browsers.
|
|
</footer>
|
|
</body>
|
|
</html>
|