135 lines
4.0 KiB
Plaintext
135 lines
4.0 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { action } from "@ember/object";
|
|
import { service } from "@ember/service";
|
|
import { htmlSafe } from "@ember/template";
|
|
import DButton from "discourse/components/d-button";
|
|
import DropdownMenu from "discourse/components/dropdown-menu";
|
|
import { USER_FIELD_FLAGS } from "discourse/lib/constants";
|
|
import { i18n } from "discourse-i18n";
|
|
import UserField from "admin/models/user-field";
|
|
import DMenu from "float-kit/components/d-menu";
|
|
|
|
export default class AdminUserFieldItem extends Component {
|
|
@service adminUserFields;
|
|
@service adminCustomUserFields;
|
|
@service dialog;
|
|
@service router;
|
|
|
|
get fieldName() {
|
|
return UserField.fieldTypeById(this.fieldType)?.name;
|
|
}
|
|
|
|
get cantMoveUp() {
|
|
return this.args.userField.id === this.adminUserFields.firstField?.id;
|
|
}
|
|
|
|
get cantMoveDown() {
|
|
return this.args.userField.id === this.adminUserFields.lastField?.id;
|
|
}
|
|
|
|
get flags() {
|
|
return USER_FIELD_FLAGS.map((flag) => {
|
|
if (this.args.userField[flag]) {
|
|
return i18n(`admin.user_fields.${flag}.enabled`);
|
|
}
|
|
})
|
|
.filter(Boolean)
|
|
.join(", ");
|
|
}
|
|
|
|
@action
|
|
moveUp() {
|
|
this.args.moveUpAction(this.args.userField);
|
|
this.dMenu.close();
|
|
}
|
|
|
|
@action
|
|
moveDown() {
|
|
this.args.moveDownAction(this.args.userField);
|
|
this.dMenu.close();
|
|
}
|
|
|
|
@action
|
|
destroy() {
|
|
this.args.destroyAction(this.args.userField);
|
|
this.dMenu.close();
|
|
}
|
|
|
|
@action
|
|
onRegisterApi(api) {
|
|
this.dMenu = api;
|
|
}
|
|
|
|
@action
|
|
edit() {
|
|
this.router.transitionTo("adminUserFields.edit", this.args.userField);
|
|
}
|
|
|
|
<template>
|
|
<tr class="d-admin-row__content admin-user_field-item">
|
|
<td class="d-admin-row__overview">
|
|
<div
|
|
class="d-admin-row__overview-name admin-user_field-item__name"
|
|
>{{@userField.name}}</div>
|
|
<div class="d-admin-row__overview-about">{{htmlSafe
|
|
@userField.description
|
|
}}</div>
|
|
<div class="d-admin-row__overview-flags">{{this.flags}}</div>
|
|
</td>
|
|
<td class="d-admin-row__detail">
|
|
{{@userField.fieldTypeName}}
|
|
</td>
|
|
<td class="d-admin-row__controls">
|
|
<div class="d-admin-row__controls-options">
|
|
<DButton
|
|
class="btn-small admin-user_field-item__edit"
|
|
@action={{this.edit}}
|
|
@label="admin.user_fields.edit"
|
|
/>
|
|
|
|
<DMenu
|
|
@identifier="user_field-menu"
|
|
@title={{i18n "admin.config_areas.user_fields.more_options.title"}}
|
|
@icon="ellipsis-vertical"
|
|
@onRegisterApi={{this.onRegisterApi}}
|
|
>
|
|
<:content>
|
|
<DropdownMenu as |dropdown|>
|
|
{{#unless this.cantMoveUp}}
|
|
<dropdown.item>
|
|
<DButton
|
|
@label="admin.config_areas.user_fields.more_options.move_up"
|
|
@icon="arrow-up"
|
|
class="btn-transparent admin-user_field-item__move-up"
|
|
@action={{this.moveUp}}
|
|
/>
|
|
</dropdown.item>
|
|
{{/unless}}
|
|
{{#unless this.cantMoveDown}}
|
|
<dropdown.item>
|
|
<DButton
|
|
@label="admin.config_areas.user_fields.more_options.move_down"
|
|
@icon="arrow-down"
|
|
class="btn-transparent admin-user_field-item__move-down"
|
|
@action={{this.moveDown}}
|
|
/>
|
|
</dropdown.item>
|
|
{{/unless}}
|
|
|
|
<dropdown.item>
|
|
<DButton
|
|
@label="admin.config_areas.user_fields.delete"
|
|
@icon="trash-can"
|
|
class="btn-transparent admin-user_field-item__delete"
|
|
@action={{this.destroy}}
|
|
/>
|
|
</dropdown.item>
|
|
</DropdownMenu>
|
|
</:content>
|
|
</DMenu>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</template>
|
|
}
|