2015-10-26 05:41:25 +01:00
<! DOCTYPE html >
< html >
< head >
< meta charset = " utf-8 " />
2015-10-28 23:11:33 +01:00
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
2015-10-26 22:50:09 +01:00
< title > Dictionary Builder </ title >
2015-10-26 05:41:25 +01:00
< link href = " css/styles.css " rel = " stylesheet " />
2015-10-28 22:53:59 +01:00
<!-- Markdown Parser -->
< script src = " js/markdown-js/markdown.min.js " ></ script >
2015-10-30 20:23:04 +01:00
<!-- JSON Search -->
< script src = " js/defiant-js/defiant-latest.min.js " ></ script >
2015-10-26 05:41:25 +01:00
< script src = " js/dictionaryBuilder.js " ></ script >
2015-11-08 00:33:29 +01:00
< script src = " js/ui.js " ></ script >
2015-10-26 05:41:25 +01:00
</ head >
< body >
2015-10-28 22:53:59 +01:00
< div id = " leftColumn " >
2015-10-26 22:50:09 +01:00
< form id = " wordEntryForm " >
2015-10-26 05:41:25 +01:00
< label >< span > Word </ span >
< input type = " text " id = " word " />
</ label >
2015-11-07 18:40:28 +01:00
< 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 >
2015-11-07 07:51:44 +01:00
< input type = " text " id = " pronunciation " />
</ label >
< label >< span > Part of Speech </ span >
< select id = " partOfSpeech " ></ select >
</ label >
2015-11-07 18:40:28 +01:00
< label >< span > Equivalent Word ( s ) </ span >
2015-10-26 05:41:25 +01:00
< input type = " text " id = " simpleDefinition " />
</ label >
2015-11-07 18:40:28 +01:00
< label >< span > Explanation / Long Definition </ span >
2015-10-26 05:41:25 +01:00
< textarea id = " longDefinition " ></ textarea >
</ label >
2015-10-26 22:50:09 +01:00
< 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; " >
2015-10-28 22:53:59 +01:00
< 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 >
2015-10-26 22:50:09 +01:00
</ div >
< div id = " updateConflict " style = " display: none; " ></ div >
2015-10-26 05:41:25 +01:00
</ form >
2015-10-30 20:23:04 +01:00
2015-10-28 22:53:59 +01:00
</ div >
2015-10-26 05:41:25 +01:00
< div id = " dictionaryContainer " >
2015-10-28 22:53:59 +01:00
< span id = " settingsButton " class = " clickable " onclick = " ShowSettings() " > Settings </ span >
2015-11-07 07:51:44 +01:00
< h1 id = " dictionaryName " ></ h1 >
2015-10-28 05:54:27 +01:00
2015-10-28 22:53:59 +01:00
< span id = " descriptionToggle " onclick = " ToggleDescription(); " > Show Description </ span >
< div id = " dictionaryDescription " style = " display:none; " ></ div >
2015-10-30 20:23:04 +01:00
< div id = " searchArea " style = " display:block; " >
< label style = " margin-top:10px; " >
< span > Search </ span >
2015-10-30 23:45:29 +01:00
< div style = " display:block; " >
< input type = " text " id = " searchBox " onclick = " this.select(); " onchange = " ShowDictionary() " style = " display:inline; " />& nbsp ;
< span style = " display:inline;cursor:pointer;font-size:10px;font-weight:bold; " onclick = " document.getElementById('searchBox').value='';ShowDictionary(); " > Clear Search </ span >
</ div >
2015-10-30 20:23:04 +01:00
< div id = " searchOptions " style = " font-size:12px; " >
2015-10-30 22:56:05 +01:00
< label style = " display:inline;margin:0; " > Word < input type = " checkbox " id = " searchOptionWord " checked = " checked " onchange = " ShowDictionary() " /></ label >& nbsp ; & nbsp ;
< label style = " display:inline;margin:0; " > Equivalent < input type = " checkbox " id = " searchOptionSimple " checked = " checked " onchange = " ShowDictionary() " /></ label >& nbsp ; & nbsp ;
< label style = " display:inline;margin:0; " > Explanation < input type = " checkbox " id = " searchOptionLong " checked = " checked " onchange = " ShowDictionary() " /></ label >
2015-10-30 20:23:04 +01:00
</ div >
</ label >
</ div >
2015-10-30 22:56:05 +01:00
< label style = " display:block; " >< b > Filter Words </ b >< select id = " wordFilter " onchange = " ShowDictionary() " >
2015-10-28 05:54:27 +01:00
< option value = " " > All </ option >
</ select >
</ label >
2015-10-26 05:41:25 +01:00
< div id = " theDictionary " ></ div >
</ div >
2015-10-26 22:50:09 +01:00
< div id = " settingsScreen " style = " display:none; " >
2015-10-28 22:53:59 +01:00
< div id = " settingsBackgroundFade " onclick = " HideSettings() " ></ div >
2015-10-27 23:36:24 +01:00
< div id = " settingsOptions " >
2015-10-28 22:53:59 +01:00
< span id = " settingsScreenCloseButton " class = " clickable " onclick = " HideSettings() " > Close </ span >
2015-10-27 23:36:24 +01:00
< h2 > Dictionary Settings </ h2 >
< form id = " settingsForm " >
< div class = " settingsCol " >
2015-10-30 18:38:41 +01:00
< div id = " hideIfComplete " >
2015-10-27 23:36:24 +01:00
< label >
2015-10-30 18:38:41 +01:00
< span > Dictionary Name </ span >
2015-10-27 23:36:24 +01:00
< input type = " text " id = " dictionaryNameEdit " />
</ label >
2015-10-28 06:41:01 +01:00
< label >< span > Dictionary Description / Rules </ span >
< textarea id = " dictionaryDescriptionEdit " ></ textarea >
</ label >
2015-10-27 23:36:24 +01:00
< label >
< span > Parts of Speech </ span >
< input type = " text " id = " dictionaryPartsOfSpeechEdit " />
</ label >
< label >
2015-10-30 18:38:41 +01:00
< 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 >
2015-11-07 18:40:28 +01:00
< 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 >
2015-10-30 18:38:41 +01:00
</ div >
2015-11-07 18:40:28 +01:00
< br >
2015-10-30 18:38:41 +01:00
< label >
< span class = " checkboxlabel " > Dictionary is Complete </ span >
2015-10-27 23:36:24 +01:00
< input type = " checkbox " id = " dictionaryIsComplete " />
</ label >
</ div >
< div class = " settingsCol " >
2015-10-30 20:23:04 +01:00
< label >
< b > Total Entries :</ b > < i id = " numberOfWordsInDictionary " ></ i >
</ label >
2015-10-27 23:36:24 +01:00
< 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 >
2015-10-26 22:50:09 +01:00
</ div >
2015-10-27 20:16:23 +01:00
2015-10-28 22:53:59 +01:00
< div id = " aboutScreen " style = " display:none; " >
< div id = " aboutBackgroundFade " onclick = " HideAbout() " ></ div >
< div id = " aboutPage " >
< span id = " aboutScreenCloseButton " class = " clickable " onclick = " HideAbout() " > Close </ span >
2015-10-30 23:13:13 +01:00
< div id = " aboutText " ></ div >
2015-10-28 22:53:59 +01:00
</ div >
</ div >
2015-10-30 20:23:04 +01:00
< footer >
< span id = " aboutButton " class = " clickable " onclick = " ShowAbout() " > About Dictionary Builder </ span >
Version < script > document . write ( currentVersion ); </ script >. Dictionary Builder only guaranteed to work with most up - to - date HTML5 browsers .
</ footer >
2015-10-26 05:41:25 +01:00
</ body >
</ html >