c0595ebe99
https://meta.discourse.org/t/adding-owners-members-ux-is-inconsistent-and-misleading/58084/26?u=tgxworld
90 lines
2.5 KiB
JavaScript
90 lines
2.5 KiB
JavaScript
import { default as computed, observes } from 'ember-addons/ember-computed-decorators';
|
|
import User from "discourse/models/user";
|
|
import InputValidation from 'discourse/models/input-validation';
|
|
import debounce from 'discourse/lib/debounce';
|
|
|
|
export default Ember.Component.extend({
|
|
disableSave: null,
|
|
nameInput: null,
|
|
|
|
didInsertElement() {
|
|
this._super();
|
|
const name = this.get('model.name');
|
|
|
|
if (name) {
|
|
this.set("nameInput", name);
|
|
} else {
|
|
this.set('disableSave', true);
|
|
}
|
|
},
|
|
|
|
@computed('basicNameValidation', 'uniqueNameValidation')
|
|
nameValidation(basicNameValidation, uniqueNameValidation) {
|
|
return uniqueNameValidation ? uniqueNameValidation : basicNameValidation;
|
|
},
|
|
|
|
@observes("nameInput")
|
|
_validateName() {
|
|
name = this.get('nameInput');
|
|
if (name === this.get('model.name')) return;
|
|
|
|
if (name === undefined) {
|
|
return this._failedInputValidation();
|
|
};
|
|
|
|
if (name === "") {
|
|
this.set('uniqueNameValidation', null);
|
|
return this._failedInputValidation(I18n.t('admin.groups.new.name.blank'));
|
|
}
|
|
|
|
if (name.length < this.siteSettings.min_username_length) {
|
|
return this._failedInputValidation(I18n.t('admin.groups.new.name.too_short'));
|
|
}
|
|
|
|
if (name.length > this.siteSettings.max_username_length) {
|
|
return this._failedInputValidation(I18n.t('admin.groups.new.name.too_long'));
|
|
}
|
|
|
|
this.checkGroupName();
|
|
|
|
return this._failedInputValidation(I18n.t('admin.groups.new.name.checking'));
|
|
},
|
|
|
|
checkGroupName: debounce(function() {
|
|
name = this.get('nameInput');
|
|
if (Ember.isEmpty(name)) return;
|
|
|
|
User.checkUsername(name).then(response => {
|
|
const validationName = 'uniqueNameValidation';
|
|
|
|
if (response.available) {
|
|
this.set(validationName, InputValidation.create({
|
|
ok: true,
|
|
reason: I18n.t('admin.groups.new.name.available')
|
|
}));
|
|
|
|
this.set('disableSave', false);
|
|
this.set('model.name', this.get('nameInput'));
|
|
} else {
|
|
let reason;
|
|
|
|
if (response.errors) {
|
|
reason = response.errors.join(' ');
|
|
} else {
|
|
reason = I18n.t('admin.groups.new.name.not_available');
|
|
}
|
|
|
|
this.set(validationName, this._failedInputValidation(reason));
|
|
}
|
|
});
|
|
}, 500),
|
|
|
|
_failedInputValidation(reason) {
|
|
this.set('disableSave', true);
|
|
|
|
const options = { failed: true };
|
|
if (reason) options.reason = reason;
|
|
this.set('basicNameValidation', InputValidation.create(options));
|
|
},
|
|
});
|