mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 10:55:25 +08:00
c34f8b65cb
As of #23867 this is now a real package, so updating the imports to use the real package name, rather than relying on the alias. The name change in the package name is because `I18n` is not a valid name as NPM packages must be all lowercase. This commit also introduces an eslint rule to prevent importing from the old I18n path. For themes/plugins, the old 'i18n' name remains functional.
110 lines
2.7 KiB
JavaScript
110 lines
2.7 KiB
JavaScript
import Component from "@ember/component";
|
|
import { action } from "@ember/object";
|
|
import { schedule } from "@ember/runloop";
|
|
import { isEmpty } from "@ember/utils";
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
|
import { i18n, propertyEqual } from "discourse/lib/computed";
|
|
import { bufferedProperty } from "discourse/mixins/buffered-content";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import I18n from "discourse-i18n";
|
|
import UserField from "admin/models/user-field";
|
|
|
|
export default Component.extend(bufferedProperty("userField"), {
|
|
tagName: "",
|
|
isEditing: false,
|
|
|
|
cantMoveUp: propertyEqual("userField", "firstField"),
|
|
cantMoveDown: propertyEqual("userField", "lastField"),
|
|
|
|
userFieldsDescription: i18n("admin.user_fields.description"),
|
|
|
|
@discourseComputed("buffered.field_type")
|
|
bufferedFieldType(fieldType) {
|
|
return UserField.fieldTypeById(fieldType);
|
|
},
|
|
|
|
didInsertElement() {
|
|
this._super(...arguments);
|
|
|
|
this._focusName();
|
|
},
|
|
|
|
_focusName() {
|
|
schedule("afterRender", () => {
|
|
document.querySelector(".user-field-name")?.focus();
|
|
});
|
|
},
|
|
|
|
@discourseComputed("userField.field_type")
|
|
fieldName(fieldType) {
|
|
return UserField.fieldTypeById(fieldType)?.name;
|
|
},
|
|
|
|
@discourseComputed(
|
|
"userField.{editable,required,show_on_profile,show_on_user_card,searchable}"
|
|
)
|
|
flags(userField) {
|
|
const ret = [];
|
|
if (userField.editable) {
|
|
ret.push(I18n.t("admin.user_fields.editable.enabled"));
|
|
}
|
|
if (userField.required) {
|
|
ret.push(I18n.t("admin.user_fields.required.enabled"));
|
|
}
|
|
if (userField.show_on_profile) {
|
|
ret.push(I18n.t("admin.user_fields.show_on_profile.enabled"));
|
|
}
|
|
if (userField.show_on_user_card) {
|
|
ret.push(I18n.t("admin.user_fields.show_on_user_card.enabled"));
|
|
}
|
|
if (userField.searchable) {
|
|
ret.push(I18n.t("admin.user_fields.searchable.enabled"));
|
|
}
|
|
|
|
return ret.join(", ");
|
|
},
|
|
|
|
@action
|
|
save() {
|
|
const attrs = this.buffered.getProperties(
|
|
"name",
|
|
"description",
|
|
"field_type",
|
|
"editable",
|
|
"required",
|
|
"show_on_profile",
|
|
"show_on_user_card",
|
|
"searchable",
|
|
"options"
|
|
);
|
|
|
|
return this.userField
|
|
.save(attrs)
|
|
.then(() => {
|
|
if (this.isDestroying || this.isDestroyed) {
|
|
return;
|
|
}
|
|
|
|
this.set("isEditing", false);
|
|
this.commitBuffer();
|
|
})
|
|
.catch(popupAjaxError);
|
|
},
|
|
|
|
@action
|
|
edit() {
|
|
this.set("isEditing", true);
|
|
this._focusName();
|
|
},
|
|
|
|
@action
|
|
cancel() {
|
|
if (isEmpty(this.userField?.id)) {
|
|
this.destroyAction(this.userField);
|
|
} else {
|
|
this.rollbackBuffer();
|
|
this.set("isEditing", false);
|
|
}
|
|
},
|
|
});
|