Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-03-24 20:30:46 +01:00
Code Issues Releases Activity

Update Phonotactics fields to multiline entries

Browse source
This commit is contained in:
Robbie Antenesse 2017-08-21 14:38:25 -06:00 • committed by Robbie Antenesse
parent 211cb5f5f9
commit 49e7788a59
2 changed files with 72 additions and 42 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

96
src/components/management/EditDictionaryModal/EditLinguisticsForm.jsx
View file

@ -95,42 +95,72 @@ export const EditLinguisticsForm = ({
<div className='columns'>
<div className='column'>
<IPAField label='Onset' id='editOnset'
helpText='Separate phonemes/groups with a space'
placeholder='consonants blends'
value={ onset }
onInput={ (newValue) => {
editDictionaryModal.setState({
onset: newValue,
hasChanged: newValue != editDictionaryModal.props.details.phonology.phonotactics.onset.join(' '),
});
}} />
<div className='field'>
<label className='label' htmlFor='editOnset'>
Onset
</label>
<p className='help'>
Put each phoneme or group on a separate line
</p>
<div className='control'>
<textarea className='textarea' id='editOnset'
placeholder={ `none\nconsonant blends\n...` }
value={ onset }
onInput={ (event) => {
editDictionaryModal.setState({
onset: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.onset.join('\n'),
});
}}
/>
</div>
</div>
</div>
<div className='column'>
<IPAField label='Nucleus' id='editNucleus'
helpText='Separate phonemes/groups with a space'
placeholder='vowels'
value={ nucleus }
onInput={ (newValue) => {
editDictionaryModal.setState({
nucleus: newValue,
hasChanged: newValue != editDictionaryModal.props.details.phonology.phonotactics.nucleus.join(' '),
});
}} />
<div className='field'>
<label className='label' htmlFor='editNucleus'>
Nucleus
</label>
<p className='help'>
Put each phoneme or group on a separate line
</p>
<div className='control'>
<textarea className='textarea' id='editNucleus'
placeholder={ `vowels\nvowel blends\n...` }
value={ nucleus }
onInput={ (event) => {
editDictionaryModal.setState({
nucleus: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.nucleus.join('\n'),
});
}}
/>
</div>
</div>
</div>
<div className='column'>
<IPAField label='Coda' id='editCoda'
helpText='Separate phonemes/groups with a space'
placeholder='any'
value={ coda }
onInput={ (newValue) => {
editDictionaryModal.setState({
coda: newValue,
hasChanged: newValue != editDictionaryModal.props.details.phonology.phonotactics.coda.join(' '),
});
}} />
<div className='field'>
<label className='label' htmlFor='editCoda'>
Coda
</label>
<p className='help'>
Put each phoneme or group on a separate line
</p>
<div className='control'>
<textarea className='textarea' id='editCoda'
placeholder={ `consonants\nconsonant blends\n...` }
value={ coda }
onInput={ (event) => {
editDictionaryModal.setState({
coda: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.coda.join('\n'),
});
}}
/>
</div>
</div>
</div>
</div>
@ -149,10 +179,10 @@ export const EditLinguisticsForm = ({
<textarea className='textarea' id='editExceptions'
placeholder='Vowel blends are not allowed in the onset, and [e], including blends with [e] comprising it, is not allowed in the coda.'
value={ exceptions }
onInput={ (newValue) => {
onInput={ (event) => {
editDictionaryModal.setState({
exceptions: newValue,
hasChanged: newValue != editDictionaryModal.props.details.phonology.exceptions.join(' '),
exceptions: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.exceptions,
});
}}
/>

18
src/components/management/EditDictionaryModal/index.jsx
View file

@ -28,9 +28,9 @@ export class EditDictionaryModal extends Component {
consonants: props.details.phonology.consonants.join(' '),
vowels: props.details.phonology.vowels.join(' '),
blends: props.details.phonology.blends.join(' '),
onset: props.details.phonology.phonotactics.onset.join(' '),
nucleus: props.details.phonology.phonotactics.nucleus.join(' '),
coda: props.details.phonology.phonotactics.coda.join(' '),
onset: props.details.phonology.phonotactics.onset.join('\n'),
nucleus: props.details.phonology.phonotactics.nucleus.join('\n'),
coda: props.details.phonology.phonotactics.coda.join('\n'),
exceptions: props.details.phonology.phonotactics.exceptions,
hasChanged: false,
@ -154,20 +154,20 @@ export class EditDictionaryModal extends Component {
.map((value) => { return value.trim() });
}
if (this.state.onset !== this.props.details.phonology.phonotactics.onset.join(' ')) {
updatedDetails['onset'] = this.state.onset.split(' ')
if (this.state.onset !== this.props.details.phonology.phonotactics.onset.join('\n')) {
updatedDetails['onset'] = this.state.onset.split('\n')
.filter((value) => { return value !== '' })
.map((value) => { return value.trim() });
}
if (this.state.nucleus !== this.props.details.phonology.phonotactics.nucleus.join(' ')) {
updatedDetails['nucleus'] = this.state.nucleus.split(' ')
if (this.state.nucleus !== this.props.details.phonology.phonotactics.nucleus.join('\n')) {
updatedDetails['nucleus'] = this.state.nucleus.split('\n')
.filter((value) => { return value !== '' })
.map((value) => { return value.trim() });
}
if (this.state.coda !== this.props.details.phonology.phonotactics.coda.join(' ')) {
updatedDetails['coda'] = this.state.coda.split(' ')
if (this.state.coda !== this.props.details.phonology.phonotactics.coda.join('\n')) {
updatedDetails['coda'] = this.state.coda.split('\n')
.filter((value) => { return value !== '' })
.map((value) => { return value.trim() });
}