diff options
author | junk | 2021-03-27 20:20:28 -0300 |
---|---|---|
committer | junk | 2021-03-27 20:53:56 -0300 |
commit | 9b039e42df4eefb7971a2cfa19bce260ab4ef08f (patch) | |
tree | 5ad65f7f0dabaa439745daeae5a7dd374c8a1b03 /static/js | |
parent | 0e86988ba9099072dcd2af5142f8f4e988908e9b (diff) | |
download | weabot-9b039e42df4eefb7971a2cfa19bce260ab4ef08f.tar.gz weabot-9b039e42df4eefb7971a2cfa19bce260ab4ef08f.tar.xz weabot-9b039e42df4eefb7971a2cfa19bce260ab4ef08f.zip |
Arreglando diseño para móviles
Diffstat (limited to 'static/js')
-rw-r--r-- | static/js/mobile.js | 19 | ||||
-rw-r--r-- | static/js/shobon.js | 98 | ||||
-rw-r--r-- | static/js/weabot.js | 212 | ||||
-rw-r--r-- | static/js/weabotxt.js | 119 |
4 files changed, 118 insertions, 330 deletions
diff --git a/static/js/mobile.js b/static/js/mobile.js index 22606b9..36747e8 100644 --- a/static/js/mobile.js +++ b/static/js/mobile.js @@ -90,7 +90,7 @@ function showMenu(e) { e.preventDefault(); if (document.getElementById("mnu-opened")) closeMenu(e); this.id = "mnu-opened"; - var brd = postform.board.value; + var brd = document.body.dataset.brd; var post = this.parentNode.parentNode; if (document.body.className === "txt") { var id = post.id.substr(1); @@ -422,7 +422,7 @@ function counter() { } function detectService() { - if (document.getElementById("thread")) { + if (document.getElementById("thread") && document.getElementById("postform")) { thread_title = document.getElementsByTagName("h1")[0].innerHTML.split(" <span>")[0] + " - " + @@ -444,12 +444,7 @@ function detectService() { ); 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%;" - ); + 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") { @@ -585,6 +580,14 @@ document.addEventListener("DOMContentLoaded", function(e) { ft[i].appendChild(cln); } } + + var sjis = /( \| /|\ |/ | ̄ ̄|| | ||\| | \|)/; + var msg = document.getElementsByClassName("msg"); + for (var i=0; i<msg.length; i++) { + if (msg[i].textContent.match(sjis)) { + msg[i].classList.add("minisjis"); + } + } } if (!detectService()) return; diff --git a/static/js/shobon.js b/static/js/shobon.js index e7a9073..d4b345c 100644 --- a/static/js/shobon.js +++ b/static/js/shobon.js @@ -15,7 +15,7 @@ function shobon() { box.appendChild(document.createTextNode(" | ")); var slnk = document.createElement("a"); slnk.href = "#"; - slnk.innerHTML = "<b>Configuración</b>"; + slnk.innerHTML = "<b>Configurar</b>"; slnk.addEventListener("click", shobonSettings); box.appendChild(slnk); } @@ -25,11 +25,6 @@ function shobon() { var newRepliesCounter = 0; - // dejar barra superior fija - if (localStorage.getItem("shobon_navbar") == "true") { - fixedNav(); - } - var shobon_time = localStorage.getItem("shobon_time"); if (shobon_time != "false") { if (boardName == "world") @@ -98,8 +93,7 @@ function shobon() { if (isNewReply) { newRepliesCounter++; newRepliesInThread++; - reply.children[0].innerHTML += - " <span class='shobonNew' style='color:#CC6666; font-weight:bold;'>Nuevo!</span>"; + reply.children[0].innerHTML += " <span class='shobonNew' style='color:#CC6666; font-weight:bold;'>Nuevo!</span>"; } } @@ -115,7 +109,7 @@ function shobon() { replaceCountryName(reply); } // colorear IDs - if (localStorage.getItem("shobon_ids") != "false") { + if (localStorage.getItem("shobon_ids") == "true") { paintIds(reply); } // insertar imágenes @@ -213,29 +207,22 @@ function timeAgo(timestamp) { else if (el < 31536000) return Math.round(el / 2628000) + " meses"; else if (el > 31535999) return "más de un año"; } + function localTime(timestamp, id) { id = id || 0; var lcl = new Date(timestamp * 1000); lcl = - ("0" + lcl.getDate()).slice(-2) + - "/" + + ("0" + lcl.getDate()).slice(-2) + "/" + ("0" + (lcl.getMonth() + 1)).slice(-2) + - "/" + - lcl - .getFullYear() - .toString() - .slice(-2) + - "(" + - week[lcl.getDay()] + - ")" + - ("0" + lcl.getHours()).slice(-2) + - ":" + - ("0" + lcl.getMinutes()).slice(-2) + - ":" + + "/" + lcl.getFullYear().toString().slice(-2) + + "(" + week[lcl.getDay()] + ")" + + ("0" + lcl.getHours()).slice(-2) + ":" + + ("0" + lcl.getMinutes()).slice(-2) + ":" + ("0" + lcl.getSeconds()).slice(-2); if (id) lcl = lcl + " " + id; return lcl; } + function loadFilters() { var filters = JSON.parse(localStorage.getItem("shobon_filters")); @@ -330,46 +317,23 @@ function shobonSettings(e) { box.style.textAlign = "center"; var p = document.createElement("div"); - p.appendChild( - createCheckbox("shobon_on", "<b>Activar extensión</b>", true) - ); - p.appendChild( - createCheckbox("shobon_navbar", "Fijar barra superior", false) - ); - p.appendChild(createCheckbox("shobon_ids", "Colorear IDs", true)); - p.appendChild( - createCheckbox("shobon_embedimg", "Insertar imágenes miniatura", false) - ); - p.appendChild( - createCheckbox("shobon_newposts", "Destacar mensajes nuevos", false) - ); - p.appendChild( - createCheckbox( - "shobon_country", - "Reemplazar códigos de país por nombres", - false - ) - ); - p.appendChild( - createCheckbox("shobon_time", "Convertir fechas a hora local", true) - ); - p.appendChild( - createCheckbox("shobon_backlink", "Mostrar quién ha citado un post", true) - ); - p.appendChild( - createCheckbox("shobon_preview", "Previsualizar citas", true) - ); - p.appendChild( - createCheckbox("shobon_usefilters", "Activar filtros", false) - ); + p.appendChild(createCheckbox("shobon_on", "<b>Activar extensión</b>", true)); + p.appendChild(createCheckbox("shobon_ids", "Colorear IDs", false)); + p.appendChild(createCheckbox("shobon_embedimg", "Insertar imágenes miniatura", false)); + p.appendChild(createCheckbox("shobon_newposts", "Destacar mensajes nuevos", false)); + p.appendChild(createCheckbox("shobon_country", "Reemplazar códigos de país por nombres", false)); + p.appendChild(createCheckbox("shobon_time", "Convertir fechas a hora local", true)); + p.appendChild(createCheckbox("shobon_backlink", "Mostrar quién ha citado un post", true)); + p.appendChild(createCheckbox("shobon_preview", "Previsualizar citas", true)); + p.appendChild(createCheckbox("shobon_usefilters", "Activar filtros", false)); /*var a = document.createElement("a"); - a.href = "#"; - a.textContent = "[Editar filtros]"; - a.addEventListener("click", function() { + a.href = "#"; + a.textContent = "[Editar filtros]"; + a.addEventListener("click", function() { var x = document.getElementById("filters"); x.hidden = !x.hidden; - }); - p.appendChild(a);*/ + }); + p.appendChild(a);*/ box.appendChild(p); var title2 = document.createElement("h6"); @@ -408,7 +372,7 @@ function shobonSettings(e) { var msg = document.createElement("a"); msg.style.display = "block"; msg.href = "#"; - msg.textContent = "Actualizar página para ver cambios"; + msg.textContent = "Actualizar para ver cambios"; msg.style.marginTop = "1em"; msg.addEventListener("click", function() { location.reload(); @@ -487,8 +451,7 @@ function paintIds(reply) { var lastChar = userId.substring(userId.length - 1, userId.length); dateId.innerHTML = postDate + - "<span class='uid ID_" + - userId.slice(0, -1) + + "<span class='uid ID_" + userId.slice(0, -1) + "' style='background-color:#" + idColor + ";color:#" + @@ -496,9 +459,7 @@ function paintIds(reply) { ";padding:0 3px;border-radius:5px; font-size:0.9em;vertical-align:top;'>ID:" + userId + "</span>"; - dateId - .getElementsByClassName("uid")[0] - .addEventListener("click", markId, false); + dateId.getElementsByClassName("uid")[0].addEventListener("click", markId, false); } } @@ -571,9 +532,4 @@ function padZero(str, len) { return (zeros + str).slice(-len); } -function fixedNav() { - var bar = document.getElementById("main_nav"); - if (bar) document.body.className += " fix"; -} - document.addEventListener("DOMContentLoaded", shobon, false); diff --git a/static/js/weabot.js b/static/js/weabot.js index 6557f66..9ab84f3 100644 --- a/static/js/weabot.js +++ b/static/js/weabot.js @@ -40,9 +40,7 @@ function insert(text) { // IE var caretPos = textarea.caretPos; caretPos.text = - caretPos.text.charAt(caretPos.text.length - 1) == " " - ? text + " " - : text; + caretPos.text.charAt(caretPos.text.length - 1) == " " ? text + " " : text; } else if (textarea.setSelectionRange) { // Firefox var start = textarea.selectionStart; @@ -58,25 +56,19 @@ function insert(text) { return false; } -function quote(b, a) { - var v = eval("document." + a + ".message"); - v.value += ">>" + b + "a\ndfs"; - v.focus(); -} - function checkhighlight() { var match; - if ((match = /#i([0-9]+)/.exec(document.location.toString()))) + if ((match = /#i([0-9]+)/.exec(document.location.toString()))) { if (!document.forms.postform.message.value) insert(">>" + match[1] + "\r\n"); - if ((match = /#([0-9]+)/.exec(document.location.toString()))) + } else if ((match = /#([0-9]+)/.exec(document.location.toString()))) { highlight(match[1]); + } } function highlight(post) { - var cells = document.getElementsByClassName("reply"); - for (var i = 0; i < cells.length; i++) - if (cells[i].className == "reply highlight") cells[i].className = "reply"; + var hl = document.getElementsByClassName("reply highlight"); + if (hl.length) { hl[0].className = "reply"; } var reply = document.getElementById("reply" + post); if (reply) { reply.className = "reply highlight"; @@ -92,16 +84,15 @@ function expandimg(e) { var img_w = parseInt(e.dataset.w); var img_h = parseInt(e.dataset.h); var thumb_w = parseInt(e.dataset.tw); + if (thumb_w < 1) return true; var thumb_h = parseInt(e.dataset.th); var format = img_url.substring(img_url.lastIndexOf(".") + 1, img_url.length); var exp_vid = 0; if (window.innerWidth > 900) - var ratio = Math.min((window.innerWidth - 130) / img_w, 1); + var ratio = Math.min((window.innerWidth - 130) / img_w, 1); else var ratio = Math.min((window.innerWidth - 40) / img_w, 1); - if (thumb_w < 1) return true; - var img_cont = document.getElementById("thumb" + post_id); var post_block = img_cont.parentElement.parentElement.getElementsByTagName( "blockquote" @@ -117,18 +108,17 @@ function expandimg(e) { } if (img) { - if (format == "webm" && exp_vid == 0) + if (format == "webm" || format == "mp4" && exp_vid == 0) var new_img = document.createElement("video"); else var new_img = document.createElement("img"); + new_img.setAttribute("class", "thumb"); new_img.setAttribute("alt", "" + post_id); - if ( - img.getAttribute("width") == "" + thumb_w && - img.getAttribute("height") == "" + thumb_h - ) { + if (img.getAttribute("width") == "" + thumb_w && + img.getAttribute("height") == "" + thumb_h) { // thumbnail -> fullsize - if (format == "webm") { + if (format == "webm" || format == "mp4") { new_img.setAttribute("controls", ""); new_img.setAttribute("loop", ""); new_img.setAttribute("autoplay", ""); @@ -136,19 +126,14 @@ function expandimg(e) { new_img.setAttribute("src", "" + img_url); new_img.setAttribute("width", img_w); new_img.setAttribute("height", img_h); - new_img.setAttribute( - "style", - "max-width:" + - Math.floor(img_w * ratio) + - "px;max-height:" + - Math.floor(img_h * ratio) + - "px;" - ); + new_img.setAttribute("style", "max-width:" + + Math.floor(img_w * ratio) + "px;max-height:" + + Math.floor(img_h * ratio) + "px;"); post_block.setAttribute("style", ""); img_cont.style.display = "table"; } else { // fullsize -> thumbnail - if (format == "webm") { + if (format == "webm" || format == "mp4") { new_img.removeAttribute("controls"); new_img.removeAttribute("loop"); new_img.removeAttribute("autoplay"); @@ -156,14 +141,9 @@ function expandimg(e) { new_img.setAttribute("src", "" + thumb_url); new_img.setAttribute("width", thumb_w); new_img.setAttribute("height", thumb_h); - post_block.setAttribute( - "style", - "margin-left:" + - (parseInt(thumb_w) + 40) + - "px;max-width:" + - (1000 - parseInt(thumb_w)) + - "px" - ); + post_block.setAttribute("style", "margin-left:" + + (parseInt(thumb_w) + 40) + "px;max-width:" + + (1000 - parseInt(thumb_w)) + "px"); img_cont.removeAttribute("style"); } @@ -179,20 +159,6 @@ function filePreview(e) { var prev = document.getElementById("filepreview"); var noimg = document.getElementById("noimage"); if (noimg) noimg = document.getElementById("noimage").parentNode; - if (file.size > maxsize * 1024) { - inpt.value = ""; - return alert( - "El archivo es muy grande. El tamaño máximo es " + maxsize + " KB." - ); - } - if ( - !types.includes( - inpt.value.slice(inpt.value.lastIndexOf(".") + 1).toUpperCase() - ) - ) { - inpt.value = ""; - return alert("Tipo de archivo no soportado."); - } var read = new FileReader(); read.readAsDataURL(file); read.onload = function() { @@ -202,10 +168,8 @@ function filePreview(e) { var fname = file.name.length < 20 ? file.name : file.name.substr(0, 19) + "…"; if (file.type.startsWith("image")) - prev.insertAdjacentHTML( - "beforeend", - '<img class="thumbpreview" src="' + read.result + '" /> ' + fname - ); + prev.insertAdjacentHTML("beforeend", + '<img class="thumbpreview" src="' + read.result + '" /> ' + fname); else prev.insertAdjacentHTML("beforeend", fname); prev.appendChild(document.createTextNode(" [")); var btn = document.createElement("a"); @@ -286,25 +250,15 @@ function catSort(type) { var elem = document.getElementsByClassName("thread"); var arr = Array.prototype.slice.call(elem); if (type == 0) - arr.sort(function(a, b) { - return a.dataset.num - b.dataset.num; - }); + 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; - }); + 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; - }); + 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; - }); + 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; - }); + arr.sort(function(a, b) { return a.dataset.res - b.dataset.res; }); for (var j = 0; j < arr.length; j++) cont.appendChild(arr[j]); localStorage.setItem("catalog", JSON.stringify(opcs)); } @@ -347,7 +301,7 @@ function catTeasers(teaser) { var style = document.createElement("style"); style.id = "teaser_style"; style.type = "text/css"; - style.innerText = "#catalog p{display:none}"; + style.innerText = "#catalog p {display:none}"; document.head.appendChild(style); btn.innerText = "Mostrar"; } else { @@ -361,14 +315,9 @@ function catTeasers(teaser) { function catMenu(e) { var brd = document.getElementsByName("board")[0].value; var id = this.dataset.id; - this.insertAdjacentHTML( - "afterbegin", + this.insertAdjacentHTML("afterbegin", '<div id="thread_ctrl" style="margin-bottom:3px;">[<a href="/cgi/report/' + - brd + - "/" + - id + - '">Denunciar</a>] [<a href="#" class="hh">Ocultar</a>]' - ); + brd + "/" + id + '">Denunciar</a>] [<a href="#" class="hh">Ocultar</a>]'); this.getElementsByClassName("hh")[0].addEventListener("click", function(e) { document.getElementById("cat" + id + brd).style.display = "none"; hiddenthreads.push(id + brd); @@ -403,9 +352,7 @@ function catHidden() { e.preventDefault(); for (var i = 0; i < hiddenthreads.length; i++) { try { - document - .getElementById("cat" + hiddenthreads[i]) - .removeAttribute("style"); + document.getElementById("cat" + hiddenthreads[i]).removeAttribute("style"); } catch (err) { continue; } @@ -437,28 +384,6 @@ function applyTheme() { set_stylesheet(newTheme); } -function readableSize(B) { - var thresh = 1024; - if (Math.abs(B) < thresh) return B + " B"; - var units = ["KB", "MB", "GB"]; - var u = -1; - do { - B /= thresh; - ++u; - } while (Math.abs(B) >= thresh && u < units.length - 1); - return B.toFixed(1) + " " + units[u]; -} - -function fixFileSize() { - var obj = document.getElementsByClassName("fs"); - for (var i = 0; i < obj.length; i++) { - var parts = obj[i].childNodes[2].textContent.split(" B, "); - var filesize = parts[0].substring(2); - obj[i].childNodes[2].textContent = - "-(" + readableSize(filesize) + ", " + parts[1]; - } -} - document.addEventListener("DOMContentLoaded", function(e) { checkhighlight(); if (localStorage.hasOwnProperty("weabot")) @@ -474,33 +399,13 @@ document.addEventListener("DOMContentLoaded", function(e) { } } - if (screen.width < 720) { - var head = document.getElementById("main_nav"); - var b = head.getElementsByTagName("a"); - var s = document.createElement("select"); - for (var i = 1; i < b.length; i++) { - var o = document.createElement("option"); - o.value = b[i].href; - o.textContent = b[i].textContent; - if (b[i].className == "cur_brd") o.defaultSelected = true; - s.appendChild(o); - } - s.addEventListener("change", function(e) { - window.location.href = this.value; - }); - head.removeChild(head.childNodes[0]); - head.className = "mob fix"; - head.insertBefore(s, head.childNodes[0]); - } - if (localStorage.hasOwnProperty("hiddenthreads")) { hiddenthreads = localStorage.getItem("hiddenthreads").split("!"); if (document.getElementById("catalog")) { hidden_num = 0; for (var i = 0; i < hiddenthreads.length; i++) { try { - document.getElementById("cat" + hiddenthreads[i]).style.display = - "none"; + document.getElementById("cat" + hiddenthreads[i]).style.display = "none"; hidden_num++; } catch (err) { continue; @@ -512,11 +417,8 @@ document.addEventListener("DOMContentLoaded", function(e) { } else { for (var i = 0; i < hiddenthreads.length; i++) { try { - document - .getElementById("unhide" + hiddenthreads[i]) - .removeAttribute("style"); - document.getElementById("thread" + hiddenthreads[i]).style.display = - "none"; + document.getElementById("unhide" + hiddenthreads[i]).removeAttribute("style"); + document.getElementById("thread" + hiddenthreads[i]).style.display = "none"; } catch (err) { continue; } @@ -529,14 +431,10 @@ document.addEventListener("DOMContentLoaded", function(e) { styleSelect.addEventListener("change", applyTheme, false); styleSelect.value = localStorage.getItem(style_cookie); } - + if (document.getElementById("postform")) { setInputs("postform"); - maxsize = document.getElementById("maxsize").innerText; - types = document.getElementById("filetypes").innerText.split(", "); - if (types.includes("JPG")) types.push("JPEG"); postform.file.addEventListener("change", filePreview); - fixFileSize(); } var del = document.getElementById("delform"); @@ -583,25 +481,21 @@ document.addEventListener("DOMContentLoaded", function(e) { } } }); -document.addEventListener( - "click", - function(e) { - var cn = e.target.className; - if (cn == "num") { - e.preventDefault(); - postClick(e.target.textContent); - return; - } - if (cn == "tt") { - e.preventDefault(); - togglethread(e.target); - return; - } - if (cn == "expimg") { - e.preventDefault(); - expandimg(e.target); - return; - } - }, - false -); +document.addEventListener("click", function(e) { + var cn = e.target.className; + if (cn == "num") { + e.preventDefault(); + postClick(e.target.textContent); + return; + } + if (cn == "tt") { + e.preventDefault(); + togglethread(e.target); + return; + } + if (cn == "expimg") { + e.preventDefault(); + expandimg(e.target); + return; + } +}, false); diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js index ba3e51d..cf4209a 100644 --- a/static/js/weabotxt.js +++ b/static/js/weabotxt.js @@ -11,17 +11,6 @@ function set_stylesheet(styletitle) { localStorage.setItem(style_cookie, styletitle); } -function timeMob(timestamp) { - var time = Math.round(Date.now() / 1000); - var el = time - timestamp; - if (el < 60) return el + "s"; - else if (el < 3600) return Math.round(el / 60) + "m"; - else if (el < 86400) return Math.round(el / 3600) + "h"; - else if (el < 2628000) return Math.round(el / 86400) + "d"; - else if (el < 31536000) return Math.round(el / 2628000) + "me"; - else return Math.round(el / 31557600) + "a"; -} - /* IE/Opera fix, because they need to go learn a book on how to use indexOf with arrays */ if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { @@ -82,9 +71,8 @@ function insert(text) { // IE var caretPos = textarea.caretPos; caretPos.text = - caretPos.text.charAt(caretPos.text.length - 1) == " " - ? text + " " - : text; + caretPos.text.charAt(caretPos.text.length - 1) == + " " ? text + " " : text; } else if (textarea.setSelectionRange) { // Firefox var start = textarea.selectionStart; @@ -106,14 +94,8 @@ function deletePost(e) { var realid = ids.pop(); if (confirm("¿Seguro que deseas borrar el mensaje " + post + "?")) { var script = "/cgi/delete"; - document.location = - script + - "?board=" + - board + - "&password=" + - weabot.password + - "&delete=" + - realid; + document.location = script + "?board=" + board + "&password=" + + weabot.password + "&delete=" + realid; } } @@ -139,10 +121,9 @@ function previewPost(e) { if (main) main.style.display = ""; preview.removeAttribute("style"); - preview.innerHTML = "<em>Cargando...</em>"; + preview.innerText = "Cargando..."; - var text = - "message=" + encodeURIComponent(form.message.value) + "&board=" + board; + var text = "message=" + encodeURIComponent(form.message.value) + "&board=" + board; if (thread) text += "&parentid=" + thread; var xmlhttp = get_xmlhttp(); @@ -151,10 +132,7 @@ function previewPost(e) { if (xmlhttp.readyState == 4) preview.innerHTML = xmlhttp.responseText; }; if (is_ie() || xmlhttp.setRequestHeader) - xmlhttp.setRequestHeader( - "Content-Type", - "application/x-www-form-urlencoded" - ); + xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); xmlhttp.send(text); } @@ -166,31 +144,21 @@ function listSort() { arr.shift(); if (s == "Normal") { arr.sort(function(a, b) { - return ( - parseInt(a.childNodes[1].textContent) - - parseInt(b.childNodes[1].textContent) - ); + return (parseInt(a.childNodes[1].textContent) - parseInt(b.childNodes[1].textContent)); }); } else if (s == "Edad") { arr.sort(function(a, b) { - return ( - b.children[1].firstChild.href.split("/")[5] - - a.children[1].firstChild.href.split("/")[5] - ); + return (b.children[1].firstChild.href.split("/")[5] - a.children[1].firstChild.href.split("/")[5]); }); } else if (s == "Largo") { arr.sort(function(a, b) { - return b.children[2].textContent - a.children[2].textContent; + return (b.children[2].textContent - a.children[2].textContent); }); } else if (s == "Rapidez") { var now = Math.round(Date.now() / 1000); arr.sort(function(a, b) { - return ( - b.children[2].textContent / - (now - b.children[1].firstChild.href.split("/")[5]) - - a.children[2].textContent / - (now - a.children[1].firstChild.href.split("/")[5]) - ); + return (b.children[2].textContent / (now - b.children[1].firstChild.href.split("/")[5]) - + a.children[2].textContent / (now - a.children[1].firstChild.href.split("/")[5])); }); } else if (s == "Aleatorio") { arr.sort(function(a, b) { @@ -296,37 +264,6 @@ document.addEventListener("DOMContentLoaded", function() { } } - var dt = document.getElementsByClassName("date"); - if (screen.width < 720) { - if (head) { - var b = head.getElementsByTagName("a"); - var s = document.createElement("select"); - for (var i = 1; i < b.length; i++) { - var o = document.createElement("option"); - o.value = b[i].href; - o.textContent = b[i].textContent; - if (b[i].className == "cur_brd") o.defaultSelected = true; - s.appendChild(o); - } - s.addEventListener("change", function(e) { - window.location.href = this.value; - }); - head.innerHTML = '<a href="/" target="_top">Bienvenido a Internet</a> | '; - head.appendChild(s); - head.removeAttribute("style"); - document.body.className += " fix"; - var head2 = document.getElementById("thread_nav"); - if (head2) head2.removeChild(head2.childNodes[1]); - } - - for (var i = 0; i < dt.length; i++) { - t = dt[i].textContent; - if (t.includes("ID:")) var id = t.split(" ")[1]; - else id = ""; - dt[i].textContent = "Hace " + timeMob(dt[i].dataset.unix) + " " + id; - } - } - var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].id.startsWith("postform")) setInputs(forms[i].id); @@ -369,6 +306,7 @@ document.addEventListener("DOMContentLoaded", function() { if (localStorage.hasOwnProperty("hiddenposts")) hiddenposts = localStorage.getItem("hiddenposts").split("!"); + var dt = document.getElementsByClassName("date"); for (var i = 0; i < dt.length; i++) { if (hiddenposts.includes(board + dt[i].dataset.unix)) { console.log(dt[i].dataset.unix); @@ -377,20 +315,17 @@ document.addEventListener("DOMContentLoaded", function() { dt[i].parentElement.addEventListener("dblclick", togglepost); } }); -document.addEventListener( - "click", - function(e) { - var txt = e.target.textContent; - if (e.target.className == "num") { - e.preventDefault(); - postClick(txt); - return; - } - if (txt == "del") { - e.preventDefault(); - deletePost(e.target); - return; - } - }, - false -); + +document.addEventListener("click", function(e) { + var txt = e.target.textContent; + if (e.target.className == "num") { + e.preventDefault(); + postClick(txt); + return; + } + if (txt == "del") { + e.preventDefault(); + deletePost(e.target); + return; + } +}, false); |