github-mirror/framework
2
0
Fork 0
mirror of https://github.com/flarum/framework.git synced 2024-12-02 06:53:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix editing tags (#117)

Browse Source 
`tagLabel` expects an object with an isChild method, so we can just wrap needed data in a Tag object. We don't want to update `this.tag`, since that would mess things up if the user exits the modal without saving.
This commit is contained in:
Alexander Skvortsov 2021-02-07 21:33:49 -05:00 committed by GitHub
parent 1980636ed6
commit 300e47cfb3
1 changed files with 10 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,11 +31,7 @@ export default class EditTagModal extends Modal {
title() { title() {
return this.name() return this.name()
? tagLabel({ ? tagLabel(app.store.createRecord('tags', { attributes: this.submitData() }))
name: this.name,
color: this.color,
icon: this.icon,
})
: app.translator.trans('flarum-tags.admin.edit_tag.title'); : app.translator.trans('flarum-tags.admin.edit_tag.title');
} }
@ -57,36 +53,36 @@ export default class EditTagModal extends Modal {
<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>, 50); </div>, 50);
items.add('slug', <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" bidi={this.slug}/> <input className="FormControl" bidi={this.slug} />
</div>, 40); </div>, 40);
items.add('description', <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" bidi={this.description}/> <textarea className="FormControl" bidi={this.description} />
</div>, 30); </div>, 30);
items.add('color', <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" bidi={this.color}/> <input className="FormControl" placeholder="#aaaaaa" bidi={this.color} />
</div>, 20); </div>, 20);
items.add('icon', <div className="Form-group"> items.add('icon', <div className="Form-group">
<label>{app.translator.trans('flarum-tags.admin.edit_tag.icon_label')}</label> <label>{app.translator.trans('flarum-tags.admin.edit_tag.icon_label')}</label>
<div className="helpText"> <div className="helpText">
{app.translator.trans('flarum-tags.admin.edit_tag.icon_text', {a: <a href="https://fontawesome.com/icons?m=free" tabindex="-1"/>})} {app.translator.trans('flarum-tags.admin.edit_tag.icon_text', { a: <a href="https://fontawesome.com/icons?m=free" tabindex="-1" /> })}
</div> </div>
<input className="FormControl" placeholder="fas fa-bolt" bidi={this.icon}/> <input className="FormControl" placeholder="fas fa-bolt" bidi={this.icon} />
</div>, 10); </div>, 10);
items.add('hidden', <div className="Form-group"> items.add('hidden', <div className="Form-group">
<div> <div>
<label className="checkbox"> <label className="checkbox">
<input type="checkbox" bidi={this.isHidden}/> <input type="checkbox" bidi={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>
@ -139,8 +135,8 @@ export default class EditTagModal extends Modal {
this.tag.delete().then(() => { this.tag.delete().then(() => {
children.forEach(tag => tag.pushData({ children.forEach(tag => tag.pushData({
attributes: {isChild: false}, attributes: { isChild: false },
relationships: {parent: null} relationships: { parent: null }
})); }));
m.redraw(); m.redraw();
}); });