function sendPost(e) {
e.preventDefault();
var button = document.getElementById("post");
button.disabled = true;
var sendpost = new XMLHttpRequest();
var postform = document.getElementById("postform");
sendpost.open("POST", "/cgi/api/post", true);
sendpost.send(new FormData(postform));
sendpost.onreadystatechange = function() {
if (sendpost.readyState == 4) {
button.disabled = false;
var response = JSON.parse(sendpost.responseText);
if (response.state == "success") { postform.message.value = ""; checkNew(e); }
else alert(response.message);
}
}
}
function postClick(e) {
e.preventDefault();
var sel = window.getSelection().toString();
if (sel) { sel=sel.replace(/^/gm, ">")+"\n"; sel="\n"+sel; }
insert(">>" + parseInt(this.innerHTML, 10) + sel);
}
function insert(text) {
var textarea=document.forms.postform.message;
if(textarea) {
if(textarea.createTextRange && textarea.caretPos) { // IE
var caretPos=textarea.caretPos;
caretPos.text=caretPos.text.charAt(caretPos.text.length-1)==" "?text+" ":text;
} else if(textarea.setSelectionRange) { // Firefox
var start=textarea.selectionStart;
var end=textarea.selectionEnd;
textarea.value=textarea.value.substr(0,start)+text+textarea.value.substr(end);
textarea.setSelectionRange(start+text.length,start+text.length);
} else {
textarea.value+=text+" ";
}
textarea.focus();
}
return false;
}
function getPassword() {
if (weabot.password) return weabot.password;
var char="abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
var pass="";
for (var i=0;i<8;i++) {
var rnd = Math.floor(Math.random()*char.length);
pass += char.substring(rnd, rnd+1);
}
console.log(weabot.password);
weabot.password = pass;
localStorage.setItem("weabot", JSON.stringify(weabot));
return(pass);
}
function saveInputs(e) {
var e = e || window.event;
var form = e.target || e.srcElement;
if(typeof(form.fielda) !== "undefined") weabot.name = form.fielda.value;
if(typeof(form.fielda) !== "undefined") weabot.email = form.fieldb.value;
localStorage.setItem("weabot", JSON.stringify(weabot));
}
function setInputs() {
with(document.getElementById("postform")) {
if(typeof(fielda) !== 'undefined' && !fielda.value && weabot.name) fielda.value = weabot.name;
if(typeof(fielda) !== 'undefined' && !fieldb.value && weabot.email) fieldb.value = weabot.email;
if(!password.value) password.value = getPassword();
addEventListener("submit", saveInputs);
}
}
function showMenu(e) {
e.preventDefault();
if (document.getElementById("mnu-opened")) closeMenu(e);
this.id = "mnu-opened";
var brd = postform.board.value;
var post = this.parentNode.parentNode;
if (document.body.className === "txt") {
var id = post.id.substr(1);
var num = parseInt(post.getElementsByClassName("num")[0].innerText, 10);
} else {
var id = post.getElementsByClassName("num")[0].innerText;
var num = ((post.className === "first") ? 1 : 0);
}
var menu = document.createElement("div");
menu.id = "mnu-list";
menu.style.top = (e.pageY + 5) + "px";
menu.style.left = (e.pageX + 5) + "px";
document.body.appendChild(menu);
menu = document.getElementById("mnu-list");
var rep = document.createElement("a");
rep.href = "#";
rep.innerText = "Denunciar post";
rep.addEventListener("click", function(e) {
var reason = prompt("Razón de denuncia:");
if (reason === "") while(reason === "") reason = prompt("Error: Ingresa una razón.");
if (reason) {
var rep_req = new XMLHttpRequest();
var report = "/cgi/report/" + brd + "/" + id + ((num) ? "/" + num : "") + "?reason=" + reason;
rep_req.open("GET", report, true);
rep_req.send();
rep_req.onreadystatechange = function() {
if (rep_req.readyState == 4 && rep_req.status == 200) alert("Denuncia enviada.");
}
}
});
menu.appendChild(rep);
var del = document.createElement("a");
del.href = "#";
del.innerText = "Eliminar post";
del.addEventListener("click", function(e) {
if(confirm("¿Seguro que deseas borrar el mensaje "+((num) ? num : id)+"?")) {
var del_req = new XMLHttpRequest();
var del_form = "/cgi/api/delete?dir=" + brd + "&id=" + id + "&password=" + postform.password.value;
del_req.open("GET", del_form, true);
del_req.send();
del_req.onreadystatechange = function() {
if (del_req.readyState == 4) {
var response = JSON.parse(del_req.responseText);
if (response.state == "success") {
if (num == 1) {
alert("Hilo eliminado.");
document.location = "/cgi/mobile/" + brd;
} else {
alert("Mensaje eliminado.");
location.reload();
}
} else if (response.state == "failed") alert(response.message);
}
}
}
});
menu.appendChild(del);
var file = post.getElementsByClassName("thm")[0];
if (file) {
var dfile = document.createElement("a");
dfile.href = "#";
dfile.innerText = "Eliminar archivo";
dfile.addEventListener("click", function(e) {
if(confirm("¿Seguro que deseas borrar el archivo del mensaje "+((num) ? num : id)+"?")) {
var fdel_req = new XMLHttpRequest();
var fdel_form = "/cgi/api/delete?dir=" + brd + "&id=" + id + "&password=" + postform.password.value + "&imageonly=true";
fdel_req.open("GET", fdel_form, true);
fdel_req.send();
fdel_req.onreadystatechange = function() {
if (fdel_req.readyState == 4) {
var response = JSON.parse(fdel_req.responseText);
if (response.state == "success") {
alert("Archivo eliminado.");
post.removeChild(file);
} else if (response.state == "failed") alert(response.message);
}
}
}
});
menu.appendChild(dfile);
}
e.stopPropagation();
this.removeEventListener("click", showMenu);
document.addEventListener("click", closeMenu);
}
function closeMenu(e) {
var menu = document.getElementById("mnu-list");
menu.parentElement.removeChild(menu);
document.removeEventListener("click", closeMenu);
var btn = document.getElementById("mnu-opened");
btn.addEventListener("click", showMenu);
btn.removeAttribute("id");
e.preventDefault();
}
function searchSubjects() {
var filter = document.getElementById("search").value.toLowerCase();
var nodes = document.getElementsByClassName("list")[0].getElementsByTagName("a");
for (i = 0; i < nodes.length; i++) {
if (nodes[i].innerHTML.toLowerCase().split(/<\/?br[^>]*>\s*/im)[0].includes(filter))
nodes[i].removeAttribute("style");
else nodes[i].style.display = "none";
}
}
function searchCatalog() {
var filter = document.getElementById("catsearch").value.toLowerCase();
var nodes = document.getElementsByClassName("cat");
for (i = 0; i < nodes.length; i++) {
if (nodes[i].innerText.toLowerCase().substring(nodes[i].innerText.indexOf("R)")+2).includes(filter))
nodes[i].removeAttribute("style");
else nodes[i].style.display = "none";
}
}
var lastTime = 0;
var refreshInterval;
var refreshMaxTime = 30;
var refreshTime;
var manual = 0;
var serviceType = 0;
var thread_length = 0;
var thread_lastreply = 0;
var thread_title = "";
var thread_first_length = 0;
var http_request = new XMLHttpRequest();
function checkNew(e) {
e.preventDefault();
manual = 1;
loadJSON();
if (chk.checked) refreshMaxTime = 25;
}
function loadJSON() {
if (chk.checked) stopCounter("...");
if (manual) {
document.getElementById("n").style.color = "gray";
document.getElementById("n").innerText = "Revisando...";
}
var data_file;
if (serviceType)
data_file = "/cgi/api/thread?dir=" + postform.board.value + "&id=" + postform.parent.value + "&offset=" + thread_length + "&time=" + lastTime;
else return false;
http_request.open("GET", data_file, true);
http_request.send();
}
function updateThread(posts, total_replies, serverTime) {
thread_div = document.getElementById("thread");
last_elem = document.getElementById("n");
for (var i = 0; i < posts.length; i++) {
post = posts[i];
brd = postform.board.value;
var div = document.createElement('div');
div.className = "pst";
div.id = "p" + post.id;
if (post.IS_DELETED == 0) {
s_name = post.name;
if (post.tripcode) s_name += ' ' + post.tripcode;
s_time = post.timestamp_formatted.replace(/\(.{1,3}\)/g, " ");
if (post.file)
s_img = '<a href="/' + brd + '/src/' + post.file + '" target="_blank" class="thm"><img src="/' + brd + '/mobile/' + post.thumb + '" /><br />' + Math.round(post.file_size/1024) + 'KB ' + post.file.substring(post.file.lastIndexOf(".")+1, post.file.length).toUpperCase() + '</a>';
else s_img = '';
}
if (serviceType == 1) {
var pad = "0000" + (thread_length + i + 1);
pad = pad.substr(pad.length-4);
if (post.IS_DELETED == 0)
div.innerHTML = '<h3><a href="#" class="num">' + pad + '</a> ' + s_name + '</h3>' + s_img + '<div class="msg">' + post.message + '</div><h4>' + s_time + '<a href="#" class="mnu">|||</a></h4>';
else if (post.IS_DELETED == 1)
div.innerHTML = '<h3 class="del"><a href="#" class="num">' + pad + '</a> : Eliminado por el usuario.</h3>';
else
div.innerHTML = '<h3 class="del"><a href="#" class="num">' + pad + '</a> : Eliminado por miembro del staff.</h3>';
} else {
if (post.IS_DELETED == 0) {
div.innerHTML = '<h3>' + s_name + ' ' + s_time + ' <a href="#" class="num" name="' + post.id + '">' + post.id + '</a><a href="#" class="mnu">|||</a></h3>' + s_img + '<div class="msg">' + post.message + '</div>';
} else if (post.IS_DELETED == 1) { div.innerHTML = '<h3 class="del"><a name="' + post.id + '"></a>No.' + post.id + ' eliminado por el usuario.</h3>'; }
else { div.innerHTML = '<h3 class="del"><a name="' + post.id + '"></a>No.' + post.id + ' eliminado por miembro del staff.</h3>'; }
}
div.getElementsByClassName("mnu")[0].addEventListener("click", showMenu);
div.getElementsByClassName("num")[0].addEventListener("click", postClick);
thread_div.insertBefore(div, last_elem);
document.getElementsByTagName("h1")[0].getElementsByTagName("span")[0].innerText = "(" + (thread_length + i + 1) + ")"
}
if (posts.length > 0) {
if (!manual) refreshMaxTime = 10;
if (!document.hasFocus())
if (posts.length > 1) notif(thread_title, posts.length + ' nuevos mensajes');
else notif(thread_title, 'Un nuevo mensaje');
} else { if (refreshMaxTime <= 60) refreshMaxTime += 5; }
thread_length = parseInt(total_replies) + 1;
new_unread = thread_length - thread_first_length;
if (new_unread) document.title = '(' + new_unread + ') ' + thread_title;
else document.title = thread_title;
}
function notif(title, msg) {
var n = new Notification(title, { body: msg });
setTimeout(n.close.bind(n), 10000);
}
function counter() {
if (refreshTime < 1) loadJSON();
else {
refreshTime--;
document.getElementById("counter").innerHTML = (refreshTime + 1);
}
}
function detectService() {
if (document.getElementById("thread")) {
thread_title = document.getElementsByTagName("h1")[0].innerHTML.split(" \<span\>")[0] + " - " + document.title;
thread_length = parseInt(document.getElementsByTagName("h1")[0].getElementsByTagName("span")[0].innerText.slice(1, -1), 10);
thread_first_length = thread_length;
if (document.body.className === "txt") {
serviceType = 1;
replylist = document.getElementsByClassName("pst");
thread_lastreply = parseInt(replylist[replylist.length - 1].getElementsByClassName("num")[0].innerText);
if (thread_length == thread_lastreply) {
serviceType = 1;
document.getElementById("n2").setAttribute("style", "border-top:1px solid #c6c7c8;border-left:1px solid #c6c7c8;display:inline-block;text-align:center;width:50%;");
return true;
} else return false;
} else if (document.body.className === "img") {
serviceType = 2;
document.getElementById("n").innerText = "Ver nuevos posts";
document.getElementById("n2").setAttribute("style", "border-top:1px solid #333;border-left:1px solid #333;display:inline-block;text-align:center;width:50%;");
replylist = document.getElementsByClassName("first");
replylist += document.getElementsByClassName("pst");
return true;
}
} else return false;
}
function startCounter() {
refreshTime = refreshMaxTime;
counter();
refreshInterval = setInterval(counter, 1000);
}
function stopCounter(str) {
clearInterval(refreshInterval);
document.getElementById("counter").innerHTML = str;
}
function autoRefresh(e) {
chk_snd = document.getElementById("autosound");
if (document.getElementById("autorefresh").checked) {
if (chk_snd) chk_snd.disabled = false;
Notification.requestPermission();
lastTime = Math.floor(Date.now() / 1000);
refreshTime = refreshMaxTime;
startCounter();
} else {
if (chk_snd) document.getElementById("autosound").disabled = true;
stopCounter("OFF");
}
}
http_request.onreadystatechange = function() {
if (http_request.readyState == 4) {
var jsonObj = JSON.parse(http_request.responseText);
if (jsonObj.state == "success") {
updateThread(jsonObj.posts, jsonObj.total_replies, jsonObj.time);
lastTime = jsonObj.time;
if (chk.checked) startCounter();
}
if (manual) {
document.getElementById("n").style.color = "inherit";
document.getElementById("n").innerText = "Ver nuevos posts";
}
manual = 0;
}
}
function sortList(type) {
for(var i=0;i<srts.length;i++) srts[i].removeAttribute("class");
srts[type].className = "sel";
var cont = document.getElementById("to_sort");
var elem = cont.getElementsByTagName("a");
var arr = Array.prototype.slice.call(elem);
if (type==0) arr.sort(function (a,b) { return (a.dataset.num-b.dataset.num) });
else if (type==1) arr.sort(function (a,b) { return (b.dataset.id-a.dataset.id) });
else if (type==2) arr.sort(function (a,b) { return (a.dataset.id-b.dataset.id) });
else if (type==3) arr.sort(function (a,b) { return (b.dataset.res-a.dataset.res) });
else if (type==4) arr.sort(function (a,b) { return (a.dataset.res-b.dataset.res) });
for (var j=0;j<arr.length;j++) cont.appendChild(arr[j]);
}
document.addEventListener("DOMContentLoaded", function(e) {
if (localStorage.hasOwnProperty("weabot")) weabot = JSON.parse(localStorage.getItem("weabot"));
else weabot = {"name":null,"email":null,"password":null};
var ids = document.getElementsByClassName("num");
for(var i=0;i<ids.length;i++) ids[i].addEventListener("click", postClick);
var form = document.getElementById("postform");
if (form) {
setInputs();
if (document.getElementById("post").value == "Responder")
form.addEventListener("submit", sendPost);
}
if (document.getElementById("search")) document.getElementById("search").addEventListener("keyup", searchSubjects);
if (document.getElementById("catsearch")) document.getElementById("catsearch").addEventListener("keyup", searchCatalog);
if (document.getElementById("to_sort")) {
srts = document.getElementsByClassName("ord")[0].getElementsByTagName("a");
for(var i=0;i<srts.length;i++) srts[i].addEventListener("click", function(e) { e.preventDefault(); sortList(this.dataset.sort); });
}
if (document.getElementById("thread")) {
var mnu = document.createElement('a');
mnu.href = "#";
mnu.className = "mnu";
mnu.innerHTML = "|||";
if (document.body.className === "txt") var ft = document.getElementsByTagName("h4");
else if (document.body.className === "img") var ft = document.getElementsByTagName("h3");
for(var i=0;i<ft.length;i++) {
if (!ft[i].classList.contains("del")) {
var cln = mnu.cloneNode(true);
cln.addEventListener("click", showMenu);
ft[i].appendChild(cln);
}
}
}
if (!detectService()) return;
document.title = thread_title;
document.getElementById("n").style.display = "inline-block";
document.getElementById("n").style.width = "50%";
document.getElementById("n").addEventListener("click", checkNew);
var lbl = document.createElement("label");
lbl.id = "auto";
lbl.style.display = "block";
lbl.style.padding = "6px 0";
var btn = document.createElement("input");
btn.id = "autorefresh";
btn.setAttribute("type", "checkbox");
btn.addEventListener("click", autoRefresh);
var cnt = document.createElement("span");
cnt.id = "counter";
cnt.textContent = "OFF";
document.getElementById("n2").appendChild(lbl);
document.getElementById("auto").appendChild(btn);
document.getElementById("auto").appendChild(document.createTextNode(" Auto "));
document.getElementById("auto").appendChild(cnt);
chk = document.getElementById("autorefresh");
if (localStorage.getItem("autorefreshmobile")) {
chk.checked = true;
autoRefresh();
}
});
window.addEventListener("unload", function() {
chk = document.getElementById("autorefresh");
if (!serviceType) return;
if (chk.checked) localStorage.setItem("autorefreshmobile", true);
else localStorage.removeItem("autorefreshmobile");
});
