mirror of
https://github.com/discourse/discourse.git
synced 2025-02-14 01:22:46 +08:00
283 lines
9.3 KiB
JavaScript
283 lines
9.3 KiB
JavaScript
/**
|
|
This view renders a post.
|
|
|
|
@class PostView
|
|
@extends Discourse.GroupedView
|
|
@namespace Discourse
|
|
@module Discourse
|
|
**/
|
|
Discourse.PostView = Discourse.GroupedView.extend(Ember.Evented, {
|
|
classNames: ['topic-post', 'clearfix'],
|
|
templateName: 'post',
|
|
classNameBindings: ['postTypeClass',
|
|
'selected',
|
|
'post.hidden:post-hidden',
|
|
'post.deleted',
|
|
'groupNameClass'],
|
|
postBinding: 'content',
|
|
|
|
postTypeClass: function() {
|
|
return this.get('post.post_type') === Discourse.Site.currentProp('post_types.moderator_action') ? 'moderator' : 'regular';
|
|
}.property('post.post_type'),
|
|
|
|
groupNameClass: function() {
|
|
var primaryGroupName = this.get('post.primary_group_name');
|
|
if (primaryGroupName) {
|
|
return "group-" + primaryGroupName;
|
|
}
|
|
}.property('post.primary_group_name'),
|
|
|
|
showExpandButton: function() {
|
|
if (this.get('controller.firstPostExpanded')) { return false; }
|
|
|
|
var post = this.get('post');
|
|
return post.get('post_number') === 1 && post.get('topic.expandable_first_post');
|
|
}.property('post.post_number', 'controller.firstPostExpanded'),
|
|
|
|
// If the cooked content changed, add the quote controls
|
|
cookedChanged: function() {
|
|
Em.run.scheduleOnce('afterRender', this, 'insertQuoteControls');
|
|
}.observes('post.cooked'),
|
|
|
|
mouseUp: function(e) {
|
|
if (this.get('controller.multiSelect') && (e.metaKey || e.ctrlKey)) {
|
|
this.get('controller').toggledSelectedPost(this.get('post'));
|
|
}
|
|
|
|
var $adminMenu = this.get('adminMenu');
|
|
if ($adminMenu && !$(e.target).is($adminMenu) && $adminMenu.has($(e.target)).length === 0) {
|
|
$adminMenu.hide();
|
|
this.set('adminMenu', null);
|
|
}
|
|
},
|
|
|
|
selected: function() {
|
|
return this.get('controller').postSelected(this.get('post'));
|
|
}.property('controller.selectedPostsCount'),
|
|
|
|
canSelectReplies: function() {
|
|
if (this.get('post.reply_count') === 0) { return false; }
|
|
return !this.get('selected');
|
|
}.property('post.reply_count', 'selected'),
|
|
|
|
selectPostText: function() {
|
|
return this.get('selected') ? I18n.t('topic.multi_select.selected', { count: this.get('controller.selectedPostsCount') }) : I18n.t('topic.multi_select.select');
|
|
}.property('selected', 'controller.selectedPostsCount'),
|
|
|
|
repliesShown: Em.computed.gt('post.replies.length', 0),
|
|
|
|
updateQuoteElements: function($aside, desc) {
|
|
var navLink = "",
|
|
quoteTitle = I18n.t("post.follow_quote"),
|
|
postNumber = $aside.data('post');
|
|
|
|
if (postNumber) {
|
|
|
|
// If we have a topic reference
|
|
var topicId, topic;
|
|
if (topicId = $aside.data('topic')) {
|
|
topic = this.get('controller.content');
|
|
|
|
// If it's the same topic as ours, build the URL from the topic object
|
|
if (topic && topic.get('id') === topicId) {
|
|
navLink = "<a href='" + topic.urlForPostNumber(postNumber) + "' title='" + quoteTitle + "' class='back'></a>";
|
|
} else {
|
|
// Made up slug should be replaced with canonical URL
|
|
navLink = "<a href='" + Discourse.getURL("/t/via-quote/") + topicId + "/" + postNumber + "' title='" + quoteTitle + "' class='quote-other-topic'></a>";
|
|
}
|
|
|
|
} else if (topic = this.get('controller.content')) {
|
|
// assume the same topic
|
|
navLink = "<a href='" + topic.urlForPostNumber(postNumber) + "' title='" + quoteTitle + "' class='back'></a>";
|
|
}
|
|
}
|
|
// Only add the expand/contract control if it's not a full post
|
|
var expandContract = "";
|
|
if (!$aside.data('full')) {
|
|
expandContract = "<i class='fa fa-" + desc + "' title='" + I18n.t("post.expand_collapse") + "'></i>";
|
|
$aside.css('cursor', 'pointer');
|
|
}
|
|
$('.quote-controls', $aside).html(expandContract + navLink);
|
|
},
|
|
|
|
toggleQuote: function($aside) {
|
|
$aside.data('expanded',!$aside.data('expanded'));
|
|
if ($aside.data('expanded')) {
|
|
this.updateQuoteElements($aside, 'chevron-up');
|
|
// Show expanded quote
|
|
var $blockQuote = $('blockquote', $aside);
|
|
$aside.data('original-contents',$blockQuote.html());
|
|
|
|
var originalText = $blockQuote.text().trim();
|
|
$blockQuote.html(I18n.t("loading"));
|
|
var topic_id = this.get('post.topic_id');
|
|
if ($aside.data('topic')) {
|
|
topic_id = $aside.data('topic');
|
|
}
|
|
|
|
var post_id = $aside.data('post');
|
|
|
|
topic_id = parseInt(topic_id,10);
|
|
post_id = parseInt(post_id,10);
|
|
|
|
Discourse.ajax("/posts/by_number/" + topic_id + "/" + post_id).then(function (result) {
|
|
var parsed = $(result.cooked);
|
|
parsed.replaceText(originalText, "<span class='highlighted'>" + originalText + "</span>");
|
|
$blockQuote.showHtml(parsed);
|
|
});
|
|
} else {
|
|
// Hide expanded quote
|
|
this.updateQuoteElements($aside, 'chevron-down');
|
|
$('blockquote', $aside).showHtml($aside.data('original-contents'));
|
|
}
|
|
return false;
|
|
},
|
|
|
|
// Show how many times links have been clicked on
|
|
showLinkCounts: function() {
|
|
|
|
var self = this,
|
|
link_counts = this.get('post.link_counts');
|
|
|
|
if (!link_counts) return;
|
|
|
|
link_counts.forEach(function(lc) {
|
|
if (!lc.clicks || lc.clicks < 1) return;
|
|
|
|
self.$(".cooked a[href]").each(function() {
|
|
var link = $(this);
|
|
if (!lc.internal && link.attr('href') === lc.url) {
|
|
// don't display badge counts on category badge
|
|
if (link.closest('.badge-category').length === 0 && ((link.closest(".onebox-result").length === 0 && link.closest('.onebox-body').length === 0) || link.hasClass("track-link"))) {
|
|
link.append("<span class='badge badge-notification clicks' title='" +
|
|
I18n.t("topic_map.clicks", {count: lc.clicks}) +
|
|
"'>" + Discourse.Formatter.number(lc.clicks) + "</span>");
|
|
}
|
|
}
|
|
});
|
|
});
|
|
},
|
|
|
|
actions: {
|
|
/**
|
|
Toggle the replies this post is a reply to
|
|
|
|
@method showReplyHistory
|
|
**/
|
|
toggleReplyHistory: function(post) {
|
|
|
|
var replyHistory = post.get('replyHistory'),
|
|
topicController = this.get('controller'),
|
|
origScrollTop = $(window).scrollTop();
|
|
|
|
|
|
if (replyHistory.length > 0) {
|
|
var origHeight = this.$('.embedded-posts.top').height();
|
|
|
|
replyHistory.clear();
|
|
Em.run.next(function() {
|
|
$(window).scrollTop(origScrollTop - origHeight);
|
|
});
|
|
} else {
|
|
post.set('loadingReplyHistory', true);
|
|
|
|
var self = this;
|
|
topicController.get('postStream').findReplyHistory(post).then(function () {
|
|
post.set('loadingReplyHistory', false);
|
|
|
|
Em.run.next(function() {
|
|
$(window).scrollTop(origScrollTop + self.$('.embedded-posts.top').height());
|
|
});
|
|
});
|
|
}
|
|
}
|
|
},
|
|
|
|
// Add the quote controls to a post
|
|
insertQuoteControls: function() {
|
|
var self = this,
|
|
$quotes = this.$('aside.quote');
|
|
|
|
// Safety check - in some cases with cloackedView this seems to be `undefined`.
|
|
if (Em.isEmpty($quotes)) { return; }
|
|
|
|
$quotes.each(function(i, e) {
|
|
var $aside = $(e);
|
|
if ($aside.data('post')) {
|
|
self.updateQuoteElements($aside, 'chevron-down');
|
|
var $title = $('.title', $aside);
|
|
|
|
// Unless it's a full quote, allow click to expand
|
|
if (!($aside.data('full') || $title.data('has-quote-controls'))) {
|
|
$title.on('click', function(e) {
|
|
if ($(e.target).is('a')) return true;
|
|
self.toggleQuote($aside);
|
|
});
|
|
$title.data('has-quote-controls', true);
|
|
}
|
|
}
|
|
});
|
|
},
|
|
|
|
willDestroyElement: function() {
|
|
Discourse.ScreenTrack.current().stopTracking(this.get('elementId'));
|
|
},
|
|
|
|
didInsertElement: function() {
|
|
var $post = this.$(),
|
|
post = this.get('post'),
|
|
postNumber = post.get('post_number'),
|
|
highlightNumber = this.get('controller.highlightOnInsert');
|
|
|
|
// If we're meant to highlight a post
|
|
if ((highlightNumber > 1) && (highlightNumber === postNumber)) {
|
|
this.set('controller.highlightOnInsert', null);
|
|
var $contents = $('#post_' + postNumber +' .topic-body', $post),
|
|
origColor = $contents.data('orig-color') || $contents.css('backgroundColor');
|
|
|
|
$contents.data("orig-color", origColor);
|
|
$contents
|
|
.addClass('highlighted')
|
|
.stop()
|
|
.animate({ backgroundColor: origColor }, 2500, 'swing', function(){
|
|
$contents.removeClass('highlighted');
|
|
});
|
|
}
|
|
|
|
this.showLinkCounts();
|
|
|
|
// Track this post
|
|
Discourse.ScreenTrack.current().track(this.$().prop('id'), postNumber);
|
|
|
|
// Add syntax highlighting
|
|
Discourse.SyntaxHighlighting.apply($post);
|
|
Discourse.Lightbox.apply($post);
|
|
|
|
this.trigger('postViewInserted', $post);
|
|
|
|
// Find all the quotes
|
|
Em.run.scheduleOnce('afterRender', this, 'insertQuoteControls');
|
|
|
|
this.applySearchHighlight();
|
|
},
|
|
|
|
applySearchHighlight: function(){
|
|
var highlight = this.get('controller.searchHighlight');
|
|
var cooked = this.$('.cooked');
|
|
|
|
if(!cooked){ return; }
|
|
|
|
if(highlight && highlight.length > 2){
|
|
if(this._highlighted){
|
|
cooked.unhighlight();
|
|
}
|
|
cooked.highlight(highlight);
|
|
this._highlighted = true;
|
|
|
|
} else if(this._highlighted){
|
|
cooked.unhighlight();
|
|
this._highlighted = false;
|
|
}
|
|
}.observes('controller.searchHighlight', 'cooked')
|
|
});
|