$.fn.linkPreview = function (options) {
var opts = jQuery.extend({}, $.fn.linkPreview.defaults, options);
- var selector = $(this).selector;
- selector = selector.substr(1);
+ var id = $(this).attr('id');
var previewTpl = '\
- <div id="preview_' + selector + '" class="preview {0}">\
+ <div id="preview_' + id + '" class="preview {0}">\
{1}\
- <input type="hidden" name="has_attachment" id="hasAttachment_' + selector + '" value="{2}" />\
- <input type="hidden" name="attachment_url" id="attachmentUrl_' + selector + '" value="{3}" />\
- <input type="hidden" name="attachment_type" id="attachmentType_' + selector + '" value="{4}" />\
+ <input type="hidden" name="has_attachment" id="hasAttachment_' + id + '" value="{2}" />\
+ <input type="hidden" name="attachment_url" id="attachmentUrl_' + id + '" value="{3}" />\
+ <input type="hidden" name="attachment_type" id="attachmentType_' + id + '" value="{4}" />\
</div>';
var attachmentTpl = '\
<hr class="previewseparator">\
- <div id="closePreview_' + selector + '" title="Remove" class="closePreview" >\
+ <div id="closePreview_' + id + '" title="Remove" class="closePreview" >\
<button type="button" class="previewActionBtn">×</button>\
</div>\
- <div id="previewImages_' + selector + '" class="previewImages">\
- <div id="previewImgBtn_' + selector + '" class="previewImgBtn">\
- <button type="button" id="previewChangeImg_' + selector + '" class="buttonChangeDeactive previewActionBtn" style="display: none">\
+ <div id="previewImages_' + id + '" class="previewImages">\
+ <div id="previewImgBtn_' + id + '" class="previewImgBtn">\
+ <button type="button" id="previewChangeImg_' + id + '" class="buttonChangeDeactive previewActionBtn" style="display: none">\
<i class="fa fa-exchange" aria-hidden="true"></i>\
</button>\
</div>\
- <div id="previewImage_' + selector + '" class="previewImage">\
+ <div id="previewImage_' + id + '" class="previewImage">\
</div>\
- <input type="hidden" id="photoNumber_' + selector + '" class="photoNumber" value="0" />\
- <input type="hidden" name="attachment_img_src" id="attachmentImageSrc_' + selector + '" value="" />\
- <input type="hidden" name="attachment_img_width" id="attachmentImageWidth_' + selector + '" value="0" />\
- <input type="hidden" name="attachment_img_height" id="attachmentImageHeight_' + selector + '" value="0" />\
+ <input type="hidden" id="photoNumber_' + id + '" class="photoNumber" value="0" />\
+ <input type="hidden" name="attachment_img_src" id="attachmentImageSrc_' + id + '" value="" />\
+ <input type="hidden" name="attachment_img_width" id="attachmentImageWidth_' + id + '" value="0" />\
+ <input type="hidden" name="attachment_img_height" id="attachmentImageHeight_' + id + '" value="0" />\
</div>\
- <div id="previewContent_' + selector + '" class="previewContent">\
- <h4 id="previewTitle_' + selector + '" class="previewTitle"></h4>\
- <blockquote id="previewDescription_' + selector + '" class="previewDescription"></blockquote>\
- <div id="hiddenDescription_' + selector + '" class="hiddenDescription"></div>\
- <sup id="previewUrl_' + selector + '" class="previewUrl"></sup>\
+ <div id="previewContent_' + id + '" class="previewContent">\
+ <h4 id="previewTitle_' + id + '" class="previewTitle"></h4>\
+ <blockquote id="previewDescription_' + id + '" class="previewDescription"></blockquote>\
+ <div id="hiddenDescription_' + id + '" class="hiddenDescription"></div>\
+ <sup id="previewUrl_' + id + '" class="previewUrl"></sup>\
</div>\
<div class="clear"></div>\
<hr class="previewseparator">';
var text;
- var urlRegex = /(?<!=)(https?\:\/\/|\s)[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})(\/+[a-z0-9_.\:\;-]*)*(\?[\&\%\|\+a-z0-9_=,\.\:\;-]*)?([\&\%\|\+&a-z0-9_=,\:\;\.-]*)([\!\#\/\&\%\|\+a-z0-9_=,\:\;\.-]*)}*/i;
var binurl;
var block = false;
var blockTitle = false;
* @returns {void}
*/
var init = function() {
- $('#' + selector).bind({
+ $('#' + id).bind({
paste: function () {
setTimeout(function () {
crawlText();
// Check if we have already attachment bbcode in the textarea
// and add it to the attachment preview.
- var content = $('#' + selector).val();
+ var content = $('#' + id).val();
addBBCodeToPreview(content);
};
* @returns {void}
*/
var resetPreview = function() {
- $('#hasAttachment_' + selector).val(0);
+ $('#hasAttachment_' + id).val(0);
photoNumber = 0;
images = "";
};
// If no text is passed to crawlText() we
// take the previous word before the cursor.
if (typeof text === 'undefined') {
- text = getPrevWord(selector);
+ text = getPrevWord(id);
} else {
isExtern = true;
}
- // Don't procces the textarea input if we have already
+ // Don't process the textarea input if we have already
// an attachment preview.
if (!isExtern && isActive) {
return;
}
- if (trim(text) !== "") {
- if (block === false && urlRegex.test(text)) {
- binurl = bin2hex(text);
- block = true;
+ if (trim(text) !== "" && block === false && urlRegex.test(text)) {
+ binurl = bin2hex(text);
+ block = true;
- isCrawling = true;
- $('#profile-rotator').show();
+ isCrawling = true;
+ $('#profile-rotator').show();
- if (binurl in cache) {
- isCrawling = false;
- processContentData(cache[binurl]);
- } else {
- getContentData(binurl, processContentData);
- }
+ if (binurl in cache) {
+ isCrawling = false;
+ processContentData(cache[binurl]);
+ } else {
+ getContentData(binurl, processContentData);
}
}
};
* @returns {void}
*/
var getContentData = function(binurl, callback) {
- $.get('parse_url?binurl='+ binurl + '&format=json', function (answer) {
+ $.get('parseurl?binurl='+ binurl + '&format=json', function (answer) {
obj = sanitizeInputData(answer);
// Put the data into a cache
};
/**
- * Proccess all attachment data and show up a html
+ * Process all attachment data and show up a html
* attachment preview.
*
* @param {obj} data Attachment data.
var insertAttachment = function(data) {
// If we have already a preview, leaver here.
// Note: if we finish the Preview of other media content type,
- // we can move this condition to the beggining of crawlText();
+ // we can move this condition to the beginning of crawlText();
if (isActive) {
$('#profile-rotator').hide();
return;
return;
}
- $('#photoNumber_' + selector).val(0);
+ $('#photoNumber_' + id).val(0);
resetPreview();
processAttachmentTpl(data, 'type-' + data.type);
* @returns {void}
*/
var processAttachmentTpl = function(data) {
- // Load and add the template if it isn't allready loaded.
- if ($('#preview_' + selector).length === 0) {
+ // Load and add the template if it isn't already loaded.
+ if ($('#preview_' + id).length === 0) {
var tpl = previewTpl.format(
'type-' + data.type,
attachmentTpl,
bin2hex(data.url),
data.type
);
- $('#' + selector).after(tpl);
+ $('#' + id).after(tpl);
}
isActive = true;
description = defaultDescription;
}
- $('#previewTitle_' + selector).html("\
- <span id='previewSpanTitle_" + selector + "' class='previewSpanTitle' >" + escapeHTML(data.title) + "</span>\
- <input type='text' name='attachment_title' value='" + escapeHTML(data.title) + "' id='previewInputTitle_" + selector + "' class='previewInputTitle inputPreview' style='display: none;'/>"
+ $('#previewTitle_' + id).html("\
+ <span id='previewSpanTitle_" + id + "' class='previewSpanTitle' >" + escapeHTML(data.title) + "</span>\
+ <input type='text' name='attachment_title' value='" + escapeHTML(data.title) + "' id='previewInputTitle_" + id + "' class='previewInputTitle inputPreview' style='display: none;'/>"
);
- $('#previewDescription_' + selector).html("\
- <span id='previewSpanDescription_" + selector + "' class='previewSpanDescription' >" + escapeHTML(description) + "</span>\n\
- <textarea id='previewInputDescription_" + selector + "' name='attachment_text' class='previewInputDescription' style='display: none;' class='inputPreview' >" + escapeHTML(data.text) + "</textarea>"
+ $('#previewDescription_' + id).html("\
+ <span id='previewSpanDescription_" + id + "' class='previewSpanDescription' >" + escapeHTML(description) + "</span>\n\
+ <textarea id='previewInputDescription_" + id + "' name='attachment_text' class='previewInputDescription' style='display: none;' class='inputPreview' >" + escapeHTML(data.text) + "</textarea>"
);
};
var regexpr = "(https?://)([^:^/]*)(:\\d*)?(.*)?";
var regResult = url.match(regexpr);
var urlHost = regResult[1] + regResult[2];
- $('#previewUrl_' +
selector).html("<a href='" + url + "'>" + urlHost + "</a>");
+ $('#previewUrl_' +
id).html("<a href='" + url + "'>" + urlHost + "</a>");
}
};
var imageClass = 'attachment-preview';
if (Array.isArray(images)) {
- $('#previewImages_' + selector).show();
- $('#attachmentImageSrc_' + selector).val(bin2hex(images[photoNumber].src));
- $('#attachmentImageWidth_' + selector).val(images[photoNumber].width);
- $('#attachmentImageHeight_' + selector).val(images[photoNumber].height);
+ $('#previewImages_' + id).show();
+ $('#attachmentImageSrc_' + id).val(bin2hex(images[photoNumber].src));
+ $('#attachmentImageWidth_' + id).val(images[photoNumber].width);
+ $('#attachmentImageHeight_' + id).val(images[photoNumber].height);
} else {
- $('#previewImages_' + selector).hide();
+ $('#previewImages_' + id).hide();
}
images.length = parseInt(images.length);
for (i = 0; i < images.length; i++) {
// For small preview images we use a smaller attachment format.
- ///@todo here we need to add a check for !Config::get('system', 'always_show_preview').
+ ///@todo here we need to add a check for !DI::config()->get('system', 'always_show_preview').
if (images[i].width >= 500 && images[i].width >= images[i].height) {
imageClass = 'attachment-image';
}
if (i === 0) {
- appendImage += "<img id='imagePreview_" + selector + "_" + i + "' src='" + images[i].src + "' class='" + imageClass + "' ></img>";
+ appendImage += "<img id='imagePreview_" + id + "_" + i + "' src='" + images[i].src + "' class='" + imageClass + "' ></img>";
} else {
- appendImage += "<img id='imagePreview_" + selector + "_" + i + "' src='" + images[i].src + "' class='" + imageClass + "' style='display: none;'></img>";
+ appendImage += "<img id='imagePreview_" + id + "_" + i + "' src='" + images[i].src + "' class='" + imageClass + "' style='display: none;'></img>";
}
}
- $('#previewImage_' +
selector).html(appendImage + "<div id='whiteImage' style='color: transparent; display:none;'>...</div>");
+ $('#previewImage_' +
id).html(appendImage + "<div id='whiteImage' style='color: transparent; display:none;'>...</div>");
// More than just one image.
if (images.length > 1) {
- // Enable the the button to change the preview pictures.
- $('#previewChangeImg_' + selector).show();
+ // Enable the button to change the preview pictures.
+ $('#previewChangeImg_' + id).show();
if (firstPosted === false) {
firstPosted = true;
- $('#previewChangeImg_' + selector).unbind('click').click(function (e) {
+ $('#previewChangeImg_' + id).unbind('click').click(function (e) {
e.stopPropagation();
if (images.length > 1) {
- $('#imagePreview_' + selector + '_' + photoNumber).css({
+ $('#imagePreview_' + id + '_' + photoNumber).css({
'display': 'none'
});
photoNumber += 1;
photoNumber = 0;
}
- $('#imagePreview_' + selector + '_' + photoNumber).css({
+ $('#imagePreview_' + id + '_' + photoNumber).css({
'display': 'block'
});
- $('#photoNumber_' + selector).val(photoNumber);
- $('#attachmentImageSrc_' + selector).val(bin2hex(images[photoNumber].src));
- $('#attachmentImageWidth_' + selector).val(images[photoNumber].width);
- $('#attachmentImageHeight_' + selector).val(images[photoNumber].height);
+ $('#photoNumber_' + id).val(photoNumber);
+ $('#attachmentImageSrc_' + id).val(bin2hex(images[photoNumber].src));
+ $('#attachmentImageWidth_' + id).val(images[photoNumber].width);
+ $('#attachmentImageHeight_' + id).val(images[photoNumber].height);
}
});
}
* @returns {void}
*/
var processEventListener = function() {
- $('#previewSpanTitle_' + selector).unbind('click').click(function (e) {
+ $('#previewSpanTitle_' + id).unbind('click').click(function (e) {
e.stopPropagation();
if (blockTitle === false) {
blockTitle = true;
- $('#previewSpanTitle_' + selector).hide();
- $('#previewInputTitle_' + selector).show();
- $('#previewInputTitle_' + selector).val($('#previewInputTitle_' + selector).val());
- $('#previewInputTitle_' + selector).focus().select();
+ $('#previewSpanTitle_' + id).hide();
+ $('#previewInputTitle_' + id).show();
+ $('#previewInputTitle_' + id).val($('#previewInputTitle_' + id).val());
+ $('#previewInputTitle_' + id).focus().select();
}
});
- $('#previewInputTitle_' + selector).blur(function () {
+ $('#previewInputTitle_' + id).blur(function () {
blockTitle = false;
- $('#previewSpanTitle_' + selector).html($('#previewInputTitle_' + selector).val());
- $('#previewSpanTitle_' + selector).show();
- $('#previewInputTitle_' + selector).hide();
+ $('#previewSpanTitle_' + id).html($('#previewInputTitle_' + id).val());
+ $('#previewSpanTitle_' + id).show();
+ $('#previewInputTitle_' + id).hide();
});
- $('#previewInputTitle_' + selector).keypress(function (e) {
+ $('#previewInputTitle_' + id).keypress(function (e) {
if (e.which === 13) {
blockTitle = false;
- $('#previewSpanTitle_' + selector).html($('#previewInputTitle_' + selector).val());
- $('#previewSpanTitle_' + selector).show();
- $('#previewInputTitle_' + selector).hide();
+ $('#previewSpanTitle_' + id).html($('#previewInputTitle_' + id).val());
+ $('#previewSpanTitle_' + id).show();
+ $('#previewInputTitle_' + id).hide();
}
});
- $('#previewSpanDescription_' + selector).unbind('click').click(function (e) {
+ $('#previewSpanDescription_' + id).unbind('click').click(function (e) {
e.stopPropagation();
if (blockDescription === false) {
blockDescription = true;
- $('#previewSpanDescription_' + selector).hide();
- $('#previewInputDescription_' + selector).show();
- $('#previewInputDescription_' + selector).val($('#previewInputDescription_' + selector).val());
- $('#previewInputDescription_' + selector).focus().select();
+ $('#previewSpanDescription_' + id).hide();
+ $('#previewInputDescription_' + id).show();
+ $('#previewInputDescription_' + id).val($('#previewInputDescription_' + id).val());
+ $('#previewInputDescription_' + id).focus().select();
}
});
- $('#previewInputDescription_' + selector).blur(function () {
+ $('#previewInputDescription_' + id).blur(function () {
blockDescription = false;
- $('#previewSpanDescription_' + selector).html($('#previewInputDescription_' + selector).val());
- $('#previewSpanDescription_' + selector).show();
- $('#previewInputDescription_' + selector).hide();
+ $('#previewSpanDescription_' + id).html($('#previewInputDescription_' + id).val());
+ $('#previewSpanDescription_' + id).show();
+ $('#previewInputDescription_' + id).hide();
});
- $('#previewInputDescription_' + selector).keypress(function (e) {
+ $('#previewInputDescription_' + id).keypress(function (e) {
if (e.which === 13) {
blockDescription = false;
- $('#previewSpanDescription_' + selector).html($('#previewInputDescription_' + selector).val());
- $('#previewSpanDescription_' + selector).show();
- $('#previewInputDescription_' + selector).hide();
+ $('#previewSpanDescription_' + id).html($('#previewInputDescription_' + id).val());
+ $('#previewSpanDescription_' + id).show();
+ $('#previewInputDescription_' + id).hide();
}
});
- $('#previewSpanTitle_' + selector).mouseover(function () {
- $('#previewSpanTitle_' + selector).css({
+ $('#previewSpanTitle_' + id).mouseover(function () {
+ $('#previewSpanTitle_' + id).css({
"background-color": "#ff9"
});
});
- $('#previewSpanTitle_' + selector).mouseout(function () {
- $('#previewSpanTitle_' + selector).css({
+ $('#previewSpanTitle_' + id).mouseout(function () {
+ $('#previewSpanTitle_' + id).css({
"background-color": "transparent"
});
});
- $('#previewSpanDescription_' + selector).mouseover(function () {
- $('#previewSpanDescription_' + selector).css({
+ $('#previewSpanDescription_' + id).mouseover(function () {
+ $('#previewSpanDescription_' + id).css({
"background-color": "#ff9"
});
});
- $('#previewSpanDescription_' + selector).mouseout(function () {
- $('#previewSpanDescription_' + selector).css({
+ $('#previewSpanDescription_' + id).mouseout(function () {
+ $('#previewSpanDescription_' + id).css({
"background-color": "transparent"
});
});
- $('#closePreview_' + selector).unbind('click').click(function (e) {
+ $('#closePreview_' + id).unbind('click').click(function (e) {
e.stopPropagation();
block = false;
images = '';
isActive = false;
firstPosted = false;
- $('#preview_' + selector).fadeOut("fast", function () {
- $('#preview_' + selector).remove();
+ $('#preview_' + id).fadeOut("fast", function () {
+ $('#preview_' + id).remove();
$('#profile-rotator').hide();
- $('#' + selector).focus();
+ $('#' + id).focus();
});
});
};
/**
- * Convert attachmant bbcode into an array.
+ * Convert attachment bbcode into an array.
*
* @param {string} content Text content with the attachment bbcode.
* @returns {object || null}
matches = attributes.match(/url='([\s\S]*?)'/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- url = matches[1].toLowerCase();
+ url = matches[1];
}
matches = attributes.match(/url="([\s\S]*?)"/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- url = matches[1].toLowerCase();
+ url = matches[1];
}
if(url !== '') {
matches = attributes.match(/title='([\s\S]*?)'/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- title = matches[1].toLowerCase();
+ title = trim(matches[1]);
}
matches = attributes.match(/title="([\s\S]*?)"/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- title = matches[1].toLowerCase();
+ title = trim(matches[1]);
}
if (title !== '') {
matches = attributes.match(/image='([\s\S]*?)'/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- image = matches[1].toLowerCase();
+ image = trim(matches[1]);
}
matches = attributes.match(/image="([\s\S]*?)"/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- image = matches[1].toLowerCase();
+ image = trim(matches[1]);
}
if (image !== '') {
matches = attributes.match(/preview='([\s\S]*?)'/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- preview = matches[1].toLowerCase();
+ preview = trim(matches[1]);
}
matches = attributes.match(/preview="([\s\S]*?)"/im);
if (matches !== null && typeof matches[1] !== 'undefined') {
- preview = matches[1].toLowerCase();
+ preview = trim(matches[1]);
}
if (preview !== '') {
reAddAttachment(attachmentData);
// Remove the attachment bbcode from the textarea.
var content = content.replace(/\[attachment[\s\S]*\[\/attachment]/im, '');
- $('#' + selector).val(content);
- $('#' + selector).focus();
+ $('#' + id).val(content);
+ $('#' + id).focus();
}
};
}
if (image !== '') {
- var appendImage = "<img id='imagePreview_" + selector + "' src='" + image + "' class='" + imageClass + "' ></img>"
- $('#previewImage_' + selector).html(appendImage);
- $('#attachmentImageSrc_' + selector).val(bin2hex(image));
+ var appendImage = "<img id='imagePreview_" + id + "' src='" + image + "' class='" + imageClass + "' ></img>"
+ $('#previewImage_' + id).html(appendImage);
+ $('#attachmentImageSrc_' + id).val(bin2hex(image));
// We need to add the image widht and height when it is
// loaded.
$('<img/>' ,{
load : function(){
- $('#attachmentImageWidth_' + selector).val(this.width);
- $('#attachmentImageHeight_' + selector).val(this.height);
+ $('#attachmentImageWidth_' + id).val(this.width);
+ $('#attachmentImageHeight_' + id).val(this.height);
},
src : image
});
* @returns {void}
*/
var destroy = function() {
- $('#' + selector).unbind();
- $('#preview_' + selector).remove();
+ $('#' + id).unbind();
+ $('#preview_' + id).remove();
binurl;
block = false;
blockTitle = false;
firstPosted = false;
isActive = false;
isCrawling = false;
- selector = "";
+ id = "";
};
var trim = function(str) {
/**
* Get in a textarea the previous word before the cursor.
*
- * @param {object} text Textarea elemet.
+ * @param {object} text Textarea element.
* @param {integer} caretPos Cursor position.
*
* @returns {string} Previous word.
function returnWord(text, caretPos) {
var index = text.indexOf(caretPos);
var preText = text.substring(0, caretPos);
- // If the last charachter is a space or enter remove it
+ // If the last character is a space or enter remove it
// We need this in friendica for the url preview.
var lastChar = preText.slice(-1)
if ( lastChar === " "
}
/**
- * Get the cursor posiotion in an text element.
+ * Get the cursor position in an text element.
*
- * @param {object} ctrl Textarea elemet.
+ * @param {object} ctrl Textarea element.
* @returns {integer} Position of the cursor.
*/
function getCaretPosition(ctrl) {
projects / friendica.git / blobdiff