ac629cd51e
* Add components for KV form, KV list and Session form * Pass through a @label attribute for a human label + don't require error * Ignore transition aborted errors for if you are re-transitioning * Make old confirmation dialog more ember-like and tagless * Make sure data-source and data-sink supports KV and sessions * Use new components and delete all the things * Fix up tests * Make list component tagless * Add component pageobject and fixup tests from that * Add eslint warning back in
64 lines
1.8 KiB
JavaScript
64 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';
|
|
|
|
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 (typeof this.form !== 'undefined') {
|
|
changeset = this.form.setData(data).getData();
|
|
}
|
|
// mark as creating
|
|
// and autofill the new record if required
|
|
if (get(changeset, '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());
|
|
},
|
|
},
|
|
});
|