mirror of
https://github.com/discourse/discourse.git
synced 2024-12-11 15:53:45 +08:00
223 lines
5.5 KiB
JavaScript
223 lines
5.5 KiB
JavaScript
import ComboBoxComponent from "select-kit/components/combo-box";
|
|
import { CLOSE_STATUS_TYPE } from "discourse/controllers/edit-topic-timer";
|
|
import DatetimeMixin from "select-kit/components/future-date-input-selector/mixin";
|
|
|
|
const TIMEFRAME_BASE = {
|
|
enabled: () => true,
|
|
when: () => null,
|
|
icon: "briefcase",
|
|
displayWhen: true
|
|
};
|
|
|
|
function buildTimeframe(opts) {
|
|
return jQuery.extend({}, TIMEFRAME_BASE, opts);
|
|
}
|
|
|
|
export const TIMEFRAMES = [
|
|
buildTimeframe({
|
|
id: "later_today",
|
|
format: "h a",
|
|
enabled: opts => opts.canScheduleToday,
|
|
when: time => time.hour(18).minute(0),
|
|
icon: "far-moon"
|
|
}),
|
|
buildTimeframe({
|
|
id: "tomorrow",
|
|
format: "ddd, h a",
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(1, "day")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "far-sun"
|
|
}),
|
|
buildTimeframe({
|
|
id: "later_this_week",
|
|
format: "ddd, h a",
|
|
enabled: opts => !opts.canScheduleToday && opts.day < 4,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(2, "day")
|
|
.hour(timeOfDay)
|
|
.minute(0)
|
|
}),
|
|
buildTimeframe({
|
|
id: "this_weekend",
|
|
format: "ddd, h a",
|
|
enabled: opts => opts.day < 5 && opts.includeWeekend,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.day(6)
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "bed"
|
|
}),
|
|
buildTimeframe({
|
|
id: "next_week",
|
|
format: "ddd, h a",
|
|
enabled: opts => opts.day !== 7,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(1, "week")
|
|
.day(1)
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "two_weeks",
|
|
format: "MMM D",
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(2, "week")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "next_month",
|
|
format: "MMM D",
|
|
enabled: opts =>
|
|
opts.now.date() !==
|
|
moment()
|
|
.endOf("month")
|
|
.date(),
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(1, "month")
|
|
.startOf("month")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "three_months",
|
|
format: "MMM D",
|
|
enabled: opts => opts.includeFarFuture,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(3, "month")
|
|
.startOf("month")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "six_months",
|
|
format: "MMM D",
|
|
enabled: opts => opts.includeFarFuture,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(6, "month")
|
|
.startOf("month")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "one_year",
|
|
format: "MMM D",
|
|
enabled: opts => opts.includeFarFuture,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(1, "year")
|
|
.startOf("day")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "briefcase"
|
|
}),
|
|
buildTimeframe({
|
|
id: "forever",
|
|
enabled: opts => opts.includeFarFuture,
|
|
when: (time, timeOfDay) =>
|
|
time
|
|
.add(1000, "year")
|
|
.hour(timeOfDay)
|
|
.minute(0),
|
|
icon: "gavel",
|
|
displayWhen: false
|
|
}),
|
|
buildTimeframe({
|
|
id: "pick_date_and_time",
|
|
icon: "far-calendar-plus"
|
|
}),
|
|
buildTimeframe({
|
|
id: "set_based_on_last_post",
|
|
enabled: opts => opts.includeBasedOnLastPost,
|
|
icon: "far-clock"
|
|
})
|
|
];
|
|
|
|
let _timeframeById = null;
|
|
export function timeframeDetails(id) {
|
|
if (!_timeframeById) {
|
|
_timeframeById = {};
|
|
TIMEFRAMES.forEach(t => (_timeframeById[t.id] = t));
|
|
}
|
|
return _timeframeById[id];
|
|
}
|
|
|
|
export const FORMAT = "YYYY-MM-DD HH:mmZ";
|
|
|
|
export default ComboBoxComponent.extend(DatetimeMixin, {
|
|
pluginApiIdentifiers: ["future-date-input-selector"],
|
|
classNames: ["future-date-input-selector"],
|
|
isCustom: Ember.computed.equal("value", "pick_date_and_time"),
|
|
isBasedOnLastPost: Ember.computed.equal("value", "set_based_on_last_post"),
|
|
rowComponent: "future-date-input-selector/future-date-input-selector-row",
|
|
headerComponent:
|
|
"future-date-input-selector/future-date-input-selector-header",
|
|
|
|
computeHeaderContent() {
|
|
let content = this._super(...arguments);
|
|
content.datetime = this._computeDatetimeForValue(this.get("computedValue"));
|
|
content.name = this.get("selection.name") || content.name;
|
|
content.hasSelection = this.get("hasSelection");
|
|
content.icons = this._computeIconsForValue(this.get("computedValue"));
|
|
return content;
|
|
},
|
|
|
|
computeContentItem(contentItem, name) {
|
|
let computedContentItem = this._super(contentItem, name);
|
|
computedContentItem.datetime = this._computeDatetimeForValue(
|
|
contentItem.id
|
|
);
|
|
computedContentItem.icons = this._computeIconsForValue(contentItem.id);
|
|
return computedContentItem;
|
|
},
|
|
|
|
computeContent() {
|
|
let now = moment();
|
|
let opts = {
|
|
now,
|
|
day: now.day(),
|
|
includeWeekend: this.get("includeWeekend"),
|
|
includeFarFuture: this.get("includeFarFuture"),
|
|
includeBasedOnLastPost: this.get("statusType") === CLOSE_STATUS_TYPE,
|
|
canScheduleToday: 24 - now.hour() > 6
|
|
};
|
|
|
|
return TIMEFRAMES.filter(tf => tf.enabled(opts)).map(tf => {
|
|
return {
|
|
id: tf.id,
|
|
name: I18n.t(`topic.auto_update_input.${tf.id}`)
|
|
};
|
|
});
|
|
},
|
|
|
|
mutateValue(value) {
|
|
if (value === "pick_date_and_time" || this.get("isBasedOnLastPost")) {
|
|
this.set("value", value);
|
|
} else {
|
|
let input = null;
|
|
const { time } = this._updateAt(value);
|
|
|
|
if (time && !Ember.isEmpty(value)) {
|
|
input = time.locale("en").format(FORMAT);
|
|
}
|
|
|
|
this.setProperties({ input, value });
|
|
}
|
|
}
|
|
});
|