mirror of
https://github.com/discourse/discourse.git
synced 2024-11-25 05:40:42 +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.
91 lines
2.7 KiB
JavaScript
91 lines
2.7 KiB
JavaScript
import Component from "@ember/component";
|
|
import { action } from "@ember/object";
|
|
import { schedule } from "@ember/runloop";
|
|
import { inject as service } from "@ember/service";
|
|
import { classNames, tagName } from "@ember-decorators/component";
|
|
import discourseComputed from "discourse-common/utils/decorators";
|
|
import I18n from "discourse-i18n";
|
|
import ScreenedIpAddress from "admin/models/screened-ip-address";
|
|
|
|
/**
|
|
A form to create an IP address that will be blocked or allowed.
|
|
Example usage:
|
|
|
|
{{screened-ip-address-form action=(action "recordAdded")}}
|
|
|
|
where action is a callback on the controller or route that will get called after
|
|
the new record is successfully saved. It is called with the new ScreenedIpAddress record
|
|
as an argument.
|
|
**/
|
|
|
|
@tagName("form")
|
|
@classNames("screened-ip-address-form", "inline-form")
|
|
export default class ScreenedIpAddressForm extends Component {
|
|
@service dialog;
|
|
|
|
formSubmitted = false;
|
|
actionName = "block";
|
|
|
|
@discourseComputed("siteSettings.use_admin_ip_allowlist")
|
|
actionNames(adminAllowlistEnabled) {
|
|
if (adminAllowlistEnabled) {
|
|
return [
|
|
{ id: "block", name: I18n.t("admin.logs.screened_ips.actions.block") },
|
|
{
|
|
id: "do_nothing",
|
|
name: I18n.t("admin.logs.screened_ips.actions.do_nothing"),
|
|
},
|
|
{
|
|
id: "allow_admin",
|
|
name: I18n.t("admin.logs.screened_ips.actions.allow_admin"),
|
|
},
|
|
];
|
|
} else {
|
|
return [
|
|
{ id: "block", name: I18n.t("admin.logs.screened_ips.actions.block") },
|
|
{
|
|
id: "do_nothing",
|
|
name: I18n.t("admin.logs.screened_ips.actions.do_nothing"),
|
|
},
|
|
];
|
|
}
|
|
}
|
|
|
|
focusInput() {
|
|
schedule("afterRender", () => {
|
|
this.element.querySelector("input").focus();
|
|
});
|
|
}
|
|
|
|
@action
|
|
submitForm() {
|
|
if (!this.formSubmitted) {
|
|
this.set("formSubmitted", true);
|
|
const screenedIpAddress = ScreenedIpAddress.create({
|
|
ip_address: this.ip_address,
|
|
action_name: this.actionName,
|
|
});
|
|
screenedIpAddress
|
|
.save()
|
|
.then((result) => {
|
|
this.setProperties({ ip_address: "", formSubmitted: false });
|
|
this.action(ScreenedIpAddress.create(result.screened_ip_address));
|
|
this.focusInput();
|
|
})
|
|
.catch((e) => {
|
|
this.set("formSubmitted", false);
|
|
const message = e.jqXHR.responseJSON?.errors
|
|
? I18n.t("generic_error_with_reason", {
|
|
error: e.jqXHR.responseJSON.errors.join(". "),
|
|
})
|
|
: I18n.t("generic_error");
|
|
this.dialog.alert({
|
|
message,
|
|
didConfirm: () => this.focusInput(),
|
|
didCancel: () => this.focusInput(),
|
|
});
|
|
});
|
|
}
|
|
}
|
|
}
|