Gazelle/static/functions/comments.js
2013-08-28 23:08:41 +00:00

418 lines
13 KiB
JavaScript

var username;
var postid;
var url = new URL();
function QuoteJump(event, post) {
var button = event.button;
var url, pattern;
if (isNaN(post.charAt(0))) {
switch (post.charAt(0)) {
case 'a': // artist comment
url = 'artist';
break;
case 't': // torrent comment
url = 'torrents';
break;
case 'c': // collage comment
url = 'collages';
break;
case 'r': // request comment
url = 'requests';
break;
default:
return;
}
pattern = new RegExp(url + '\.php');
post = post.substr(1);
url = 'comments.php?action=jump&postid=' + post;
} else {
// forum post
url = 'forums.php?action=viewthread&postid=' + post;
pattern = /forums\.php/;
}
var hash = "#post" + post;
if (button == 0) {
if ($(hash).raw() != null && location.href.match(pattern)) {
window.location.hash = hash;
} else {
window.open(url, '_self');
}
} else if (button == 1) {
window.open(url, '_window');
}
}
function Quote(post, user) {
Quote(post, user, false)
}
var original_post;
function Quote(post, user, link) {
username = user;
postid = post;
// check if reply_box element exists and that user is in the forums
if (!$('#reply_box').length && url.path == "forums") {
if ($("#quote_" + postid).text() == "Quote") {
original_post = $("#content" + postid).html();
$("#quote_" + postid).text("Unquote");
$.ajax({
type : "POST",
url : "ajax.php?action=raw_bbcode",
dataType : "json",
data : {
"postid" : postid
}
}).done(function(response) {
$("#content" + postid).html(response['response']['body']);
select_all($("#content" + postid).get(0));
});
} else {
document.getSelection().removeAllRanges();
$("#content" + postid).html(original_post);
$("#quote_" + postid).text("Quote");
}
} else {
var target = '';
var requrl = '';
if (url.path == "inbox") {
requrl = 'inbox.php?action=get_post&post=' + post;
} else {
requrl = 'comments.php?action=get&postid=' + post;
}
if (link == true) {
if (url.path == "artist") {
// artist comment
target = 'a';
} else if (url.path == "torrents") {
// torrent comment
target = 't';
} else if (url.path == "collages") {
// collage comment
target = 'c';
} else if (url.path == "requests") {
// request comment
target = 'r';
} else {
// forum post
requrl = 'forums.php?action=get_post&post=' + post;
}
target += post;
}
ajax.get(requrl, function(response) {
if ($('#quickpost').raw().value !== '') {
$('#quickpost').raw().value = $('#quickpost').raw().value + "\n\n";
}
$('#quickpost').raw().value = $('#quickpost').raw().value + "[quote=" + username + (link == true ? "|" + target : "") + "]" +
//response.replace(/(img|aud)(\]|=)/ig,'url$2').replace(/\[url\=(https?:\/\/[^\s\[\]<>"\'()]+?)\]\[url\](.+?)\[\/url\]\[\/url\]/gi, "[url]$1[/url]")
html_entity_decode(response)
+ "[/quote]";
resize('quickpost');
});
}
}
function Edit_Form(post,key) {
postid = post;
var boxWidth, postuserid, pmbox, inputname;
//If no edit is already going underway or a previous edit was finished, make the necessary dom changes.
if (!$('#editbox' + postid).results() || $('#editbox' + postid + '.hidden').results()) {
$('#reply_box').ghide();
if (location.href.match(/torrents\.php/)
|| location.href.match(/artist\.php/)) {
boxWidth = "50";
} else {
boxWidth = "80";
}
postuserid = $('#post' + postid + ' strong a').attr('href').split('=')[1];
if (postuserid != userid) {
pmbox = '<span id="pmbox' + postid + '"><label>PM user on edit? <input type="checkbox" name="pm" value="1" /></label></span>';
} else {
pmbox = '';
};
if (location.href.match(/forums\.php/)) {
inputname = "post";
} else {
inputname = "postid";
}
$('#bar' + postid).raw().cancel = $('#content' + postid).raw().innerHTML;
$('#bar' + postid).raw().oldbar = $('#bar' + postid).raw().innerHTML;
$('#content' + postid).raw().innerHTML = "<div id=\"preview" + postid + "\"></div><form id=\"form" + postid + "\" method=\"post\" action=\"\">" + pmbox + "<input type=\"hidden\" name=\"auth\" value=\"" + authkey + "\" /><input type=\"hidden\" name=\"key\" value=\"" + key + "\" /><input type=\"hidden\" name=\"" + inputname + "\" value=\"" + postid + "\" /><textarea id=\"editbox" + postid + "\" onkeyup=\"resize('editbox" + postid + "');\" name=\"body\" cols=\"" + boxWidth + "\" rows=\"10\"></textarea></form>";
$('#bar' + postid).raw().innerHTML = '<input type="button" value="Preview" onclick="Preview_Edit(' + postid + ');" /><input type="button" value="Post" onclick="Save_Edit(' + postid + ')" /><input type="button" value="Cancel" onclick="Cancel_Edit(' + postid + ');" />';
}
/* If it's the initial edit, fetch the post content to be edited.
* If editing is already underway and edit is pressed again, reset the post
* (keeps current functionality, move into brackets to stop from happening).
*/
if (location.href.match(/forums\.php/)) {
ajax.get("?action=get_post&post=" + postid, function(response) {
$('#editbox' + postid).raw().value = html_entity_decode(response);
resize('editbox' + postid);
});
} else {
ajax.get("comments.php?action=get&postid=" + postid, function(response) {
$('#editbox' + postid).raw().value = html_entity_decode(response);
resize('editbox' + postid);
});
}
}
function Cancel_Edit(postid) {
var answer = confirm("Are you sure you want to cancel?");
if (answer) {
$('#reply_box').gshow();
$('#bar' + postid).raw().innerHTML = $('#bar' + postid).raw().oldbar;
$('#content' + postid).raw().innerHTML = $('#bar' + postid).raw().cancel;
}
}
function Preview_Edit(postid) {
$('#bar' + postid).raw().innerHTML = "<input type=\"button\" value=\"Editor\" onclick=\"Cancel_Preview(" + postid + ");\" /><input type=\"button\" value=\"Post\" onclick=\"Save_Edit(" + postid + ")\" /><input type=\"button\" value=\"Cancel\" onclick=\"Cancel_Edit(" + postid + ");\" />";
ajax.post("ajax.php?action=preview","form" + postid, function(response) {
$('#preview' + postid).raw().innerHTML = response;
$('#editbox' + postid).ghide();
});
}
function Cancel_Preview(postid) {
$('#bar' + postid).raw().innerHTML = "<input type=\"button\" value=\"Preview\" onclick=\"Preview_Edit(" + postid + ");\" /><input type=\"button\" value=\"Post\" onclick=\"Save_Edit(" + postid + ")\" /><input type=\"button\" value=\"Cancel\" onclick=\"Cancel_Edit(" + postid + ");\" />";
$('#preview' + postid).raw().innerHTML = "";
$('#editbox' + postid).gshow();
}
function Save_Edit(postid) {
$('#reply_box').gshow();
if (location.href.match(/forums\.php/)) {
ajax.post("forums.php?action=takeedit","form" + postid, function (response) {
$('#bar' + postid).raw().innerHTML = "<a href=\"reports.php?action=report&amp;type=post&amp;id="+postid+"\" class=\"brackets\">Report</a>&nbsp;<a href=\"#\">&uarr;</a>";
$('#preview' + postid).raw().innerHTML = response;
$('#editbox' + postid).ghide();
$('#pmbox' + postid).ghide();
});
} else {
ajax.post("comments.php?action=take_edit","form" + postid, function (response) {
$('#bar' + postid).raw().innerHTML = "";
$('#preview' + postid).raw().innerHTML = response;
$('#editbox' + postid).ghide();
});
}
}
function Delete(post) {
postid = post;
if (confirm('Are you sure you wish to delete this post?') == true) {
if (location.href.match(/forums\.php/)) {
ajax.get("forums.php?action=delete&auth=" + authkey + "&postid=" + postid, function () {
$('#post' + postid).ghide();
});
} else {
ajax.get("comments.php?action=take_delete&auth=" + authkey + "&postid=" + postid, function () {
$('#post' + postid).ghide();
});
}
}
}
function Quick_Preview() {
var quickreplybuttons;
$('#post_preview').raw().value = "Make changes";
$('#post_preview').raw().preview = true;
ajax.post("ajax.php?action=preview", "quickpostform", function(response) {
$('#quickreplypreview').gshow();
$('#contentpreview').raw().innerHTML = response;
$('#quickreplytext').ghide();
});
}
function Quick_Edit() {
var quickreplybuttons;
$('#post_preview').raw().value = "Preview";
$('#post_preview').raw().preview = false;
$('#quickreplypreview').ghide();
$('#quickreplytext').gshow();
}
function Newthread_Preview(mode) {
$('#newthreadpreviewbutton').gtoggle();
$('#newthreadeditbutton').gtoggle();
if (mode) { // Preview
ajax.post("ajax.php?action=preview", "newthreadform", function(response) {
$('#contentpreview').raw().innerHTML = response;
});
$('#newthreadtitle').raw().innerHTML = $('#title').raw().value;
var pollanswers = $('#answer_block').raw();
if (pollanswers && pollanswers.children.length > 4) {
pollanswers = pollanswers.children;
$('#pollquestion').raw().innerHTML = $('#pollquestionfield').raw().value;
for (var i = 0; i < pollanswers.length; i += 2) {
if (!pollanswers[i].value) {
continue;
}
var el = document.createElement('input');
el.id = 'answer_' + (i + 1);
el.type = 'radio';
el.name = 'vote';
$('#pollanswers').raw().appendChild(el);
$('#pollanswers').raw().appendChild(document.createTextNode(' '));
el = document.createElement('label');
el.htmlFor = 'answer_' + (i + 1);
el.innerHTML = pollanswers[i].value;
$('#pollanswers').raw().appendChild(el);
$('#pollanswers').raw().appendChild(document.createElement('br'));
}
if ($('#pollanswers').raw().children.length > 4) {
$('#pollpreview').gshow();
}
}
} else { // Back to editor
$('#pollpreview').ghide();
$('#newthreadtitle').raw().innerHTML = 'New Topic';
var pollanswers = $('#pollanswers').raw();
if (pollanswers) {
var el = document.createElement('div');
el.id = 'pollanswers';
pollanswers.parentNode.replaceChild(el, pollanswers);
}
}
$('#newthreadtext').gtoggle();
$('#newthreadpreview').gtoggle();
$('#subscribediv').gtoggle();
}
function LoadEdit(type, post, depth) {
ajax.get("forums.php?action=ajax_get_edit&postid=" + post + "&depth=" + depth + "&type=" + type, function(response) {
$('#content' + post).raw().innerHTML = response;
}
);
}
function AddPollOption(id) {
var list = $('#poll_options').raw();
var item = document.createElement("li");
var form = document.createElement("form");
form.method = "POST";
var auth = document.createElement("input");
auth.type = "hidden";
auth.name = "auth";
auth.value = authkey;
form.appendChild(auth);
var action = document.createElement("input");
action.type = "hidden";
action.name = "action";
action.value = "add_poll_option";
form.appendChild(action);
var threadid = document.createElement("input");
threadid.type = "hidden";
threadid.name = "threadid";
threadid.value = id;
form.appendChild(threadid);
var input = document.createElement("input");
input.type = "text";
input.name = "new_option";
input.size = "50";
form.appendChild(input);
var submit = document.createElement("input");
submit.type = "submit";
submit.id = "new_submit";
submit.value = "Add";
form.appendChild(submit);
item.appendChild(form);
list.appendChild(item);
}
/**
* HTML5-compatible storage system
* Tries to use 'oninput' event to detect text changes and sessionStorage to save it.
*
* new StoreText('some_textarea_id', 'some_form_id', 'some_topic_id')
* The form is required to remove the stored text once it is submitted.
*
* Topic ID is required to retrieve the right text on the right topic
**/
function StoreText (field, form, topic) {
this.field = document.getElementById(field);
this.form = document.getElementById(form);
this.key = 'auto_save_temp';
this.keyID = 'auto_save_temp_id';
this.topic = +topic;
this.load();
}
StoreText.prototype = {
constructor : StoreText,
load : function () {
if (this.enabled() && this.valid()) {
this.retrieve();
this.autosave();
this.clearForm();
}
},
valid : function () {
return this.field && this.form && !isNaN(this.topic);
},
enabled : function () {
return window.sessionStorage && typeof window.sessionStorage === 'object';
},
retrieve : function () {
var r = sessionStorage.getItem(this.key);
if (this.topic === +sessionStorage.getItem(this.keyID) && r) {
this.field.value = r;
}
},
remove : function () {
sessionStorage.removeItem(this.keyID);
sessionStorage.removeItem(this.key);
},
save : function () {
sessionStorage.setItem(this.keyID, this.topic);
sessionStorage.setItem(this.key, this.field.value);
},
autosave : function () {
$(this.field).on(this.getInputEvent(), $.proxy(this.save, this));
},
getInputEvent : function () {
var e;
if ('oninput' in this.field) {
e = 'input';
} else if (document.body.addEventListener) {
e = 'change keyup paste cut';
} else {
e = 'propertychange';
}
return e;
},
clearForm : function () {
$(this.form).submit($.proxy(this.remove, this));
}
};
$(document).ready(function() {
var fadeSpeed = 300;
var avatars = new Array();
$(".double_avatar").each(function() {
if ($(this).data("gazelle-second-avatar")) {
var secondAvatar = $(this).data("gazelle-second-avatar");
var originalAvatar = $(this).attr("src");
if ($.inArray(secondAvatar, avatars) == -1) {
avatars.push(secondAvatar);
image = new Image();
image.src = secondAvatar;
}
$(this).mouseover(function() {
$(this).fadeOut(fadeSpeed, function() {
$(this).attr("src", secondAvatar);
}).fadeIn(fadeSpeed);
});
$(this).mouseout(function() {
$(this).fadeOut(fadeSpeed, function() {
$(this).attr("src", originalAvatar);
}).fadeIn(fadeSpeed);
});
}
});
});