Always show IPA table button in pronunciation fields

This commit is contained in:
Robbie Antenesse 2019-06-06 11:36:27 -06:00 committed by Robbie Antenesse
parent 87b7bbff89
commit 9743e934d3
2 changed files with 7 additions and 9 deletions

View File

@ -268,18 +268,16 @@ export function renderEditForm(wordId = false) {
wordId = typeof wordId.target === 'undefined' ? wordId : parseInt(this.id.replace('edit_', '')); wordId = typeof wordId.target === 'undefined' ? wordId : parseInt(this.id.replace('edit_', ''));
const word = window.currentDictionary.words.find(w => w.wordId === wordId); const word = window.currentDictionary.words.find(w => w.wordId === wordId);
if (word) { if (word) {
const ipaPronunciationField = `<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br> const ipaPronunciationField = `<input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br>
<input id="wordPronunciation_${wordId}" class="ipa-field" maxlength="200" value="${word.pronunciation}"><br> <a class="label-help-button ipa-field-help-button">Field Help</a>`;
<a class="label-help-button ipa-field-help-button">Field Help</a> const plainPronunciationField = `<input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">`;
</label>`;
const plainPronunciationField = `<label>Pronunciation<br>
<input id="wordPronunciation_${wordId}" maxlength="200" value="${word.pronunciation}">
</label>`;
const editForm = `<form id="editForm_${wordId}" class="edit-form"> const editForm = `<form id="editForm_${wordId}" class="edit-form">
<label>Word<span class="red">*</span><br> <label>Word<span class="red">*</span><br>
<input id="wordName_${wordId}" maxlength="200" value="${word.name}"> <input id="wordName_${wordId}" maxlength="200" value="${word.name}">
</label> </label>
<label>Pronunciation<a class="label-button ipa-table-button">IPA Chart</a><br>
${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField} ${window.settings.useIPAPronunciationField ? ipaPronunciationField : plainPronunciationField}
</label>
<label>Part of Speech<br> <label>Part of Speech<br>
<select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select"> <select id="wordPartOfSpeech_${wordId}" class="part-of-speech-select">
<option value="${word.partOfSpeech}" selected>${word.partOfSpeech}</option> <option value="${word.partOfSpeech}" selected>${word.partOfSpeech}</option>

View File

@ -68,7 +68,7 @@ export function toggleHotkeysEnabled() {
} }
export function toggleIPAPronunciationFields(render = true) { export function toggleIPAPronunciationFields(render = true) {
const ipaButtons = document.querySelectorAll('.ipa-table-button, .ipa-field-help-button'), const ipaButtons = document.querySelectorAll('.ipa-field-help-button'),
ipaFields = document.querySelectorAll('.ipa-field'); ipaFields = document.querySelectorAll('.ipa-field');
if (!window.settings.useIPAPronunciationField) { if (!window.settings.useIPAPronunciationField) {
Array.from(ipaButtons).forEach(button => { Array.from(ipaButtons).forEach(button => {