mirror of
https://github.com/discourse/discourse.git
synced 2024-12-13 03:13:41 +08:00
fe588cc7f8
* DEV: Fix the function prototype observers deprecation DEPRECATION: Function prototype extensions have been deprecated, please migrate from function(){}.observes('foo') to observer('foo', function() {}). [deprecation id: function-prototype-extensions.observes] See https://deprecations.emberjs.com/v3.x/#toc_function-prototype-extensions-observes for more details. * DEV: Fix the function prototype event listeners deprecation DEPRECATION: Function prototype extensions have been deprecated, please migrate from function(){}.on('foo') to on('foo', function() {}). [deprecation id: function-prototype-extensions.on] See https://deprecations.emberjs.com/v3.x/#toc_function-prototype-extensions-on for more details. * DEV: Simplify `default as` imports Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
108 lines
2.7 KiB
JavaScript
108 lines
2.7 KiB
JavaScript
import { isEmpty } from "@ember/utils";
|
|
import { empty } from "@ember/object/computed";
|
|
import { scheduleOnce } from "@ember/runloop";
|
|
import Component from "@ember/component";
|
|
import UserField from "admin/models/user-field";
|
|
import { bufferedProperty } from "discourse/mixins/buffered-content";
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
|
import { propertyEqual } from "discourse/lib/computed";
|
|
import { i18n } from "discourse/lib/computed";
|
|
import discourseComputed, {
|
|
observes,
|
|
on
|
|
} from "discourse-common/utils/decorators";
|
|
|
|
export default Component.extend(bufferedProperty("userField"), {
|
|
editing: empty("userField.id"),
|
|
classNameBindings: [":user-field"],
|
|
|
|
cantMoveUp: propertyEqual("userField", "firstField"),
|
|
cantMoveDown: propertyEqual("userField", "lastField"),
|
|
|
|
userFieldsDescription: i18n("admin.user_fields.description"),
|
|
|
|
@discourseComputed("buffered.field_type")
|
|
bufferedFieldType(fieldType) {
|
|
return UserField.fieldTypeById(fieldType);
|
|
},
|
|
|
|
@on("didInsertElement")
|
|
@observes("editing")
|
|
_focusOnEdit() {
|
|
if (this.editing) {
|
|
scheduleOnce("afterRender", this, "_focusName");
|
|
}
|
|
},
|
|
|
|
_focusName() {
|
|
$(".user-field-name").select();
|
|
},
|
|
|
|
@discourseComputed("userField.field_type")
|
|
fieldName(fieldType) {
|
|
return UserField.fieldTypeById(fieldType).get("name");
|
|
},
|
|
|
|
@discourseComputed(
|
|
"userField.editable",
|
|
"userField.required",
|
|
"userField.show_on_profile",
|
|
"userField.show_on_user_card"
|
|
)
|
|
flags(editable, required, showOnProfile, showOnUserCard) {
|
|
const ret = [];
|
|
if (editable) {
|
|
ret.push(I18n.t("admin.user_fields.editable.enabled"));
|
|
}
|
|
if (required) {
|
|
ret.push(I18n.t("admin.user_fields.required.enabled"));
|
|
}
|
|
if (showOnProfile) {
|
|
ret.push(I18n.t("admin.user_fields.show_on_profile.enabled"));
|
|
}
|
|
if (showOnUserCard) {
|
|
ret.push(I18n.t("admin.user_fields.show_on_user_card.enabled"));
|
|
}
|
|
|
|
return ret.join(", ");
|
|
},
|
|
|
|
actions: {
|
|
save() {
|
|
const buffered = this.buffered;
|
|
const attrs = buffered.getProperties(
|
|
"name",
|
|
"description",
|
|
"field_type",
|
|
"editable",
|
|
"required",
|
|
"show_on_profile",
|
|
"show_on_user_card",
|
|
"options"
|
|
);
|
|
|
|
this.userField
|
|
.save(attrs)
|
|
.then(() => {
|
|
this.set("editing", false);
|
|
this.commitBuffer();
|
|
})
|
|
.catch(popupAjaxError);
|
|
},
|
|
|
|
edit() {
|
|
this.set("editing", true);
|
|
},
|
|
|
|
cancel() {
|
|
const id = this.get("userField.id");
|
|
if (isEmpty(id)) {
|
|
this.destroyAction(this.userField);
|
|
} else {
|
|
this.rollbackBuffer();
|
|
this.set("editing", false);
|
|
}
|
|
}
|
|
}
|
|
});
|