34 lines
1.1 KiB
JavaScript
34 lines
1.1 KiB
JavaScript
export default Discourse.GroupedView.extend({
|
|
tagName: 'tr',
|
|
templateName: 'list/topic_list_item',
|
|
classNameBindings: ['controller.checked', 'content.archived', ':topic-list-item', 'content.hasExcerpt:has-excerpt'],
|
|
attributeBindings: ['data-topic-id'],
|
|
'data-topic-id': Em.computed.alias('content.id'),
|
|
|
|
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() {
|
|
var session = Discourse.Session.current();
|
|
|
|
// highlight the last topic viewed
|
|
if (session.get('lastTopicIdViewed') === this.get('content.id')) {
|
|
session.set('lastTopicIdViewed', null);
|
|
this.highlight();
|
|
} else if (this.get('content.highlight')) {
|
|
// highlight new topics that have been loaded from the server or the one we just created
|
|
this.set('content.highlight', false);
|
|
this.highlight();
|
|
}
|
|
}.on('didInsertElement')
|
|
|
|
});
|