136 lines
3.5 KiB
JavaScript
136 lines
3.5 KiB
JavaScript
import StringBuffer from 'discourse/mixins/string-buffer';
|
|
|
|
export default Discourse.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: function(){
|
|
this.set('controller.selectedRow', this);
|
|
},
|
|
|
|
toggleBookmark: function() {
|
|
var 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(){
|
|
var 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: function(e){
|
|
var 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')){
|
|
var selected = this.get('controller.selected');
|
|
var 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: function() {
|
|
var $topic = this.$();
|
|
var 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')
|
|
|
|
});
|