136 lines
3.5 KiB
JavaScript
136 lines
3.5 KiB
JavaScript
import StringBuffer from 'discourse/mixins/string-buffer';
|
|
|
|
export default Ember.View.extend(StringBuffer, {
|
|
topic: Em.computed.alias("content"),
|
|
rerenderTriggers: ['controller.bulkSelectEnabled', 'topic.pinned'],
|
|
tagName: 'tr',
|
|
rawTemplate: 'list/topic-list-item.raw',
|
|
classNameBindings: ['controller.checked',
|
|
':topic-list-item',
|
|
'unboundClassNames',
|
|
'selected'],
|
|
attributeBindings: ['data-topic-id'],
|
|
'data-topic-id': Em.computed.alias('topic.id'),
|
|
|
|
actions: {
|
|
select() {
|
|
this.set('controller.selectedRow', this);
|
|
},
|
|
|
|
toggleBookmark() {
|
|
const self = this;
|
|
this.get('topic').toggleBookmark().finally(function() {
|
|
self.rerender();
|
|
});
|
|
}
|
|
},
|
|
|
|
selected: function() {
|
|
return this.get('controller.selectedRow')===this;
|
|
}.property('controller.selectedRow'),
|
|
|
|
unboundClassNames: function() {
|
|
let classes = [];
|
|
const topic = this.get('topic');
|
|
|
|
if (topic.get('category')) {
|
|
classes.push("category-" + topic.get('category.fullSlug'));
|
|
}
|
|
|
|
if (topic.get('hasExcerpt')) {
|
|
classes.push('has-excerpt');
|
|
}
|
|
|
|
_.each(['liked', 'archived', 'bookmarked'],function(name) {
|
|
if (topic.get(name)) {
|
|
classes.push(name);
|
|
}
|
|
});
|
|
|
|
return classes.join(' ');
|
|
}.property(),
|
|
|
|
titleColSpan: function() {
|
|
return (!this.get('controller.hideCategory') &&
|
|
this.get('topic.isPinnedUncategorized') ? 2 : 1);
|
|
}.property("topic.isPinnedUncategorized"),
|
|
|
|
|
|
hasLikes: function() {
|
|
return this.get('topic.like_count') > 0;
|
|
},
|
|
|
|
hasOpLikes: function() {
|
|
return this.get('topic.op_like_count') > 0;
|
|
},
|
|
|
|
expandPinned: function() {
|
|
const pinned = this.get('topic.pinned');
|
|
if (!pinned) {
|
|
return false;
|
|
}
|
|
|
|
if (this.get('controller.expandGloballyPinned') && this.get('topic.pinned_globally')) {
|
|
return true;
|
|
}
|
|
|
|
if (this.get('controller.expandAllPinned')) {
|
|
return true;
|
|
}
|
|
|
|
return false;
|
|
}.property(),
|
|
|
|
click(e) {
|
|
let target = $(e.target);
|
|
|
|
if (target.hasClass('posts-map')) {
|
|
if (target.prop('tagName') !== 'A') {
|
|
target = target.find('a');
|
|
}
|
|
this.container.lookup('controller:application').send("showTopicEntrance", {topic: this.get('topic'), position: target.offset()});
|
|
return false;
|
|
}
|
|
|
|
if (target.hasClass('bulk-select')) {
|
|
const selected = this.get('controller.selected');
|
|
const topic = this.get('topic');
|
|
|
|
if (target.is(':checked')) {
|
|
selected.addObject(topic);
|
|
} else {
|
|
selected.removeObject(topic);
|
|
}
|
|
}
|
|
|
|
if (target.closest('a.topic-status').length === 1) {
|
|
this.get('topic').togglePinnedForUser();
|
|
return false;
|
|
}
|
|
},
|
|
|
|
highlight() {
|
|
const $topic = this.$();
|
|
const originalCol = $topic.css('backgroundColor');
|
|
$topic
|
|
.addClass('highlighted')
|
|
.stop()
|
|
.animate({ backgroundColor: originalCol }, 2500, 'swing', function() {
|
|
$topic.removeClass('highlighted');
|
|
});
|
|
},
|
|
|
|
_highlightIfNeeded: function() {
|
|
// highlight the last topic viewed
|
|
if (this.session.get('lastTopicIdViewed') === this.get('topic.id')) {
|
|
this.session.set('lastTopicIdViewed', null);
|
|
this.highlight();
|
|
} else if (this.get('topic.highlight')) {
|
|
// highlight new topics that have been loaded from the server or the one we just created
|
|
this.set('topic.highlight', false);
|
|
this.highlight();
|
|
}
|
|
}.on('didInsertElement')
|
|
|
|
});
|