65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import Component from '@ember/component';
|
|
import { inject as service } from '@ember/service';
|
|
import { set, get } from '@ember/object';
|
|
import Slotted from 'block-slots';
|
|
import { isChangeset } from 'validated-changeset';
|
|
|
|
export default Component.extend(Slotted, {
|
|
tagName: '',
|
|
dom: service('dom'),
|
|
builder: service('form'),
|
|
create: false,
|
|
ondelete: function () {
|
|
return this.onsubmit(...arguments);
|
|
},
|
|
oncancel: function () {
|
|
return this.onsubmit(...arguments);
|
|
},
|
|
onsubmit: function () {},
|
|
onchange: function (e, form) {
|
|
return form.handleEvent(e);
|
|
},
|
|
didReceiveAttrs: function () {
|
|
this._super(...arguments);
|
|
try {
|
|
this.form = this.builder.form(this.type);
|
|
} catch (e) {
|
|
// passthrough
|
|
// this lets us load view only data that doesn't have a form
|
|
}
|
|
},
|
|
willRender: function () {
|
|
this._super(...arguments);
|
|
set(this, 'hasError', this._isRegistered('error'));
|
|
},
|
|
willDestroyElement: function () {
|
|
this._super(...arguments);
|
|
if (get(this, 'data.isNew')) {
|
|
this.data.rollbackAttributes();
|
|
}
|
|
},
|
|
actions: {
|
|
setData: function (data) {
|
|
let changeset = data;
|
|
// convert to a real changeset
|
|
if (!isChangeset(data) && typeof this.form !== 'undefined') {
|
|
changeset = this.form.setData(data).getData();
|
|
}
|
|
// mark as creating
|
|
// and autofill the new record if required
|
|
if (get(data, 'isNew')) {
|
|
set(this, 'create', true);
|
|
changeset = Object.entries(this.autofill || {}).reduce(function (prev, [key, value]) {
|
|
set(prev, key, value);
|
|
return prev;
|
|
}, changeset);
|
|
}
|
|
set(this, 'data', changeset);
|
|
return this.data;
|
|
},
|
|
change: function (e, value, item) {
|
|
this.onchange(this.dom.normalizeEvent(e, value), this.form, this.form.getData());
|
|
},
|
|
},
|
|
});
|