82 lines
2.1 KiB
JavaScript
82 lines
2.1 KiB
JavaScript
import { iconHTML } from 'discourse-common/lib/icon-library';
|
|
import { bufferedRender } from 'discourse-common/lib/buffered-render';
|
|
import Category from 'discourse/models/category';
|
|
|
|
export default Ember.Component.extend(bufferedRender({
|
|
classNames: ['topic-status-info'],
|
|
_delayedRerender: null,
|
|
|
|
rerenderTriggers: [
|
|
'statusType',
|
|
'executeAt',
|
|
'basedOnLastPost',
|
|
'duration',
|
|
'categoryId',
|
|
],
|
|
|
|
buildBuffer(buffer) {
|
|
if (!this.get('executeAt')) return;
|
|
|
|
let statusUpdateAt = moment(this.get('executeAt'));
|
|
if (statusUpdateAt < new Date()) return;
|
|
|
|
let duration = moment.duration(statusUpdateAt - moment());
|
|
let minutesLeft = duration.asMinutes();
|
|
let rerenderDelay = 1000;
|
|
|
|
if (minutesLeft > 2160) {
|
|
rerenderDelay = 12 * 60 * 60000;
|
|
} else if (minutesLeft > 1410) {
|
|
rerenderDelay = 60 * 60000;
|
|
} else if (minutesLeft > 90) {
|
|
rerenderDelay = 30 * 60000;
|
|
} else if (minutesLeft > 2) {
|
|
rerenderDelay = 60000;
|
|
}
|
|
|
|
let autoCloseHours = this.get("duration") || 0;
|
|
|
|
buffer.push(`<h3>${iconHTML('clock-o')} `);
|
|
|
|
let options = {
|
|
timeLeft: duration.humanize(true),
|
|
duration: moment.duration(autoCloseHours, "hours").humanize(),
|
|
};
|
|
|
|
const categoryId = this.get('categoryId');
|
|
|
|
if (categoryId) {
|
|
const category = Category.findById(categoryId);
|
|
|
|
options = _.assign({
|
|
categoryName: category.get('slug'),
|
|
categoryUrl: category.get('url')
|
|
}, options);
|
|
}
|
|
|
|
buffer.push(`<span>${I18n.t(this._noticeKey(), options)}</span>`);
|
|
buffer.push('</h3>');
|
|
|
|
// TODO Sam: concerned this can cause a heavy rerender loop
|
|
if (!Ember.testing) {
|
|
this._delayedRerender = Ember.run.later(this, this.rerender, rerenderDelay);
|
|
}
|
|
},
|
|
|
|
willDestroyElement() {
|
|
if (this._delayedRerender) {
|
|
Em.run.cancel(this._delayedRerender);
|
|
}
|
|
},
|
|
|
|
_noticeKey() {
|
|
const statusType = this.get('statusType');
|
|
|
|
if (this.get("basedOnLastPost")) {
|
|
return `topic.status_update_notice.auto_${statusType}_based_on_last_post`;
|
|
} else {
|
|
return `topic.status_update_notice.auto_${statusType}`;
|
|
}
|
|
}
|
|
}));
|