github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-23 13:01:07 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: refactoring permalink-form (#6925)

Browse Source
This commit is contained in:
Joffrey JAFFEUX
2019-01-22 15:09:21 +01:00
committed by GitHub
parent ea8373351b
commit bce9c37f15
2 changed files with 73 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
app/assets/javascripts/admin/components/permalink-form.js.es6
View File

@ -1,70 +1,76 @@
import { default as computed } from "ember-addons/ember-computed-decorators";
import { fmt } from "discourse/lib/computed";
import Permalink from "admin/models/permalink";
export default Ember.Component.extend({
classNames: ["permalink-form"],
formSubmitted: false,
permalinkType: "topic_id",
permalinkTypePlaceholder: fmt("permalinkType", "admin.permalink.%@"),
permalinkTypes: function() {
@computed
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: "external_url", name: I18n.t("admin.permalink.external_url") }
];
}.property(),
},
permalinkTypePlaceholder: function() {
return "admin.permalink." + this.get("permalinkType");
}.property("permalinkType"),
focusPermalink() {
Ember.run.schedule("afterRender", () => this.$(".permalink-url").focus());
},
actions: {
submit: function() {
submit() {
if (!this.get("formSubmitted")) {
const self = this;
self.set("formSubmitted", true);
const permalink = Permalink.create({
url: self.get("url"),
permalink_type: self.get("permalinkType"),
permalink_type_value: self.get("permalink_type_value")
});
permalink.save().then(
function(result) {
self.set("url", "");
self.set("permalink_type_value", "");
self.set("formSubmitted", false);
self.action(Permalink.create(result.permalink));
Ember.run.schedule("afterRender", function() {
self.$(".permalink-url").focus();
});
},
function(e) {
self.set("formSubmitted", false);
let error;
if (e.responseJSON && e.responseJSON.errors) {
error = I18n.t("generic_error_with_reason", {
error: e.responseJSON.errors.join(". ")
this.set("formSubmitted", true);
Permalink.create({
url: this.get("url"),
permalink_type: this.get("permalinkType"),
permalink_type_value: this.get("permalink_type_value")
})
.save()
.then(
result => {
this.setProperties({
url: "",
permalink_type_value: "",
formSubmitted: false
});
} else {
error = I18n.t("generic_error");
this.action(Permalink.create(result.permalink));
this.focusPermalink();
},
e => {
this.set("formSubmitted", false);
let error;
if (e.responseJSON && e.responseJSON.errors) {
error = I18n.t("generic_error_with_reason", {
error: e.responseJSON.errors.join(". ")
});
} else {
error = I18n.t("generic_error");
}
bootbox.alert(error, () => this.focusPermalink());
}
bootbox.alert(error, function() {
self.$(".permalink-url").focus();
});
}
);
);
}
}
},
didInsertElement: function() {
var self = this;
self._super();
Ember.run.schedule("afterRender", function() {
self.$(".external-url").keydown(function(e) {
didInsertElement() {
this._super(...arguments);
Ember.run.schedule("afterRender", () => {
this.$(".external-url").keydown(e => {
// enter key
if (e.keyCode === 13) {
// enter key
self.send("submit");
this.send("submit");
}
});
});