This repository has been archived on 2023-03-18. You can view files and clone it, but cannot push or open issues or pull requests.
osr-discourse-src/app/assets/javascripts/discourse/components/future-date-input.js.es6
Tarek Khalil b1cb95fc23
FEATURE: Introduce ignore duration selection (#7266)
* FEATURE: Introducing new UI for tracking User's ignored or muted states
2019-03-29 10:14:53 +00:00

131 lines
3.1 KiB
JavaScript

import {
default as computed,
observes
} from "ember-addons/ember-computed-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 Ember.Component.extend({
selection: null,
date: null,
time: null,
includeDateTime: true,
isCustom: Ember.computed.equal("selection", "pick_date_and_time"),
isBasedOnLastPost: Ember.computed.equal(
"selection",
"set_based_on_last_post"
),
displayDateAndTimePicker: Ember.computed.and("includeDateTime", "isCustom"),
displayLabel: null,
init() {
this._super(...arguments);
const input = this.get("input");
if (input) {
if (this.get("basedOnLastPost")) {
this.set("selection", "set_based_on_last_post");
} else {
this.set("selection", "pick_date_and_time");
const datetime = moment(input);
this.set("date", datetime.toDate());
this.set("time", datetime.format("HH:mm"));
this._updateInput();
}
}
},
@observes("date", "time")
_updateInput() {
const date = moment(this.get("date")).format("YYYY-MM-DD");
const time = (this.get("time") && ` ${this.get("time")}`) || "";
this.set("input", moment(`${date}${time}`).format(FORMAT));
},
@observes("isBasedOnLastPost")
_updateBasedOnLastPost() {
this.set("basedOnLastPost", this.get("isBasedOnLastPost"));
},
@computed("input", "isBasedOnLastPost")
duration(input, isBasedOnLastPost) {
const now = moment();
if (isBasedOnLastPost) {
return parseFloat(input);
} else {
return moment(input) - now;
}
},
@computed("input", "isBasedOnLastPost")
executeAt(input, isBasedOnLastPost) {
if (isBasedOnLastPost) {
return moment()
.add(input, "hours")
.format(FORMAT);
} else {
return input;
}
},
didReceiveAttrs() {
if (this.get("label")) this.set("displayLabel", I18n.t(this.get("label")));
},
@computed(
"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 &&
Ember.isEmpty(categoryId)
) {
return false;
}
if (isCustom) {
return date || time;
} else {
return input;
}
},
@computed("isBasedOnLastPost", "input", "lastPostedAt")
willCloseImmediately(isBasedOnLastPost, input, lastPostedAt) {
if (isBasedOnLastPost && input) {
let closeDate = moment(lastPostedAt);
closeDate = closeDate.add(input, "hours");
return closeDate < moment();
}
},
@computed("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 });
}
}
});