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

Use ItemList for EditTagModal fields (#59)

Browse Source
This commit is contained in:
Clark Winkelmann 2018-11-07 22:15:31 +01:00 committed by Franz Liedke
parent 8a99757648
commit 4aabd35605
1 changed files with 54 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
extensions/tags/js/src/admin/components/EditTagModal.js
View File

@ -1,5 +1,6 @@
import Modal from 'flarum/components/Modal'; import Modal from 'flarum/components/Modal';
import Button from 'flarum/components/Button'; import Button from 'flarum/components/Button';
import ItemList from 'flarum/utils/ItemList';
import { slug } from 'flarum/utils/string'; import { slug } from 'flarum/utils/string';
import tagLabel from '../../common/helpers/tagLabel'; import tagLabel from '../../common/helpers/tagLabel';
@ -38,39 +39,48 @@ export default class EditTagModal extends Modal {
return ( return (
<div className="Modal-body"> <div className="Modal-body">
<div className="Form"> <div className="Form">
<div className="Form-group"> {this.fields().toArray()}
</div>
</div>
);
}
fields() {
const items = new ItemList();
items.add('name', <div className="Form-group">
<label>{app.translator.trans('flarum-tags.admin.edit_tag.name_label')}</label> <label>{app.translator.trans('flarum-tags.admin.edit_tag.name_label')}</label>
<input className="FormControl" placeholder={app.translator.trans('flarum-tags.admin.edit_tag.name_placeholder')} value={this.name()} oninput={e => { <input className="FormControl" placeholder={app.translator.trans('flarum-tags.admin.edit_tag.name_placeholder')} value={this.name()} oninput={e => {
this.name(e.target.value); this.name(e.target.value);
this.slug(slug(e.target.value)); this.slug(slug(e.target.value));
}}/> }}/>
</div> </div>, 50);
<div className="Form-group"> items.add('slug', <div className="Form-group">
<label>{app.translator.trans('flarum-tags.admin.edit_tag.slug_label')}</label> <label>{app.translator.trans('flarum-tags.admin.edit_tag.slug_label')}</label>
<input className="FormControl" value={this.slug()} oninput={m.withAttr('value', this.slug)}/> <input className="FormControl" value={this.slug()} oninput={m.withAttr('value', this.slug)}/>
</div> </div>, 40);
<div className="Form-group"> items.add('description', <div className="Form-group">
<label>{app.translator.trans('flarum-tags.admin.edit_tag.description_label')}</label> <label>{app.translator.trans('flarum-tags.admin.edit_tag.description_label')}</label>
<textarea className="FormControl" value={this.description()} oninput={m.withAttr('value', this.description)}/> <textarea className="FormControl" value={this.description()} oninput={m.withAttr('value', this.description)}/>
</div> </div>, 30);
<div className="Form-group"> items.add('color', <div className="Form-group">
<label>{app.translator.trans('flarum-tags.admin.edit_tag.color_label')}</label> <label>{app.translator.trans('flarum-tags.admin.edit_tag.color_label')}</label>
<input className="FormControl" placeholder="#aaaaaa" value={this.color()} oninput={m.withAttr('value', this.color)}/> <input className="FormControl" placeholder="#aaaaaa" value={this.color()} oninput={m.withAttr('value', this.color)}/>
</div> </div>, 20);
<div className="Form-group"> items.add('hidden', <div className="Form-group">
<div> <div>
<label className="checkbox"> <label className="checkbox">
<input type="checkbox" value="1" checked={this.isHidden()} onchange={m.withAttr('checked', this.isHidden)}/> <input type="checkbox" value="1" checked={this.isHidden()} onchange={m.withAttr('checked', this.isHidden)}/>
{app.translator.trans('flarum-tags.admin.edit_tag.hide_label')} {app.translator.trans('flarum-tags.admin.edit_tag.hide_label')}
</label> </label>
</div> </div>
</div> </div>, 10);
<div className="Form-group"> items.add('submit', <div className="Form-group">
{Button.component({ {Button.component({
type: 'submit', type: 'submit',
className: 'Button Button--primary EditTagModal-save', className: 'Button Button--primary EditTagModal-save',
@ -82,10 +92,9 @@ export default class EditTagModal extends Modal {
{app.translator.trans('flarum-tags.admin.edit_tag.delete_tag_button')} {app.translator.trans('flarum-tags.admin.edit_tag.delete_tag_button')}
</button> </button>
) : ''} ) : ''}
</div> </div>, -10);
</div>
</div> return items;
);
} }
submitData() { submitData() {