141 lines
3.5 KiB
JavaScript
141 lines
3.5 KiB
JavaScript
import { isEmpty } from "@ember/utils";
|
|
import { equal, and, empty } from "@ember/object/computed";
|
|
import Component from "@ember/component";
|
|
import discourseComputed, { observes } from "discourse-common/utils/decorators";
|
|
import { FORMAT } from "select-kit/components/future-date-input-selector";
|
|
import { PUBLISH_TO_CATEGORY_STATUS_TYPE } from "discourse/controllers/edit-topic-timer";
|
|
|
|
export default Component.extend({
|
|
selection: null,
|
|
date: null,
|
|
time: null,
|
|
includeDateTime: true,
|
|
isCustom: equal("selection", "pick_date_and_time"),
|
|
isBasedOnLastPost: equal("selection", "set_based_on_last_post"),
|
|
displayDateAndTimePicker: and("includeDateTime", "isCustom"),
|
|
displayLabel: null,
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
if (this.input) {
|
|
if (this.basedOnLastPost) {
|
|
this.set("selection", "set_based_on_last_post");
|
|
} else {
|
|
const datetime = moment(this.input);
|
|
this.setProperties({
|
|
selection: "pick_date_and_time",
|
|
date: datetime.format("YYYY-MM-DD"),
|
|
time: datetime.format("HH:mm")
|
|
});
|
|
this._updateInput();
|
|
}
|
|
}
|
|
},
|
|
|
|
timeInputDisabled: empty("date"),
|
|
|
|
@observes("date", "time")
|
|
_updateInput() {
|
|
if (!this.date) {
|
|
this.set("time", null);
|
|
}
|
|
|
|
const time = this.time ? ` ${this.time}` : "";
|
|
const dateTime = moment(`${this.date}${time}`);
|
|
|
|
if (dateTime.isValid()) {
|
|
this.attrs.onChangeInput &&
|
|
this.attrs.onChangeInput(dateTime.format(FORMAT));
|
|
} else {
|
|
this.attrs.onChangeInput && this.attrs.onChangeInput(null);
|
|
}
|
|
},
|
|
|
|
@observes("isBasedOnLastPost")
|
|
_updateBasedOnLastPost() {
|
|
this.set("basedOnLastPost", this.isBasedOnLastPost);
|
|
},
|
|
|
|
@discourseComputed("input", "isBasedOnLastPost")
|
|
duration(input, isBasedOnLastPost) {
|
|
const now = moment();
|
|
|
|
if (isBasedOnLastPost) {
|
|
return parseFloat(input);
|
|
} else {
|
|
return moment(input) - now;
|
|
}
|
|
},
|
|
|
|
@discourseComputed("input", "isBasedOnLastPost")
|
|
executeAt(input, isBasedOnLastPost) {
|
|
if (isBasedOnLastPost) {
|
|
return moment()
|
|
.add(input, "hours")
|
|
.format(FORMAT);
|
|
} else {
|
|
return input;
|
|
}
|
|
},
|
|
|
|
didReceiveAttrs() {
|
|
this._super(...arguments);
|
|
|
|
if (this.label) this.set("displayLabel", I18n.t(this.label));
|
|
},
|
|
|
|
@discourseComputed(
|
|
"statusType",
|
|
"input",
|
|
"isCustom",
|
|
"date",
|
|
"time",
|
|
"willCloseImmediately",
|
|
"categoryId"
|
|
)
|
|
showTopicStatusInfo(
|
|
statusType,
|
|
input,
|
|
isCustom,
|
|
date,
|
|
time,
|
|
willCloseImmediately,
|
|
categoryId
|
|
) {
|
|
if (!statusType || willCloseImmediately) return false;
|
|
|
|
if (statusType === PUBLISH_TO_CATEGORY_STATUS_TYPE && isEmpty(categoryId)) {
|
|
return false;
|
|
}
|
|
|
|
if (isCustom) {
|
|
if (date) {
|
|
return moment(`${date}${time ? " " + time : ""}`).isAfter(moment());
|
|
}
|
|
return time;
|
|
} else {
|
|
return input;
|
|
}
|
|
},
|
|
|
|
@discourseComputed("isBasedOnLastPost", "input", "lastPostedAt")
|
|
willCloseImmediately(isBasedOnLastPost, input, lastPostedAt) {
|
|
if (isBasedOnLastPost && input) {
|
|
let closeDate = moment(lastPostedAt);
|
|
closeDate = closeDate.add(input, "hours");
|
|
return closeDate < moment();
|
|
}
|
|
},
|
|
|
|
@discourseComputed("isBasedOnLastPost", "lastPostedAt")
|
|
willCloseI18n(isBasedOnLastPost, lastPostedAt) {
|
|
if (isBasedOnLastPost) {
|
|
const diff = Math.round(
|
|
(new Date() - new Date(lastPostedAt)) / (1000 * 60 * 60)
|
|
);
|
|
return I18n.t("topic.auto_close_immediate", { count: diff });
|
|
}
|
|
}
|
|
});
|