mirror of
https://github.com/discourse/discourse.git
synced 2024-11-29 05:23:39 +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.
93 lines
2.4 KiB
JavaScript
93 lines
2.4 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 { tagName } from "@ember-decorators/component";
|
|
import { fmt } from "discourse/lib/computed";
|
|
import discourseComputed, { bind } from "discourse-common/utils/decorators";
|
|
import I18n from "discourse-i18n";
|
|
import Permalink from "admin/models/permalink";
|
|
|
|
@tagName("")
|
|
export default class PermalinkForm extends Component {
|
|
@service dialog;
|
|
|
|
formSubmitted = false;
|
|
permalinkType = "topic_id";
|
|
|
|
@fmt("permalinkType", "admin.permalink.%@") permalinkTypePlaceholder;
|
|
|
|
action = null;
|
|
permalinkTypeValue = null;
|
|
|
|
@discourseComputed
|
|
permalinkTypes() {
|
|
return [
|
|
{ id: "topic_id", name: I18n.t("admin.permalink.topic_id") },
|
|
{ id: "post_id", name: I18n.t("admin.permalink.post_id") },
|
|
{ id: "category_id", name: I18n.t("admin.permalink.category_id") },
|
|
{ id: "tag_name", name: I18n.t("admin.permalink.tag_name") },
|
|
{ id: "external_url", name: I18n.t("admin.permalink.external_url") },
|
|
];
|
|
}
|
|
|
|
@bind
|
|
focusPermalink() {
|
|
schedule("afterRender", () =>
|
|
document.querySelector(".permalink-url")?.focus()
|
|
);
|
|
}
|
|
|
|
@action
|
|
submitFormOnEnter(event) {
|
|
if (event.key === "Enter") {
|
|
this.onSubmit();
|
|
}
|
|
}
|
|
|
|
@action
|
|
onSubmit() {
|
|
if (!this.formSubmitted) {
|
|
this.set("formSubmitted", true);
|
|
|
|
Permalink.create({
|
|
url: this.url,
|
|
permalink_type: this.permalinkType,
|
|
permalink_type_value: this.permalinkTypeValue,
|
|
})
|
|
.save()
|
|
.then(
|
|
(result) => {
|
|
this.setProperties({
|
|
url: "",
|
|
permalinkTypeValue: "",
|
|
formSubmitted: false,
|
|
});
|
|
|
|
this.action(Permalink.create(result.permalink));
|
|
|
|
this.focusPermalink();
|
|
},
|
|
(e) => {
|
|
this.set("formSubmitted", false);
|
|
|
|
let error;
|
|
if (e?.jqXHR?.responseJSON?.errors) {
|
|
error = I18n.t("generic_error_with_reason", {
|
|
error: e.jqXHR.responseJSON.errors.join(". "),
|
|
});
|
|
} else {
|
|
error = I18n.t("generic_error");
|
|
}
|
|
|
|
this.dialog.alert({
|
|
message: error,
|
|
didConfirm: () => this.focusPermalink(),
|
|
didCancel: () => this.focusPermalink(),
|
|
});
|
|
}
|
|
);
|
|
}
|
|
}
|
|
}
|