me/glitchier-soc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Allow text inputs in local settings dialog

Browse source
This commit is contained in:
Thibaut Girka 2018-08-28 17:15:50 +02:00 committed by ThibG
parent 02c32ad7af
commit 2fbebd89fb
1 changed files with 20 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
app/javascript/flavours/glitch/features/local_settings/page/item/index.js
View file

@ -19,18 +19,20 @@ export default class LocalSettingsPageItem extends React.PureComponent {
message: PropTypes.string.isRequired,
})),
settings: ImmutablePropTypes.map.isRequired,
placeholder: PropTypes.string,
};
handleChange = e => {
const { target } = e;
const { item, onChange, options } = this.props;
const { item, onChange, options, placeholder } = this.props;
if (options && options.length > 0) onChange(item, target.value);
else if (placeholder) onChange(item, target.value);
else onChange(item, target.checked);
}
render () {
const { handleChange } = this;
const { settings, item, id, options, children, dependsOn, dependsOnNot } = this.props;
const { settings, item, id, options, children, dependsOn, dependsOnNot, placeholder } = this.props;
let enabled = true;
if (dependsOn) {
@ -70,6 +72,22 @@ export default class LocalSettingsPageItem extends React.PureComponent {
</p>
</label>
);
} else if (placeholder) {
return (
<label className='glitch local-settings__page__item' htmlFor={id}>
<p>{children}</p>
<p>
<input
id={id}
type='text'
value={settings.getIn(item)}
placeholder={placeholder}
onChange={handleChange}
disabled={!enabled}
/>
</p>
</label>
);
} else return (
<label className='glitch local-settings__page__item' htmlFor={id}>
<input