Alamantus/Lexiconga
1
0
Fork 0
mirror of https://github.com/Alamantus/Lexiconga.git synced 2025-04-10 05:31:08 +02:00
Code Issues Releases Activity

Swap out other textareas with LargeTextArea

Browse source
This commit is contained in:
Robbie Antenesse 2017-12-11 19:05:11 -07:00
parent b6789b5826
commit 46ba6cfec1
2 changed files with 52 additions and 64 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

41
src/components/management/EditDictionaryModal/EditDictionaryForm.jsx
View file

@ -1,6 +1,8 @@
import Inferno from 'inferno';
import PropTypes from 'prop-types';
import { LargeTextArea } from '../LargeTextArea';
export const EditDictionaryForm = (props) => {
PropTypes.checkPropTypes({
editDictionaryModal: PropTypes.object.isRequired,
@ -39,9 +41,9 @@ export const EditDictionaryForm = (props) => {
<label className='label' htmlFor='editSpecification'>
Specification
</label>
<p className='help'>
<div className='help'>
What this collection of words should be referred to as, i.e. "Dictionary," "Word List", etc.
</p>
</div>
<div className='control'>
<input className='input' id='editSpecification' type='text'
placeholder='Dictionary'
@ -56,26 +58,21 @@ export const EditDictionaryForm = (props) => {
</div>
</div>
<div className='field'>
<label className='label' htmlFor='editDescription'>
Description
</label>
<p className='help'>
A description of your dictionary, <a href={ MARKDOWN_LINK } target='_blank'>Markdown</a> enabled
</p>
<div className='control'>
<textarea className='textarea' id='editDescription'
placeholder={ `A description of your ${ specification }` }
value={ description }
onInput={ (event) => {
editDictionaryModal.setState({
description: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.description,
});
}}
/>
</div>
</div>
<LargeTextArea
label='Description'
helpText={[
'A description of your dictionary, ',
<a href={ MARKDOWN_LINK } target='_blank'>Markdown</a>,
' enabled'
]}
value={ description }
placeholder='Explanation of word (Markdown enabled)'
onInput={ (event) => {
editDictionaryModal.setState({
description: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.description,
});
}} />
{/* Custom alphabetical order is restricted to paid. */}

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

@ -2,6 +2,7 @@ import Inferno from 'inferno';
import PropTypes from 'prop-types';
import { IPAField } from '../IPAField';
import { LargeTextArea } from '../LargeTextArea';
export const EditLinguisticsForm = (props) => {
PropTypes.checkPropTypes({
@ -183,26 +184,21 @@ export const EditLinguisticsForm = (props) => {
<div className='columns'>
<div className='column'>
<div className='field'>
<label className='label' htmlFor='editExceptions'>
Exceptions
</label>
<p className='help'>
Any exceptions for your phonotactics rules, <a href={ MARKDOWN_LINK } target='_blank'>Markdown</a> enabled
</p>
<div className='control'>
<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={ (event) => {
editDictionaryModal.setState({
exceptions: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.exceptions,
});
}}
/>
</div>
</div>
<LargeTextArea
label='Exceptions'
helpText={[
'Any exceptions for your phonotactics rules, ',
<a href={ MARKDOWN_LINK } target='_blank'>Markdown</a>,
' enabled',
]}
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={ (event) => {
editDictionaryModal.setState({
exceptions: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.phonology.phonotactics.exceptions,
});
}} />
</div>
</div>
@ -212,30 +208,25 @@ export const EditLinguisticsForm = (props) => {
</h4>
<div className='columns'>
<div className='column'>
<div className='field'>
<label className='label' htmlFor='editOrthographyNotes'>
Orthography Notes
</label>
<p className='help'>
Any notes on orthography or how phonemes are written, <a href={ MARKDOWN_LINK } target='_blank'>Markdown</a> enabled
</p>
<div className='control'>
<textarea className='textarea' id='editOrthographyNotes'
placeholder={ `- **m** = [ɱ]\n- **sh** = [ʃ]\n- **r** = [ʁ]\n...` }
value={ orthographyNotes }
onInput={ (event) => {
editDictionaryModal.setState({
orthographyNotes: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.orthography.notes,
});
}}
/>
</div>
</div>
<LargeTextArea
label='Orthography Notes'
helpText={[
'Any notes on orthography or how phonemes are written, ',
<a href={ MARKDOWN_LINK } target='_blank'>Markdown</a>,
' enabled',
]}
placeholder={ `- **m** = [ɱ]\n- **sh** = [ʃ]\n- **r** = [ʁ]\n...` }
value={ orthographyNotes }
onInput={ (event) => {
editDictionaryModal.setState({
orthographyNotes: event.target.value,
hasChanged: event.target.value != editDictionaryModal.props.details.orthography.notes,
});
}} />
</div>
</div>
</div>