Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-11-04 10:17:01 +01:00
Code Issues Releases Activity

Add render funciton fo populate parts of speech

Browse source
This commit is contained in:
Robbie Antenesse 2019-05-03 11:45:26 -06:00
parent 7b54e473e4
commit e4369f0ffd
2 changed files with 13 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
index.html
View file

@ -23,13 +23,13 @@
<input id="wordPronunciation">
</label>
<label>Part of Speech<br>
<select id="wordPartOfSpeech"></select>
<select id="wordPartOfSpeech" class="part-of-speech-select"></select>
</label>
<label>Definition<br>
<input id="wordDefinition">
<input id="wordDefinition" placeholder="Equivalent words">
</label>
<label>Details<a class="label-button">Maximize</a><br>
<textarea id="wordDetails"></textarea>
<textarea id="wordDetails" placeholder="Markdown formatting allowed"></textarea>
</label>
</form>
</aside>

10
src/js/render.js
View file

@ -5,6 +5,7 @@ import { showSection } from './displayToggles';
export function renderAll() {
renderDictionaryDetails();
renderPartsOfSpeechSelect();
renderWords();
}
@ -81,6 +82,15 @@ export function renderStats() {
detailsPanel.innerHTML = numberOfWordsHTML + wordLengthHTML + letterDistributionHTML + totalLettersHTML;
}
export function renderPartsOfSpeechSelect() {
let optionsHTML = '<option value=""></option>';
window.currentDictionary.partsOfSpeech.forEach(partOfSpeech => {
partOfSpeech = removeTags(partOfSpeech);
optionsHTML += `<option value="${partOfSpeech}">${partOfSpeech}</option>`;
});
Array.from(document.getElementsByClassName('part-of-speech-select')).forEach(select => select.innerHTML = optionsHTML);
}
export function renderWords() {
const { words } = window.currentDictionary;
let wordsHTML = '';