1
0
mirror of https://github.com/flarum/core.git synced 2025-08-08 09:26:34 +02:00

Use SettingsModal component

This commit is contained in:
Toby Zerner
2015-09-18 13:32:20 +09:30
parent aea32622ad
commit 2fbbe0bea7

View File

@@ -1,14 +1,6 @@
import Modal from 'flarum/components/Modal'; import SettingsModal from 'flarum/components/SettingsModal';
import Button from 'flarum/components/Button';
import saveConfig from 'flarum/utils/saveConfig';
export default class AkismetSettingsModal extends Modal {
constructor(...args) {
super(...args);
this.apiKey = m.prop(app.config['akismet.api_key'] || '');
}
export default class AkismetSettingsModal extends SettingsModal {
className() { className() {
return 'AkismetSettingsModal Modal--small'; return 'AkismetSettingsModal Modal--small';
} }
@@ -17,41 +9,12 @@ export default class AkismetSettingsModal extends Modal {
return 'Akismet Settings'; return 'Akismet Settings';
} }
content() { form() {
return ( return [
<div className="Modal-body">
<div className="Form">
<div className="Form-group"> <div className="Form-group">
<label>API Key</label> <label>API Key</label>
<input className="FormControl" value={this.apiKey()} oninput={m.withAttr('value', this.apiKey)}/> <input className="FormControl" bidi={this.setting('akismet.api_key')}/>
</div> </div>
];
<div className="Form-group">
{Button.component({
type: 'submit',
className: 'Button Button--primary AkismetSettingsModal-save',
loading: this.loading,
children: 'Save Changes'
})}
</div>
</div>
</div>
);
}
onsubmit(e) {
e.preventDefault();
this.loading = true;
saveConfig({
'akismet.api_key': this.apiKey()
}).then(
() => this.hide(),
() => {
this.loading = false;
m.redraw();
}
);
} }
} }