Gazelle/static/functions/comments.js

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


/**
 * QuoteJump()
 */
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');
  }
}


/**
 * Quote()
 */
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: "api.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) {
      let postarea = ($('textarea').raw().name == 'body') ? $('textarea').raw() : $('#quickpost').raw();

      if (postarea.value !== '') {
        postarea.value += "\n\n";
      }

      // Markdown quoting partial fix
      // Only works with the plain editor
      postarea.value += "> " + "[" + username + " wrote]" + "(#post" + postid + "):\n> ";
      var string = html_entity_decode(response);
      var replace = string.replace(/(?:\r\n|\r|\n)/g, "\n> ");
      postarea.value += replace;
      console.log(postarea.value);

      // Original BBcode quote string
      //postarea.value += "[quote=" + username + (link == true ? "|" + target : "") + "]" + html_entity_decode(response) + "[/quote]";
      resize('quickpost');
    });
  }
}


/**
 * Edit_Form()
 */
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).length || $('#editbox' + postid + '.hidden').length) {
    $('#reply_box').ghide();
    boxWidth = (location.href.match(/torrents\.php/) || location.href.match(/artist\.php/)) ? "50" : "80";
    postuserid = $('#post' + postid + ' strong a').attr('href').split('=')[1];
    pmbox = (postuserid != userid) ? '<span id="pmbox' + postid + '"><label>PM user on edit? <input type="checkbox" name="pm" value="1" /></label></span>' : '';
    inputname = (location.href.match(/forums\.php/)) ? "post" : "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).
   */
  var post_endpoint = (location.href.match(/forums\.php/)) ? '?action=get_post&post=' : 'comments.php?action=get&postid=';
  ajax.get(post_endpoint + postid, function (response) {
    $('#editbox' + postid).raw().value = html_entity_decode(response);
    resize('editbox' + postid);

    //BBEditor($('#editbox' + postid).raw());
    var easyMDE = new easyMDE({
      element: $('#editbox' + postid).raw()
    });
  });
}


/**
 * Cancel_Edit()
 */
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;
  }
}


/**
 * Preview_Edit()
 */
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("api.php?action=preview", "form" + postid, function (response) {
    $('#preview' + postid).raw().innerHTML = response;
    $('#editbox' + postid).ghide();
    if ($('#editbox' + postid).raw().previousSibling.classList.contains('bbcode_bar')) $($('#editbox' + postid).raw().previousSibling).ghide();
  });
}


/**
 * Cancel_Preview()
 */
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();
  if ($('#editbox' + postid).raw().previousSibling.classList.contains('bbcode_bar')) $($('#editbox' + postid).raw().previousSibling).gshow();
}


/**
 * Save_Edit()
 */
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();
      if ($('#editbox' + postid).raw().previousSibling.className == 'bbcode_bar') $($('#editbox' + postid).raw().previousSibling).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();
      if ($('#editbox' + postid).raw().previousSibling.className == 'bbcode_bar') $($('#editbox' + postid).raw().previousSibling).ghide();
    });
  }
}


/**
 * Delete()
 */
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();
      });
    }
  }
}


/**
 * Quick_Preview()
 */
function Quick_Preview() {
  var quickreplybuttons;
  $('#post_preview').raw().value = "Make changes";
  $('#post_preview').raw().preview = true;
  ajax.post("api.php?action=preview", "quickpostform", function (response) {
    $('#quickreplypreview').gshow();
    $('#contentpreview').raw().innerHTML = response;
    $('#quickreplytext').ghide();
  });
}


/**
 * Quick_Edit()
 */
function Quick_Edit() {
  var quickreplybuttons;
  $('#post_preview').raw().value = "Preview";
  $('#post_preview').raw().preview = false;
  $('#quickreplypreview').ghide();
  $('#quickreplytext').gshow();
}


/**
 * Newthread_Preview()
 */
function Newthread_Preview(mode) {
  $('#newthreadpreviewbutton').gtoggle();
  $('#newthreadeditbutton').gtoggle();
  if (mode) { // Preview
    ajax.post("api.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();
}


/**
 * LoadEdit()
 */
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;
  }
  );
}


/**
 * AddPollOption()
 */
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));
  }
};


/**
 * Do the needful :^)
 */
$(document).ready(function () {
  var fadeSpeed = 0
  var avatars = []
  $(".double_avatar").each(function () {
    if ($(this).data("gazelle-second-avatar")) {
      var secondAvatar = $(this).data("gazelle-second-avatar")
      var originalAvatar = $(this).attr("src")
      if (!avatars.includes(secondAvatar)) {
        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() + 'px'
        }
      })
      if (this.complete) $(this).load()
    }

  })
})

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

if ($('[data-autosave-text]').raw()) {
  var el = $('[data-autosave-text]').raw()
  var storedTempTextarea = new StoreText(el.attributes['data-autosave-text'].value, el.id, $('[data-autosave-id]').raw().attributes['value'].value);
}