Gazelle/static/functions/comments.js

var username;
var postid;
var url = {path: window.location.pathname.split('/').reverse()[0].split('.')[0]};

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');
  }
}

var original_post;
function Quote(post, user, link = false) {
  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']);
        var range = document.createRange();
        range.selectNodeContents($("#content" + postid).get(0));
        var sel = window.getSelection();
        sel.removeAllRanges();
        sel.addRange(range);
      });
    } 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();
      $('#pmbox' + 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 = 0
  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
      }
      var that = $(this)
      $($(this).raw().parentNode.parentNode).hover(
        function() {
          that.attr("src", secondAvatar)
        },
        function() {
          that.attr("src", originalAvatar)
        }
      );
      $(this).one("load", function() {
          var par = $(this).parents('.avatar')
          if (par.height()) {
              par.raw().style.height = par.height()-2+'px'
          }
      })
      if (this.complete) $(this).load()
    }

  })

  document.querySelectorAll('[quote-jump]').forEach(function(el) {
    el.addEventListener('click', function(event) {
      QuoteJump(event, el.attributes['quote-jump'].value)
    })
  })
})