1
0
mirror of https://github.com/flarum/core.git synced 2025-06-11 00:51:04 +02:00

Help on redraw

This commit is contained in:
KyrneDev
2021-03-24 17:30:13 -10:00
parent 90c0bc410e
commit 0eefbf0374

View File

@ -98,35 +98,41 @@ export default class AdminPage extends Page {
return entry.call(this); return entry.call(this);
} }
const setting = entry.setting; const { setting, help, ...componentAttrs } = entry;
const help = entry.help;
delete entry.help; delete componentAttrs.help;
const value = this.setting([setting])(); const value = this.setting([setting])();
if (['bool', 'checkbox', 'switch', 'boolean'].includes(entry.type)) { if (['bool', 'checkbox', 'switch', 'boolean'].includes(componentAttrs.type)) {
return ( return (
<div className="Form-group"> <div className="Form-group">
<Switch state={!!value && value !== '0'} onchange={this.settings[setting]} {...entry}> <Switch state={!!value && value !== '0'} onchange={this.settings[setting]} {...componentAttrs}>
{entry.label} {componentAttrs.label}
</Switch> </Switch>
<div className="helpText">{help}</div> <div className="helpText">{help}</div>
</div> </div>
); );
} else if (['select', 'dropdown', 'selectdropdown'].includes(entry.type)) { } else if (['select', 'dropdown', 'selectdropdown'].includes(componentAttrs.type)) {
return ( return (
<div className="Form-group"> <div className="Form-group">
<label>{entry.label}</label> <label>{componentAttrs.label}</label>
<div className="helpText">{help}</div> <div className="helpText">{help}</div>
<Select value={value || entry.default} options={entry.options} buttonClassName="Button" onchange={this.settings[setting]} {...entry} /> <Select
value={value || componentAttrs.default}
options={componentAttrs.options}
buttonClassName="Button"
onchange={this.settings[setting]}
{...componentAttrs}
/>
</div> </div>
); );
} else { } else {
entry.className = classList(['FormControl', entry.className]); componentAttrs.className = classList(['FormControl', componentAttrs.className]);
return ( return (
<div className="Form-group"> <div className="Form-group">
{entry.label ? <label>{entry.label}</label> : ''} {componentAttrs.label ? <label>{componentAttrs.label}</label> : ''}
<div className="helpText">{help}</div> <div className="helpText">{help}</div>
<input type={entry.type} bidi={this.setting(setting)} {...entry} /> <input type={componentAttrs.type} bidi={this.setting(setting)} {...componentAttrs} />
</div> </div>
); );
} }