98 lines
4.2 KiB
HTML
98 lines
4.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>Dictionary Builder</title>
|
|
|
|
<link href="css/styles.css" rel="stylesheet" />
|
|
<script src="js/dictionaryBuilder.js"></script>
|
|
</head>
|
|
<body>
|
|
<form id="wordEntryForm">
|
|
<label><span>Word</span>
|
|
<input type="text" id="word" />
|
|
</label>
|
|
<label><span>Equivalent Word</span>
|
|
<input type="text" id="simpleDefinition" />
|
|
</label>
|
|
<label><span>Explanation</span>
|
|
<textarea id="longDefinition"></textarea>
|
|
</label>
|
|
<label><span>Part of Speech</span>
|
|
<select id="partOfSpeech">
|
|
<!--
|
|
<option value="noun">Noun</option>
|
|
<option value="adjective">Adjective</option>
|
|
<option value="verb">Verb</option>
|
|
<option value="adverb">Adverb</option>
|
|
<option value="preposition">Preposition</option>
|
|
<option value="pronoun">Pronoun</option>
|
|
<option value="conjunction">Conjunction</option>
|
|
-->
|
|
</select>
|
|
</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(); return false;">Cancel</button>
|
|
</div>
|
|
<div id="updateConflict" style="display: none;"></div>
|
|
</form>
|
|
|
|
<div id="dictionaryContainer">
|
|
<span id="settingsButton" onclick="ShowSettings()">Settings</span>
|
|
<h2 id="dictionaryName"></h2>
|
|
|
|
<label><b>Filter </b><select id="wordFilter" onchange="UpdateFilter()">
|
|
<option value="">All</option>
|
|
</select>
|
|
</label>
|
|
|
|
<div id="theDictionary"></div>
|
|
</div>
|
|
|
|
<div id="settingsScreen" style="display:none;">
|
|
<div id="settingsBackgroundFade"></div>
|
|
<div id="settingsOptions">
|
|
<span id="settingsScreenCloseButton" onclick="HideSettings()">Close</span>
|
|
<h2>Dictionary Settings</h2>
|
|
<form id="settingsForm">
|
|
<div class="settingsCol">
|
|
<label>
|
|
<span>Dictionary name</span>
|
|
<input type="text" id="dictionaryNameEdit" />
|
|
</label>
|
|
<label>
|
|
<span>Parts of Speech</span>
|
|
<input type="text" id="dictionaryPartsOfSpeechEdit" />
|
|
</label>
|
|
<label>
|
|
<span>Dictionary is complete</span>
|
|
<input type="checkbox" id="dictionaryIsComplete" />
|
|
</label>
|
|
</div>
|
|
<div class="settingsCol">
|
|
<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>
|
|
|
|
<footer>Version <script>document.write(currentVersion);</script>. Dictionary Builder only guaranteed to work with most up-to-date HTML5 browsers.</footer>
|
|
</body>
|
|
</html>
|