mirror of
https://github.com/discourse/discourse.git
synced 2024-12-12 12:19:36 +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.
65 lines
1.7 KiB
JavaScript
65 lines
1.7 KiB
JavaScript
import { empty, notEmpty, or } from "@ember/object/computed";
|
|
import Controller from "@ember/controller";
|
|
import EmailPreview from "admin/models/email-preview";
|
|
import bootbox from "bootbox";
|
|
import { get } from "@ember/object";
|
|
import { popupAjaxError } from "discourse/lib/ajax-error";
|
|
|
|
export default Controller.extend({
|
|
username: null,
|
|
lastSeen: null,
|
|
|
|
emailEmpty: empty("email"),
|
|
sendEmailDisabled: or("emailEmpty", "sendingEmail"),
|
|
showSendEmailForm: notEmpty("model.html_content"),
|
|
htmlEmpty: empty("model.html_content"),
|
|
|
|
actions: {
|
|
updateUsername(selected) {
|
|
this.set("username", get(selected, "firstObject"));
|
|
},
|
|
|
|
refresh() {
|
|
const model = this.model;
|
|
|
|
this.set("loading", true);
|
|
this.set("sentEmail", false);
|
|
|
|
let username = this.username;
|
|
if (!username) {
|
|
username = this.currentUser.get("username");
|
|
this.set("username", username);
|
|
}
|
|
|
|
EmailPreview.findDigest(username, this.lastSeen).then((email) => {
|
|
model.setProperties(
|
|
email.getProperties("html_content", "text_content")
|
|
);
|
|
this.set("loading", false);
|
|
});
|
|
},
|
|
|
|
toggleShowHtml() {
|
|
this.toggleProperty("showHtml");
|
|
},
|
|
|
|
sendEmail() {
|
|
this.set("sendingEmail", true);
|
|
this.set("sentEmail", false);
|
|
|
|
EmailPreview.sendDigest(this.username, this.lastSeen, this.email)
|
|
.then((result) => {
|
|
if (result.errors) {
|
|
bootbox.alert(result.errors);
|
|
} else {
|
|
this.set("sentEmail", true);
|
|
}
|
|
})
|
|
.catch(popupAjaxError)
|
|
.finally(() => {
|
|
this.set("sendingEmail", false);
|
|
});
|
|
},
|
|
},
|
|
});
|