basti
e4a39ec67c
When the input isn't touched by the user, the date isn't stored as an array on the property.
76 lines
1.8 KiB
JavaScript
76 lines
1.8 KiB
JavaScript
import Component from '@ember/component';
|
|
import { computed } from '@ember/object';
|
|
import { and, notEmpty } from '@ember/object/computed';
|
|
import moment from 'moment';
|
|
|
|
export default Component.extend({
|
|
|
|
attributes: null,
|
|
contributors: Object.freeze([]),
|
|
|
|
isValidContributor: notEmpty('contributorId'),
|
|
isValidKind: notEmpty('kind'),
|
|
isValidAmount: computed('amount', function() {
|
|
return parseInt(this.amount, 10) > 0;
|
|
}),
|
|
isValidDescription: notEmpty('description'),
|
|
isValidUrl: notEmpty('url'),
|
|
isValid: and('isValidContributor',
|
|
'isValidKind',
|
|
'isValidAmount',
|
|
'isValidDescription'),
|
|
|
|
init () {
|
|
this._super(...arguments);
|
|
this.set('defaultDate', moment().startOf('hour').toDate());
|
|
|
|
// Default attributes used by reset
|
|
this.set('attributes', {
|
|
contributorId: null,
|
|
kind: null,
|
|
date: this.defaultDate,
|
|
amount: null,
|
|
description: null,
|
|
url: null,
|
|
});
|
|
|
|
this.reset();
|
|
},
|
|
|
|
reset () {
|
|
this.setProperties(this.attributes);
|
|
},
|
|
|
|
actions: {
|
|
|
|
submit () {
|
|
if (!this.isValid) {
|
|
alert('Invalid data. Please review and try again.');
|
|
return;
|
|
}
|
|
|
|
const attributes = this.getProperties(Object.keys(this.attributes));
|
|
|
|
let dateInput = (attributes.date instanceof Array) ?
|
|
attributes.date[0] : attributes.date;
|
|
|
|
const [ date, time ] = dateInput.toISOString().split('T');
|
|
[ attributes.date, attributes.time ] = [ date, time ];
|
|
|
|
this.set('inProgress', true);
|
|
|
|
this.save(attributes)
|
|
.then((/*contribution*/) => {
|
|
this.reset();
|
|
}, err => {
|
|
console.warn(err);
|
|
window.alert('Something went wrong. Check the browser console for details.');
|
|
})
|
|
.finally(() => this.set('inProgress', false));
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|