basti
1c1f772ff5
* Adds a new page for updating profiles * Refactors the add-contributor component to allow for updating existing contributors * Adds input labels to the contributor form and improves placeholders * Adds event handlers for all contract contributor changes and uses them for updating the UI refs #122
79 lines
1.7 KiB
JavaScript
79 lines
1.7 KiB
JavaScript
import Component from '@ember/component';
|
|
import { and, notEmpty } from '@ember/object/computed';
|
|
import { inject as service } from '@ember/service';
|
|
import { isPresent } from '@ember/utils';
|
|
|
|
export default Component.extend({
|
|
|
|
kredits: service(),
|
|
|
|
attributes: null,
|
|
|
|
// TODO: add proper address validation
|
|
isValidAccount: notEmpty('account'),
|
|
isValidName: notEmpty('name'),
|
|
isValidURL: notEmpty('url'),
|
|
isValidGithubUID: notEmpty('github_uid'),
|
|
isValidGithubUsername: notEmpty('github_username'),
|
|
isValidGiteaUsername: notEmpty('gitea_username'),
|
|
isValidWikiUsername: notEmpty('wiki_username'),
|
|
isValid: and(
|
|
'isValidAccount',
|
|
'isValidName',
|
|
'isValidGithubUID'
|
|
),
|
|
|
|
inProgress: false,
|
|
|
|
init () {
|
|
this._super(...arguments);
|
|
this.setDefaultAttributes();
|
|
this.reset();
|
|
},
|
|
|
|
setDefaultAttributes () {
|
|
if (isPresent(this.attributes)) { return; }
|
|
|
|
this.set('attributes', {
|
|
account: null,
|
|
name: null,
|
|
kind: 'person',
|
|
url: null,
|
|
github_username: null,
|
|
github_uid: null,
|
|
gitea_username: null,
|
|
wiki_username: null
|
|
});
|
|
},
|
|
|
|
reset: function() {
|
|
this.setProperties(this.attributes);
|
|
},
|
|
|
|
actions: {
|
|
|
|
submit () {
|
|
if (!this.isValid) {
|
|
alert('Invalid data. Please review and try again.');
|
|
return;
|
|
}
|
|
|
|
const attributes = Object.keys(this.attributes);
|
|
const contributor = this.getProperties(attributes);
|
|
|
|
this.set('inProgress', true);
|
|
|
|
this.save(contributor).then(() => {
|
|
this.reset();
|
|
}).catch(err => {
|
|
console.warn(err);
|
|
window.alert('Something went wrong. Please check the browser console.');
|
|
}).finally(() => {
|
|
this.set('inProgress', false);
|
|
});
|
|
}
|
|
|
|
}
|
|
|
|
});
|