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:
@@ -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();
|
|
||||||
}
|
|
||||||
);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Reference in New Issue
Block a user