mirror of
https://github.com/codeninjasllc/discourse.git
synced 2024-12-04 12:51:41 -05:00
121 lines
3.7 KiB
JavaScript
121 lines
3.7 KiB
JavaScript
/*global assetPath:true */
|
|
|
|
/**
|
|
This controller supports the pop up quote button
|
|
|
|
@class QuoteButtonController
|
|
@extends Discourse.Controller
|
|
@namespace Discourse
|
|
@module Discourse
|
|
**/
|
|
Discourse.QuoteButtonController = Discourse.Controller.extend({
|
|
needs: ['topic', 'composer'],
|
|
|
|
init: function() {
|
|
this._super();
|
|
$LAB.script(assetPath('defer/html-sanitizer-bundle'));
|
|
},
|
|
|
|
/**
|
|
If the buffer is cleared, clear out other state (post)
|
|
**/
|
|
bufferChanged: function() {
|
|
if (this.blank('buffer')) this.set('post', null);
|
|
}.observes('buffer'),
|
|
|
|
/**
|
|
Save the currently selected text and displays the
|
|
"quote reply" buttong
|
|
|
|
@method selectText
|
|
**/
|
|
selectText: function(e) {
|
|
// anonymous users cannot "quote-reply"
|
|
if (!Discourse.get('currentUser')) return;
|
|
// don't display the "quote-reply" button if we can't create a post
|
|
if (!this.get('controllers.topic.content.can_create_post')) return;
|
|
|
|
// retrieve the selected range
|
|
var range = window.getSelection().getRangeAt(0);
|
|
var cloned = range.cloneRange();
|
|
|
|
// don't display the "quote reply" button if you select text spanning two posts
|
|
// this basically look for the first "DIV" container...
|
|
var commonDivAncestorContainer = range.commonAncestorContainer;
|
|
while (commonDivAncestorContainer.nodeName !== 'DIV') {
|
|
commonDivAncestorContainer = commonDivAncestorContainer.parentNode;
|
|
}
|
|
// ... and check it has the 'cooked' class (which indicates we're in a post)
|
|
if (commonDivAncestorContainer.className.indexOf('cooked') === -1) return;
|
|
|
|
var selectedText = Discourse.Utilities.selectedText();
|
|
if (this.get('buffer') === selectedText) return;
|
|
if (this.get('lastSelected') === selectedText) return;
|
|
|
|
this.set('post', e.context);
|
|
this.set('buffer', selectedText);
|
|
|
|
// collapse the range at the beginning of the selection
|
|
// (ie. moves the end point to the start point)
|
|
range.collapse(true);
|
|
|
|
// create a marker element containing a single invisible character
|
|
var markerElement = document.createElement("span");
|
|
markerElement.appendChild(document.createTextNode("\ufeff"));
|
|
// insert it at the beginning of our range
|
|
range.insertNode(markerElement);
|
|
|
|
// work around chrome that would sometimes lose the selection
|
|
var sel = window.getSelection();
|
|
sel.removeAllRanges();
|
|
sel.addRange(cloned);
|
|
|
|
// move the quote button at the beginning of the selection
|
|
var markerOffset = $(markerElement).offset(),
|
|
$quoteButton = $('.quote-button');
|
|
|
|
Em.run.next(function(){
|
|
$quoteButton.offset({
|
|
top: markerOffset.top - $quoteButton.outerHeight() - 5,
|
|
left: markerOffset.left
|
|
});
|
|
});
|
|
|
|
// remove the marker
|
|
markerElement.parentNode.removeChild(markerElement);
|
|
},
|
|
|
|
/**
|
|
Quote the currently selected text
|
|
|
|
@method quoteText
|
|
**/
|
|
quoteText: function() {
|
|
var post = this.get('post');
|
|
var composerController = this.get('controllers.composer');
|
|
var composerOpts = {
|
|
post: post,
|
|
action: Discourse.Composer.REPLY,
|
|
draftKey: this.get('post.topic.draft_key')
|
|
};
|
|
|
|
// If the composer is associated with a different post, we don't change it.
|
|
var composerPost = composerController.get('content.post');
|
|
if (composerPost && (composerPost.get('id') !== this.get('post.id'))) {
|
|
composerOpts.post = composerPost;
|
|
}
|
|
|
|
var buffer = this.get('buffer');
|
|
var quotedText = Discourse.BBCode.buildQuoteBBCode(post, buffer);
|
|
if (composerController.wouldLoseChanges()) {
|
|
composerController.appendText(quotedText);
|
|
} else {
|
|
composerController.open(composerOpts).then(function() {
|
|
return composerController.appendText(quotedText);
|
|
});
|
|
}
|
|
this.set('buffer', '');
|
|
return false;
|
|
}
|
|
|
|
});
|