Alamantus/lexiconga-lite
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity
lexiconga-lite/index.html

318 lines
12 KiB
HTML
Raw Normal View History

Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Lexiconga</title>
<script src="src/index.js"></script>
</head>
<body>
<header id="top">
<h1 id="title">Lexiconga</h1>
Create settings modal structure
2019-05-08 13:01:39 -06:00
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<input id="openSearchModal" placeholder="🔍&#xFE0E; Search"> <span id="searchResults"></span>
Set up search modal
2019-05-03 13:59:52 -06:00
<section id="searchModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content">
<a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
<section>
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<label>Search Term
Set up search modal
2019-05-03 13:59:52 -06:00
<input id="searchBox" placeholder="Search term">
</label>
<a id="searchButton" class="small button">Search</a>
<a id="clearSearchButton" class="small red button">Clear</a>
<a class="small button" onclick="var options=document.getElementById('searchOptions').style;options.display=options.display=='block'?'none':'block';">
Toggle Options
</a>
</section>
<footer id="searchOptions" style="display:none;">
Add searching by case sensitive and exact
2019-05-07 10:41:26 -06:00
<div class="split">
<div class="quarter category">
<h3>Search For</h3>
</div>
<div class="three-quarter options">
<label>Case-Sensitive
<input type="checkbox" id="searchCaseSensitive">
</label>
Add Ignore Diacritics search option
2019-05-08 14:09:00 -06:00
<label>Ignore Diacritics/Accents
<input type="checkbox" id="searchIgnoreDiacritics">
</label>
Add searching by case sensitive and exact
2019-05-07 10:41:26 -06:00
<label>Exact Words
<input type="checkbox" id="searchExactWords">
</label>
</div>
</div>
Set up search modal
2019-05-03 13:59:52 -06:00
<div class="split">
<div class="quarter category">
<h3>Include in Search</h3>
</div>
<div class="three-quarter options">
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<label>Word Name
Set up search modal
2019-05-03 13:59:52 -06:00
<input type="checkbox" checked id="searchIncludeName">
</label>
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<label>Definition
Set up search modal
2019-05-03 13:59:52 -06:00
<input type="checkbox" checked id="searchIncludeDefinition">
</label>
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<label>Details
Set up search modal
2019-05-03 13:59:52 -06:00
<input type="checkbox" checked id="searchIncludeDetails">
</label>
</div>
</div>
Add search filters and search result count
2019-05-05 12:00:32 -06:00
<div class="split">
<div class="quarter category">
<h3>Include Only</h3>
</div>
<div class="three-quarter options" id="searchPartsOfSpeech"></div>
</div>
Set up search modal
2019-05-03 13:59:52 -06:00
</footer>
</div>
</section>
Create settings modal structure
2019-05-08 13:01:39 -06:00
<a id="settingsButton" class="button">Settings</a>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</header>
<main>
<aside id="sideColumn">
Make mobile styling!
2019-05-07 17:34:07 -06:00
<div id="mobileWordFormShow">+</div>
Add words to dictionary with validation
2019-05-03 16:10:41 -06:00
<form id="wordForm">
<label>Word<span class="red">*</span><br>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
<input id="wordName">
</label>
Add IPA table modal; update maximize modal
2019-05-09 12:47:42 -06:00
<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
Make IPA fields use KeyboardFire/phondue
2019-05-09 13:55:49 -06:00
<input id="wordPronunciation" class="ipa-field"><br>
Add IPA table modal; update maximize modal
2019-05-09 12:47:42 -06:00
<a class="label-help-button ipa-field-help-button">Field Help</a>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
</label>
<label>Part of Speech<br>
Add render funciton fo populate parts of speech
2019-05-03 11:45:26 -06:00
<select id="wordPartOfSpeech" class="part-of-speech-select"></select>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
</label>
Add words to dictionary with validation
2019-05-03 16:10:41 -06:00
<label>Definition<span class="red">*</span><br>
Add render funciton fo populate parts of speech
2019-05-03 11:45:26 -06:00
<input id="wordDefinition" placeholder="Equivalent words">
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
</label>
Get maximize buttons working correctly
2019-05-07 14:31:54 -06:00
<label>Details<span class="red">*</span><a class="label-button maximize-button">Maximize</a><br>
Add render funciton fo populate parts of speech
2019-05-03 11:45:26 -06:00
<textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</label>
Add words to dictionary with validation
2019-05-03 16:10:41 -06:00
<div id="wordErrorMessage"></div>
<a class="button" id="addWordButton">Add Word</a>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</form>
</aside>
<section id="mainColumn">
<section id="detailsSection">
Create renderer for when dictionary details change
2019-05-03 10:34:11 -06:00
<h2 id="dictionaryName">Dictionary Name</h2>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
<nav>
<ul>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<li>Description</li><li>Details</li><li>Stats</li><li id="editDictionaryButton">Edit</li>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</ul>
</nav>
Start working on details panel
2019-05-02 15:45:10 -06:00
<article id="detailsPanel" style="display:none;">
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
<p>The dictionary details</p>
</article>
</section>
Create pagination and random word generator utility
2019-05-06 16:28:51 -06:00
<section class="pagination"></section>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
<section id="entries">
<article class="entry">
<header>
Create pagination and random word generator utility
2019-05-06 16:28:51 -06:00
<h4 class="word">Loading Words</h4>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</header>
<dl>
Create pagination and random word generator utility
2019-05-06 16:28:51 -06:00
<dt class="definition">Please Wait...</dt>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</dl>
</article>
</section>
Create pagination and random word generator utility
2019-05-06 16:28:51 -06:00
<section class="pagination"></section>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</section>
</main>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
<footer id="bottom">
Add info modals for help, terms, and privacy; update footer links
2019-05-08 11:57:08 -06:00
<a href="https://buymeacoff.ee/robbieantenesse" target="_blank" class="small button">Support Lexiconga</a>
<a href="https://blog.lexicon.ga" target="_blank" class="small button">Blog</a>
<a href="https://github.com/Alamantus/Lexiconga/issues" target="_blank" class="small button">Issues</a>
<a href="https://github.com/Alamantus/Lexiconga/releases" target="_blank" class="small button">Updates</a>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
|
Add info modals for help, terms, and privacy; update footer links
2019-05-08 11:57:08 -06:00
<a class="button" id="helpInfoButton">Help</a>
<a class="button" id="termsInfoButton">Terms</a>
<a class="button" id="privacyInfoButton">Privacy</a>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</footer>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
Create settings modal structure
2019-05-08 13:01:39 -06:00
<section id="settingsModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content">
<a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
<section>
Style the settings modal a bit better
2019-05-10 10:37:46 -06:00
<form class="split two">
<div>
<label>Use IPA Auto-Fill
<input id="settingsUseIPA" type="checkbox" checked><br />
<small>Check this to use character combinations to input International Phonetic Alphabet characters into
Pronunciation fields.</small>
</label>
<label>Theme
<select disabled>
<option selected value="default">Default</option>
<option value="dark">Dark</option>
<option value="light">Light</option>
<option value="blue">Blue</option>
<option value="green">Green</option>
<option value="royal">Royal</option>
</select>
</label>
</div>
<div id="accountSettings"></div>
Create settings modal structure
2019-05-08 13:01:39 -06:00
</form>
</section>
<footer>
<a class="button" id="settingsSave">Save</a>
<a class="button" id="settingsSaveAndClose">Save &amp; Close</a>
Add hotkeys
2019-05-10 13:08:03 -06:00
<a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
Create settings modal structure
2019-05-08 13:01:39 -06:00
</footer>
</div>
</section>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
<section id="editModal" class="modal" style="display:none;">
<div class="modal-background" onclick="this.parentElement.style.display='none';"></div>
<div class="modal-content">
<a class="close-button" onclick="this.parentElement.parentElement.style.display='none';">&times;&#xFE0E;</a>
<nav class="tabs">
<ul>
<li class="active">Description</li><li>Details</li><li>Settings</li><li>Actions</li>
</ul>
</nav>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
<section id="editDescriptionTab">
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<label>Name<br>
<input id="editName">
</label>
<label>Specification<br>
<input id="editSpecification">
</label>
Get maximize buttons working correctly
2019-05-07 14:31:54 -06:00
<label>Description<a class="label-button maximize-button">Maximize</a><br>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<textarea id="editDescription"></textarea>
</label>
</section>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
<section id="editDetailsTab" style="display:none;">
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<label>Parts of Speech <small>(Comma Separated List)</small><br>
<input id="editPartsOfSpeech">
</label>
<label>Alphabetical Order <small>(Comma Separated List. Include every letter!)</small><br>
<input id="editAlphabeticalOrder" disabled value="English Alphabet">
</label>
<h3>Phonology</h3>
<div class="split three">
<div>
<label>Consonants<br>
Make IPA fields use KeyboardFire/phondue
2019-05-09 13:55:49 -06:00
<input id="editConsonants" class="ipa-field"><br>
Add IPA table modal; update maximize modal
2019-05-09 12:47:42 -06:00
<a class="label-help-button ipa-field-help-button">Field Help</a>
<a class="label-button ipa-table-button">IPA Chart</a>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
</label>
</div>
<div>
<label>Vowels<br>
Make IPA fields use KeyboardFire/phondue
2019-05-09 13:55:49 -06:00
<input id="editVowels" class="ipa-field"><br>
Add IPA table modal; update maximize modal
2019-05-09 12:47:42 -06:00
<a class="label-help-button ipa-field-help-button">Field Help</a>
<a class="label-button ipa-table-button">IPA Chart</a>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
</label>
</div>
<div>
<label>Polyphthongs&nbsp;/ Blends<br>
Make IPA fields use KeyboardFire/phondue
2019-05-09 13:55:49 -06:00
<input id="editBlends" class="ipa-field"><br>
Add IPA table modal; update maximize modal
2019-05-09 12:47:42 -06:00
<a class="label-help-button ipa-field-help-button">Field Help</a>
<a class="label-button ipa-table-button">IPA Chart</a>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
</label>
</div>
</div>
<h3>Phonotactics</h3>
<div class="split three">
<div>
<label>Onset<br>
<input id="editOnset">
</label>
</div>
<div>
<label>Nucleus<br>
<input id="editNucleus">
</label>
</div>
<div>
<label>Coda<br>
<input id="editCoda">
</label>
</div>
</div>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
<label>Exceptions<br>
<textarea id="editExceptions"></textarea>
</label>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<h3>Orthography</h3>
Get maximize buttons working correctly
2019-05-07 14:31:54 -06:00
<label>Notes<a class="label-button maximize-button">Maximize</a><br>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<textarea id="editOrthography"></textarea>
</label>
<h3>Grammar</h3>
Get maximize buttons working correctly
2019-05-07 14:31:54 -06:00
<label>Notes<a class="label-button maximize-button">Maximize</a><br>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<textarea id="editGrammar"></textarea>
</label>
</section>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
<section id="editSettingsTab" style="display:none;">
Change "Allow Duplicates" to "Prevent Duplicates"
2019-05-06 14:30:57 -06:00
<label>Prevent Duplicate Words
<input type="checkbox" id="editPreventDuplicates"><br>
<small>Checking this box will prevent the creation of words with the exact same spelling.</small>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
</label>
<label>Words are Case-Sensitive
<input type="checkbox" id="editCaseSensitive"><br>
Change "Allow Duplicates" to "Prevent Duplicates"
2019-05-06 14:30:57 -06:00
<small>Checking this box will allow the creation of words with the exact same spelling if their capitalization is different.</small>
Set up edit modal tabs
2019-05-03 23:58:49 -06:00
</label>
<label>Sort by Definition
<input type="checkbox" id="editSortByDefinition"><br>
<small>Checking this box will sort the words in alphabetical order based on the Definition instead of the Word.</small>
</label>
<label>Mark Complete
<input type="checkbox" id="editIsComplete"><br>
<small>Checking this box will mark this as "complete" and prevent any changes from being made.</small>
</label>
<label>Make Public
<input type="checkbox" id="editIsPublic"><br>
<small>Checking this box will make this public via a link you can share with others.</small>
</label>
</section>
<section id="editActionsTab" style="display:none;">
<h3>Import&nbsp;/ Export</h3>
<div class="split two">
<div>
<p>
<a class="button">Import JSON</a><br>
<small>Import a previously-exported <code>JSON</code> file.</small>
</p>
<p>
<a class="button">Import Words</a><br>
<small>Import a CSV file of words. (Download an <a>example file with the correct formatting</a>.)</small>
</p>
</div>
<div>
<p>
<a class="button">Export JSON</a><br>
<small>Export your work as a <code>JSON</code> file to re-import later.</small>
</p>
<p>
<a class="button">Export Words</a><br>
<small>Export a CSV file of your words.</small>
</p>
</div>
</div>
</section>
Work on edit modal Something's wrong with scrolling, gotta fix
2019-05-03 21:52:19 -06:00
<footer>
<a class="button" id="editSave">Save</a>
<a class="button" id="editSaveAndClose">Save &amp; Close</a>
<a class="red button" onclick="this.parentElement.parentElement.parentElement.style.display='none';">Close Without Saving</a>
</footer>
Finish basic styling of major components
2019-05-02 13:01:42 -06:00
</div>
</section>
Add floating messaging system
2019-05-08 17:13:23 -06:00
<div id="messagingSection"></div>
Initial commit - index blocked in
2019-05-02 10:57:56 -06:00
</body>
</html>
Reference in a new issue Copy permalink