From a97c3d7d4887ba305a89321f7eaa712bf7a0d9a9 Mon Sep 17 00:00:00 2001
From: Jeff Becker <ampernand@gmail.com>
Date: Mon, 16 Jan 2017 11:47:53 -0500
Subject: [PATCH] more

---
 contrib/js/nntpchan/reply.js | 408 ++++++++++++++++-------------------
 1 file changed, 190 insertions(+), 218 deletions(-)

diff --git a/contrib/js/nntpchan/reply.js b/contrib/js/nntpchan/reply.js
index 62ee5ae..ca33412 100644
--- a/contrib/js/nntpchan/reply.js
+++ b/contrib/js/nntpchan/reply.js
@@ -10,259 +10,231 @@ function getReplyTo() {
 }
 
 function table_insert_row(table, header, items) {
-  var tr = document.createElement("tr");
-  // insert header element
-  var th = document.createElement("th");
-  th.appendChild(header);
-  tr.appendChild(th);
-  // insert the rest of the elements
-  for (var idx = 0; idx < items.length; idx ++ ) {
-    var elem = document.createElement("td");
-    elem.appendChild(items[idx]);
-    tr.appendChild(elem);
-  }
-  table.appendChild(tr);
+    var tr = document.createElement("tr");
+    // insert header element
+    var th = document.createElement("th");
+    th.appendChild(header);
+    tr.appendChild(th);
+    // insert the rest of the elements
+    for (var idx = 0; idx < items.length; idx ++ ) {
+        var elem = document.createElement("td");
+        elem.appendChild(items[idx]);
+        tr.appendChild(elem);
+    }
+    table.appendChild(tr);
 }
 
 /**
-   build dynamic reply box
-*/
-function DynReply() {
-  
-  var elem = document.createElement("div");
-  elem.setAttribute("id", "postform_container");
-  this.elem = elem;
-  // build post form
-  this.form = document.createElement("form");
-  this.form.enctype = "multipart/form-data";
-  this.form.name = "post";
-  this.form.method = "post";
-  // reference
-  elem = document.createElement("input");
-  elem.setAttribute("id", "postform_reference");
-  elem.name = "reference";
-  elem.type = "hidden";
-  this.form.appendChild(elem);
-  
-  var table = document.createElement("table");
-  table.setAttribute("class", "postform");
-  var tbody = document.createElement("tbody");
+ build dynamic reply box
+ */
+function DynReply(rootElem) {
+    
+    var elem = document.createElement("div");
+    this.elem = elem;
+    // reference
+    elem = document.createElement("input");
+    elem.name = "reference";
+    elem.type = "hidden";
+    this.elem.appendChild(elem);
+    
+    var table = document.createElement("table");
+    table.setAttribute("class", "postform");
+    var tbody = document.createElement("tbody");
 
-  var span = document.createElement("span");
-  // name 
-  elem = document.createElement("input");
-  elem.setAttribute("name", "name");
-  elem.setAttribute("value", "Anonymous");
-  elem.setAttribute("id", "postform_name");
-  span.appendChild(elem);
-  // error message
-  var err_elem = document.createElement("span");
-  err_elem.setAttribute("id", "postform_msg");
-  span.appendChild(err_elem);
-  this._error = err_elem;
+    var span = document.createElement("span");
+    // name 
+    elem = document.createElement("input");
+    elem.setAttribute("name", "name");
+    elem.setAttribute("value", "Anonymous");
+    elem.setAttribute("id", "postform_name");
+    span.appendChild(elem);
+    // error message
+    var err_elem = document.createElement("span");
+    err_elem.setAttribute("id", "postform_msg");
+    span.appendChild(err_elem);
+    this._error = err_elem;
     table_insert_row(tbody, document.createTextNode("Name"), [span]);
-  
-  // subject
-  elem = document.createElement("input");
-  elem.setAttribute("name", "subject");
-  elem.setAttribute("value", "");
-  elem.setAttribute("id", "postform_subject");
-  // submit
-  var submit = document.createElement("input");
-  submit.setAttribute("value", "reply");
-  submit.setAttribute("class", "button");
-  submit.setAttribute("type", "submit");
-  submit.setAttribute("id", "postform_submit");
-  table_insert_row(tbody, document.createTextNode("Subject"), [elem, submit]);
+    
+    // subject
+    elem = document.createElement("input");
+    elem.setAttribute("name", "subject");
+    elem.setAttribute("value", "");
+    elem.setAttribute("id", "postform_subject");
+    // submit
+    var submit = document.createElement("input");
+    submit.setAttribute("value", "reply");
+    submit.setAttribute("class", "button");
+    submit.setAttribute("type", "submit");
+    submit.setAttribute("id", "postform_submit");
+    table_insert_row(tbody, document.createTextNode("Subject"), [elem, submit]);
 
-  
-  // Comment
-  elem = document.createElement("textarea");
-  elem.setAttribute("id", "postform_message");
-  elem.setAttribute("name", "message");
-  elem.setAttribute("cols", "40");
-  elem.setAttribute("rows", "5");
-  table_insert_row(tbody, document.createTextNode("Comment"), [elem]);
-  
-  // file
-  elem = document.createElement("input");
-  elem.setAttribute("class", "postform_attachment");
-  elem.setAttribute("id", "postform_attachments");
-  elem.setAttribute("type", "file");
-  elem.setAttribute("name", "attachment_uploaded");
-  elem.setAttribute("multiple", "multiple");
-  table_insert_row(tbody, document.createTextNode("Files"), [elem]);
+    
+    // Comment
+    elem = document.createElement("textarea");
+    elem.setAttribute("id", "postform_message");
+    elem.setAttribute("name", "message");
+    elem.setAttribute("cols", "40");
+    elem.setAttribute("rows", "5");
+    table_insert_row(tbody, document.createTextNode("Comment"), [elem]);
+    
+    // file
+    elem = document.createElement("input");
+    elem.setAttribute("class", "postform_attachment");
+    elem.setAttribute("type", "file");
+    elem.setAttribute("name", "attachment_uploaded");
+    elem.setAttribute("multiple", "multiple");
+    table_insert_row(tbody, document.createTextNode("Files"), [elem]);
 
-  // dubs
-  elem = document.createElement("input");
-  elem.setAttribute("type", "checkbox");
-  elem.setAttribute("name", "dubs");
-  table_insert_row(tbody, document.createTextNode("Get Dubs"), [elem]);
+    // dubs
+    elem = document.createElement("input");
+    elem.setAttribute("type", "checkbox");
+    elem.setAttribute("name", "dubs");
+    table_insert_row(tbody, document.createTextNode("Get Dubs"), [elem]);
 
-  // captcha
-  elem = document.createElement("img");
-  elem.setAttribute("id", "captcha_img");
-  elem.alt = "captcha";
-  table_insert_row(tbody, document.createTextNode("Captcha"), [elem]);
+    // captcha
+    elem = document.createElement("img");
+    elem.alt = "captcha";
+    table_insert_row(tbody, document.createTextNode("Captcha"), [elem]);
 
-  // captcha solution
-  elem = document.createElement("input");
-  elem.name = "captcha";
-  elem.autocomplete = "off";
-  elem.setAttribute("id", "captcha_solution");
+    // captcha solution
+    elem = document.createElement("input");
+    elem.name = "captcha";
+    elem.autocomplete = "off";
     table_insert_row(tbody, document.createTextNode("Solution"), [elem]);
     
-  table.appendChild(tbody);
-  this.form.appendChild(table);
-  this.elem.appendChild(this.form);
-  document.body.appendChild(this.elem);
-  this.board = null;
-  this.rootmsg = null;
-  this.prefix = null;
-  this.url = null;
-  this.x = 1;
-  this.y = 1;
-}
-
-DynReply.prototype.update = function() {
-  if (this.prefix) {
-    // update captcha
-    this.updateCaptcha();
-    if (this.board) {
-      // update post form
-      var ref = document.getElementById("postform_reference");
-      if (this.rootmsg) {
-        ref.setAttribute("value", this.rootmsg);
-      } else {
-        ref.setAttribute("value", "");
-      }
-      this.url = this.prefix + "post/" + this.board + "/json";
-    }
-  }
+    table.appendChild(tbody);
+    this.elem.appendChild(table);
+    this.board = null;
+    this.rootmsg = null;
+    this.prefix = null;
+    this.url = null;
+    this.x = 1;
+    this.y = 1;
+    rootElem.appendChild(this.elem);
 }
 
 DynReply.prototype.show = function() {
-  console.log("show dynreply");
-  this.update();
-  this.elem.style.display = 'inline';
+    console.log("show dynreply");
+    this.update();
+    this.elem.style.display = 'inline';
 }
 
 DynReply.prototype.hide = function() {
-  console.log("hide dynreply");
-  this.elem.style.display = "none";
+    console.log("hide dynreply");
+    this.elem.style.display = "none";
 }
 
 // clear all fields
 DynReply.prototype.clear = function() {
-  this.clearSolution();
-  this.clearPostbox();
+    this.clearSolution();
+    this.clearPostbox();
 }
 
 
 // clear captcha solution
 DynReply.prototype.clearSolution = function() {
-  var e = document.getElementById("captcha_solution");
-  // reset value
-  e.value = "";
+    var e = document.getElementById("captcha_solution");
+    // reset value
+    e.value = "";
 }
 
 // clear postform elements
 DynReply.prototype.clearPostbox = function() {
-  var e = document.getElementById("postform_subject");
-  e.value = "";
-  e = document.getElementById("postform_message");
-  e.value = "";
-  e = document.getElementById("postform_attachments");
-  e.value = null;
+    var e = document.getElementById("postform_subject");
+    e.value = "";
+    e = document.getElementById("postform_message");
+    e.value = "";
+    e = document.getElementById("postform_attachments");
+    e.value = null;
 }
 
 DynReply.prototype.post = function(cb, err_cb) {
-  if (this.url && this.form) {
-    var data = new FormData(this.form);
-    var ajax = new XMLHttpRequest();
-    ajax.onreadystatechange = function(ev) {
-      if (ajax.readyState == XMLHttpRequest.DONE) {
-        var j = null;
-        try {
-          j = JSON.parse(ajax.responseText);
-          cb(j);
-        } catch (e) {
-          if(err_cb) {
-            err_cb(e);
-          }
+    if (this.url && this.form) {
+        var data = new FormData(this.form);
+        var ajax = new XMLHttpRequest();
+        ajax.onreadystatechange = function(ev) {
+            if (ajax.readyState == XMLHttpRequest.DONE) {
+                var j = null;
+                try {
+                    j = JSON.parse(ajax.responseText);
+                    cb(j);
+                } catch (e) {
+                    if(err_cb) {
+                        err_cb(e);
+                    }
+                }
+            }
         }
-      }
+        ajax.open("POST", this.url);
+        ajax.send(data);
     }
-    ajax.open("POST", this.url);
-    ajax.send(data);
-  }
 }
 
 DynReply.prototype.updateCaptcha = function() {
-  if (this.prefix) {
-    var captcha_img = document.getElementById("captcha_img");
-    captcha_img.src = this.prefix + "captcha/img";
-  }
-  this.clearSolution();
+    if (this.prefix) {
+        var captcha_img = document.getElementById("captcha_img");
+        captcha_img.src = this.prefix + "captcha/img";
+    }
+    this.clearSolution();
 }
 
 DynReply.prototype.setPrefix = function(prefix) {
-  this.prefix = prefix;
+    this.prefix = prefix;
 }
 
 DynReply.prototype.hide = function() {
-  this.elem.style.display = 'none';
+    this.elem.style.display = 'none';
 }
 
 
 DynReply.prototype.setBoard = function(boardname) {
-  if (boardname) {
-    this.board = boardname;
-  }
+    if (boardname) {
+        this.board = boardname;
+    }
 }
 
 DynReply.prototype.setRoot = function(rootmsg) {
-  if (rootmsg) {
-      this.rootmsg = rootmsg;
-  }
+    if (rootmsg) {
+        this.rootmsg = rootmsg;
+    }
 }
 
 DynReply.prototype.showError = function(msg) {
-  console.log("error in dynreply: "+msg);
-  this._error.setAttribute("class", "error message");
-  this._error.appendChild(document.createTextNode(msg));
-  this.updateCaptcha();
+    console.log("error in dynreply: "+msg);
+    this._error.setAttribute("class", "error message");
+    this._error.appendChild(document.createTextNode(msg));
+    this.updateCaptcha();
 }
 
 DynReply.prototype.showMessage = function(msg) {
-  this._error.setAttribute("class", "message");
-  this._error.innerHTML = "";
-  this._error.appendChild(document.createTextNode(msg));
-  var e = this._error;
-  setTimeout(function() {
-    // clear it
-    e.innerHTML = "";
-  }, 2000);
+    this._error.setAttribute("class", "message");
+    this._error.innerHTML = "";
+    this._error.appendChild(document.createTextNode(msg));
+    var e = this._error;
+    setTimeout(function() {
+        // clear it
+        e.innerHTML = "";
+    }, 2000);
 }
 
 
 // reply box function
 function nntpchan_reply(parent, shorthash) {
-  if (parent && document.dynreply) {
-    var boardname = parent.dataset.newsgroup;
-    var rootmsg = parent.dataset.rootmsgid;
-    var replyto = getReplyTo();
-    // set target
-    replyto.setBoard(boardname);
-    replyto.setRoot(rootmsg);
-    // show it
-    replyto.show();
-  }
-  var elem = document.getElementById("postform_message");
-  if ( elem )
-  {
-      elem.value += ">>" + shorthash.substr(0,10) + "\n";
-  }
+    if (parent && document.dynreply) {
+        var boardname = parent.dataset.newsgroup;
+        var rootmsg = parent.dataset.rootmsgid;
+        var replyto = getReplyTo();
+        // set target
+        replyto.setBoard(boardname);
+        replyto.setRoot(rootmsg);
+        // show it
+        replyto.show();
+    }
+    var elem = document.getElementById("postform_message");
+    if ( elem )
+    {
+        elem.value += ">>" + shorthash.substr(0,10) + "\n";
+    }
 }
 
 
@@ -280,44 +252,44 @@ function init(prefix) {
     var $dragging = null;
 
     $(rpl.elem).on("mousemove", function(ev) {
-      if ($dragging) {
-        var x = ev.pageX - $(this).width() / 2,
-            y = ev.pageY - $(this).height() / 2;
-        $dragging.offset({
-          top: y - 50,
-          left: x - 50
-        });
-      }
+        if ($dragging) {
+            var x = ev.pageX - $(this).width() / 2,
+                y = ev.pageY - $(this).height() / 2;
+            $dragging.offset({
+                top: y - 50,
+                left: x - 50
+            });
+        }
     });
 
 
     $(rpl.elem).on("mousedown", e, function (ev) {
-      $dragging = $(rpl.elem);
+        $dragging = $(rpl.elem);
     });
 
     $(rpl.elem).on("mouseup", function (e) {
-      $dragging = null;
+        $dragging = null;
     });
     
     // add replyto post handlers
     var postit = function() {
-      // do ajax request to post data
-      var r = getReplyTo();
-      r.showMessage("posting... ");
-      r.post(function(j) {
-        if(j.error) {
-          // an error happened
-          r.showError(j.error);
-        } else {
-          // we're good
-          r.showMessage("posted :^)");
-          r.updateCaptcha();
-          r.clear();
-        }
-      }, function(err) {
-        r.showError(err);
-        r.clearSolution();
-      });
+        // do ajax request to post data
+        var r = getReplyTo();
+        r.showMessage("posting... ");
+        r.post(function(j) {
+            if(j.error) {
+                // an error happened
+                r.showError(j.error);
+            } else {
+                // we're good
+                r.showMessage("posted :^)");
+                r.updateCaptcha();
+                r.clear();
+            }
+        }, function(err) {
+            r.showError(err);
+            r.clearSolution();
+        });
     }
 }