github-mirror/framework
github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2025-02-21 16:24:27 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Use SettingsModal component

Browse Source
This commit is contained in:
Toby Zerner 2015-09-18 13:30:21 +09:30
parent 023f946720
commit 790bf44a98
1 changed files with 44 additions and 87 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

131
extensions/tags/js/admin/src/components/TagSettingsModal.js
View File

@ -1,17 +1,6 @@
import Modal from 'flarum/components/Modal';
import Button from 'flarum/components/Button';
import saveConfig from 'flarum/utils/saveConfig';
export default class TagSettingsModal extends Modal {
constructor(...args) {
super(...args);
this.minPrimaryTags = m.prop(app.config['tags.min_primary_tags'] || 0);
this.maxPrimaryTags = m.prop(app.config['tags.max_primary_tags'] || 0);
this.minSecondaryTags = m.prop(app.config['tags.min_secondary_tags'] || 0);
this.maxSecondaryTags = m.prop(app.config['tags.max_secondary_tags'] || 0);
}
import SettingsModal from 'flarum/components/SettingsModal';
export default class TagSettingsModal extends SettingsModal {
setMinTags(minTags, maxTags, value) {
minTags(value);
maxTags(Math.max(value, maxTags()));
@ -25,83 +14,51 @@ export default class TagSettingsModal extends Modal {
return 'Tag Settings';
}
content() {
return (
<div className="Modal-body">
<div className="Form">
<div className="Form-group">
<label>Required Number of Primary Tags</label>
<div className="helpText">
Enter the minimum and maximum number of primary tags that may be applied to a discussion.
</div>
<div className="TagSettingsModal-rangeInput">
<input className="FormControl"
type="number"
min="0"
value={this.minPrimaryTags()}
oninput={m.withAttr('value', this.setMinTags.bind(this, this.minPrimaryTags, this.maxPrimaryTags))}
/>
{' to '}
<input className="FormControl"
type="number"
min={this.minPrimaryTags()}
value={this.maxPrimaryTags()}
oninput={m.withAttr('value', this.maxPrimaryTags)}
/>
</div>
</div>
form() {
const minPrimaryTags = this.setting('tags.min_primary_tags', 0);
const maxPrimaryTags = this.setting('tags.max_primary_tags', 0);
<div className="Form-group">
<label>Required Number of Secondary Tags</label>
<div className="helpText">
Enter the minimum and maximum number of secondary tags that may be applied to a discussion.
</div>
<div className="TagSettingsModal-rangeInput">
<input className="FormControl"
type="number"
min="0"
value={this.minSecondaryTags()}
oninput={m.withAttr('value', this.setMinTags.bind(this, this.minSecondaryTags, this.maxSecondaryTags))}
/>
{' to '}
<input className="FormControl"
type="number"
min={this.minSecondaryTags()}
value={this.maxSecondaryTags()}
oninput={m.withAttr('value', this.maxSecondaryTags)}
/>
</div>
</div>
const minSecondaryTags = this.setting('tags.min_secondary_tags', 0);
const maxSecondaryTags = this.setting('tags.max_secondary_tags', 0);
<div className="Form-group">
{Button.component({
type: 'submit',
className: 'Button Button--primary TagSettingsModal-save',
loading: this.loading,
children: 'Save Changes'
})}
</div>
return [
<div className="Form-group">
<label>Required Number of Primary Tags</label>
<div className="helpText">
Enter the minimum and maximum number of primary tags that may be applied to a discussion.
</div>
<div className="TagSettingsModal-rangeInput">
<input className="FormControl"
type="number"
min="0"
value={minPrimaryTags()}
oninput={m.withAttr('value', this.setMinTags.bind(this, minPrimaryTags, maxPrimaryTags))} />
{' to '}
<input className="FormControl"
type="number"
min={minPrimaryTags()}
bidi={maxPrimaryTags} />
</div>
</div>,
<div className="Form-group">
<label>Required Number of Secondary Tags</label>
<div className="helpText">
Enter the minimum and maximum number of secondary tags that may be applied to a discussion.
</div>
<div className="TagSettingsModal-rangeInput">
<input className="FormControl"
type="number"
min="0"
value={minSecondaryTags()}
oninput={m.withAttr('value', this.setMinTags.bind(this, minSecondaryTags, maxSecondaryTags))} />
{' to '}
<input className="FormControl"
type="number"
min={minSecondaryTags()}
bidi={maxSecondaryTags} />
</div>
</div>
);
}
onsubmit(e) {
e.preventDefault();
this.loading = true;
saveConfig({
'tags.min_primary_tags': this.minPrimaryTags(),
'tags.max_primary_tags': this.maxPrimaryTags(),
'tags.min_secondary_tags': this.minSecondaryTags(),
'tags.max_secondary_tags': this.maxSecondaryTags()
}).then(
() => this.hide(),
() => {
this.loading = false;
m.redraw();
}
);
];
}
}