mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 19:33:39 +08:00
98201ecc24
This PR is the first step towards replacing our `{{user-selector}}` and eventually deprecating and removing it from our codebase. Some of `{{user-selector}}` problems are:
1. It's called `{{user-selector}}`, but in reality in can also select groups and emails.
2. It's an Ember component, yet it doesn't have a handlebars template and uses jQuery to render itself and modify the DOM. An example of this problem is when you want to clear the selected users programmatically, see [this](6c155dba77/app/assets/javascripts/discourse/app/components/user-selector.js (L179-L185)).
3. We now have select kit which does very similar things but a lot better.
This PR introduces `{{email-group-user-chooser}}` which is meant to replace `{{user-selector}}`. It extends select kit and has the same features that `{{user-selector}}` has. `{{user-selector}}` is still used in a few places in core, but they'll all be replaced with the new component in a separate commit.
Once `{{user-selector}}` is not used anywhere in core, it'll be deprecated and then removed after the 2.7 release.
73 lines
1.7 KiB
JavaScript
73 lines
1.7 KiB
JavaScript
import Controller from "@ember/controller";
|
|
import I18n from "I18n";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import { isBlank } from "@ember/utils";
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
|
import { get } from "@ember/object";
|
|
import showModal from "discourse/lib/show-modal";
|
|
|
|
export default Controller.extend({
|
|
userModes: [
|
|
{ id: "all", name: I18n.t("admin.api.all_users") },
|
|
{ id: "single", name: I18n.t("admin.api.single_user") },
|
|
],
|
|
useGlobalKey: false,
|
|
scopes: null,
|
|
|
|
@discourseComputed("userMode")
|
|
showUserSelector(mode) {
|
|
return mode === "single";
|
|
},
|
|
|
|
@discourseComputed("model.description", "model.username", "userMode")
|
|
saveDisabled(description, username, userMode) {
|
|
if (isBlank(description)) {
|
|
return true;
|
|
}
|
|
if (userMode === "single" && isBlank(username)) {
|
|
return true;
|
|
}
|
|
return false;
|
|
},
|
|
|
|
actions: {
|
|
updateUsername(selected) {
|
|
this.set("model.username", get(selected, "firstObject"));
|
|
},
|
|
|
|
changeUserMode(value) {
|
|
if (value === "all") {
|
|
this.model.set("username", null);
|
|
}
|
|
this.set("userMode", value);
|
|
},
|
|
|
|
save() {
|
|
if (!this.useGlobalKey) {
|
|
const selectedScopes = Object.values(this.scopes)
|
|
.flat()
|
|
.filter((action) => {
|
|
return action.selected;
|
|
});
|
|
|
|
this.model.set("scopes", selectedScopes);
|
|
}
|
|
|
|
this.model.save().catch(popupAjaxError);
|
|
},
|
|
|
|
continue() {
|
|
this.transitionToRoute("adminApiKeys.show", this.model.id);
|
|
},
|
|
|
|
showURLs(urls) {
|
|
return showModal("admin-api-key-urls", {
|
|
admin: true,
|
|
model: {
|
|
urls,
|
|
},
|
|
});
|
|
},
|
|
},
|
|
});
|