Probando algo con la versión móvil

5 files changed, 59 insertions, 36 deletions

diff --git a/static/js/autorefresh.js b/static/js/autorefresh.js
index 31cecbf..3f9dbd4 100644
--- a/static/js/autorefresh.js
+++ b/static/js/autorefresh.js
@@ -120,7 +120,7 @@ function counter() {
 }
 
 function detectService() {
-  if (document.body.className === "threadpage") {
+  if (document.body.classList.contains("threadpage")) {
     if (!document.getElementById("n")) return;
     thread_title = document.title;
     thread_length = parseInt(document.getElementsByClassName("thread")[0].dataset.length);
diff --git a/static/js/home.js b/static/js/home.js
index 0c921ec..6c9e23a 100644
--- a/static/js/home.js
+++ b/static/js/home.js
@@ -154,6 +154,8 @@ http_request.onreadystatechange = function() {
 function parse() { localStorage.setItem("home", JSON.stringify(opcs)); }
 
 document.addEventListener("DOMContentLoaded", function() {
+  window.parent.document.title = document.getElementsByTagName("title")[0].textContent;
+
   if (localStorage.hasOwnProperty("home")) opcs=JSON.parse(localStorage.getItem("home"));
   else { opcs={"style":"IB","auto":false,"sound":false,"last":0}; parse(); }
   set_stylesheet(opcs.style);
diff --git a/static/js/shobon.js b/static/js/shobon.js
index 8233088..fdc0b58 100644
--- a/static/js/shobon.js
+++ b/static/js/shobon.js
@@ -6,8 +6,8 @@ var hide_id = new Set();
 var shobon_ver = "v0.4+";
 function shobon() {
   boardName = document.body.dataset.brd;
-  var where = document.body.className;
-  var inThread = where == "threadpage";
+  var where = document.body.classList;
+  var inThread = where.contains("threadpage");
 
   if(!inThread) {
     /* Create settings link */
@@ -305,7 +305,7 @@ function shobonSettings(e) {
    p.appendChild(createCheckbox("shobon_usefilters", "Activar filtros", false));
    /*var a = document.createElement("a");
    a.href = "#";
-   a.innerText = "[Editar filtros]";
+   a.textContent = "[Editar filtros]";
    a.addEventListener("click", function() {
     var x = document.getElementById("filters");
     x.hidden = !x.hidden;
@@ -372,15 +372,15 @@ function shobonSettings(e) {
 function replaceCountryName(reply) {
   var country = JSON.parse('{"AF":"Afghanistan","AX":"A£land Islands","AL":"Albania","DZ":"Algeria","AS":"American Samoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarctica","AG":"Antigua and Barbuda","AR":"Argentina","AM":"Armenia","AW":"Aruba","AU":"Australia","AT":"Austria","AZ":"Azerbaijan","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesh","BB":"Barbados","BY":"Belarus","BE":"Belgium","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivia (Plurinational State of)","BQ":"Bonaire, Sint Eustatius and Saba","BA":"Bosnia and Herzegovina","BW":"Botswana","BV":"Bouvet Island","BR":"Brazil","IO":"British Indian Ocean Territory","BN":"Brunei Darussalam","BG":"Bulgaria","BF":"Burkina Faso","BI":"Burundi","KH":"Cambodia","CM":"Cameroon","CA":"Canada","CV":"Cabo Verde","KY":"Cayman Islands","CF":"Central African Republic","TD":"Chad","CL":"Chile","CN":"China","CX":"Christmas Island","CC":"Cocos (Keeling) Islands","CO":"Colombia","KM":"Comoros","CG":"Congo","CD":"Congo (Democratic Republic of the)","CK":"Cook Islands","CR":"Costa Rica","CI":"CAŒte d\'Ivoire","HR":"Croatia","CU":"Cuba","CW":"CuraAXao","CY":"Cyprus","CZ":"Czech Republic","DK":"Denmark","DJ":"Djibouti","DM":"Dominica","DO":"Dominican Republic","EC":"Ecuador","EG":"Egypt","SV":"El Salvador","GQ":"Equatorial Guinea","ER":"Eritrea","EE":"Estonia","ET":"Ethiopia","FK":"Falkland Islands (Malvinas)","FO":"Faroe Islands","FJ":"Fiji","FI":"Finland","FR":"France","GF":"French Guiana","PF":"French Polynesia","TF":"French Southern Territories","GA":"Gabon","GM":"Gambia","GE":"Georgia","DE":"Germany","GH":"Ghana","GI":"Gibraltar","GR":"Greece","GL":"Greenland","GD":"Grenada","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","HM":"Heard Island and McDonald Islands","VA":"Holy See","HN":"Honduras","HK":"Hong Kong","HU":"Hungary","IS":"Iceland","IN":"India","ID":"Indonesia","IR":"Iran (Islamic Republic of)","IQ":"Iraq","IE":"Ireland","IM":"Isle of Man","IL":"Israel","IT":"Italy","JM":"Jamaica","JP":"Japan","JE":"Jersey","JO":"Jordan","KZ":"Kazakhstan","KE":"Kenya","KI":"Kiribati","KP":"Korea (Democratic People\'s Republic of)","KR":"Korea (Republic of)","KW":"Kuwait","KG":"Kyrgyzstan","LA":"Lao People\'s Democratic Republic","LV":"Latvia","LB":"Lebanon","LS":"Lesotho","LR":"Liberia","LY":"Libya","LI":"Liechtenstein","LT":"Lithuania","LU":"Luxembourg","MO":"Macao","MK":"Macedonia (the former Yugoslav Republic of)","MG":"Madagascar","MW":"Malawi","MY":"Malaysia","MV":"Maldives","ML":"Mali","MT":"Malta","MH":"Marshall Islands","MQ":"Martinique","MR":"Mauritania","MU":"Mauritius","YT":"Mayotte","MX":"Mexico","FM":"Micronesia (Federated States of)","MD":"Moldova (Republic of)","MC":"Monaco","MN":"Mongolia","ME":"Montenegro","MS":"Montserrat","MA":"Morocco","MZ":"Mozambique","MM":"Myanmar","NA":"Namibia","NR":"Nauru","NP":"Nepal","NL":"Netherlands","NC":"New Caledonia","NZ":"New Zealand","NI":"Nicaragua","NE":"Niger","NG":"Nigeria","NU":"Niue","NF":"Norfolk Island","MP":"Northern Mariana Islands","NO":"Norway","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Palestine, State of","PA":"Panama","PG":"Papua New Guinea","PY":"Paraguay","PE":"Peru","PH":"Philippines","PN":"Pitcairn","PL":"Poland","PT":"Portugal","PR":"Puerto Rico","QA":"Qatar","RE":"RAcunion","RO":"Romania","RU":"Russian Federation","RW":"Rwanda","BL":"Saint BarthAclemy","SH":"Saint Helena, Ascension and Tristan da Cunha","KN":"Saint Kitts and Nevis","LC":"Saint Lucia","MF":"Saint Martin (French part)","PM":"Saint Pierre and Miquelon","VC":"Saint Vincent and the Grenadines","WS":"Samoa","SM":"San Marino","ST":"Sao Tome and Principe","SA":"Saudi Arabia","SN":"Senegal","RS":"Serbia","SC":"Seychelles","SL":"Sierra Leone","SG":"Singapore","SX":"Sint Maarten (Dutch part)","SK":"Slovakia","SI":"Slovenia","SB":"Solomon Islands","SO":"Somalia","ZA":"South Africa","GS":"South Georgia and the South Sandwich Islands","SS":"South Sudan","ES":"Spain","LK":"Sri Lanka","SD":"Sudan","SR":"Suriname","SJ":"Svalbard and Jan Mayen","SZ":"Swaziland","SE":"Sweden","CH":"Switzerland","SY":"Syrian Arab Republic","TW":"Taiwan, Province of China","TJ":"Tajikistan","TZ":"Tanzania, United Republic of","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad and Tobago","TN":"Tunisia","TR":"Turkey","TM":"Turkmenistan","TC":"Turks and Caicos Islands","TV":"Tuvalu","UG":"Uganda","UA":"Ukraine","AE":"United Arab Emirates","GB":"United Kingdom of Great Britain and Northern Ireland","US":"United States of America","UM":"United States Minor Outlying Islands","UY":"Uruguay","UZ":"Uzbekistan","VU":"Vanuatu","VE":"Venezuela (Bolivarian Republic of)","VN":"Viet Nam","VG":"Virgin Islands (British)","VI":"Virgin Islands (U.S.)","WF":"Wallis and Futuna","EH":"Western Sahara","YE":"Yemen","ZM":"Zambia","ZW":"Zimbabwe"}');
   var countryEM = reply.getElementsByTagName("em")[0];
-  var newCountryStr = country[countryEM.innerText.substr(1, 2)];
-  countryEM.innerText = "(" + newCountryStr + ")";
+  var newCountryStr = country[countryEM.textContent.substr(1, 2)];
+  countryEM.textContent = "[" + newCountryStr + "]";
 }
 
 function checkBlackList(reply) {
   var i;
 
   // Check words
-  var low = reply.children[1].innerText.toLowerCase();
+  var low = reply.children[1].textContent.toLowerCase();
   hide_word.forEach(v => {
     console.log(v);
     if (low.includes(v.toLowerCase())) {
@@ -413,9 +413,9 @@ function checkBlackList(reply) {
 var currentSel = null;
 function paintIds(reply) {
   var dateId = reply.getElementsByClassName("date")[0];
-  if (dateId.innerText.includes("ID:")) {
-    var postDate = dateId.innerText.split("ID:")[0];
-    var userId = dateId.innerText.split("ID:")[1];
+  if (dateId.textContent.includes("ID:")) {
+    var postDate = dateId.textContent.split("ID:")[0];
+    var userId = dateId.textContent.split("ID:")[1];
     var idColor = toHex(userId).substring(0, 6);
     var reverseColor = invertColor(idColor);
     var lastChar = userId.substring(userId.length-1, userId.length);
@@ -425,7 +425,7 @@ function paintIds(reply) {
 }
 
 function markId(e) {
-  var uid = this.innerText.slice(0,-1).replace(":","_");
+  var uid = this.textContent.slice(0,-1).replace(":","_");
   var sel = document.getElementsByClassName("sel");
   var len = sel.length;
   for (i=0; i<len; i++) {
@@ -495,7 +495,7 @@ function padZero(str, len) {
 
 function fixedNav() {
   var bar = document.getElementById("main_nav");
-  if(bar){ bar.className+=" fix"; document.body.style.marginTop = "2em"; }
+  if(bar) document.body.className+=" fix";
 }
 
 document.addEventListener('DOMContentLoaded', shobon, false);
\ No newline at end of file
diff --git a/static/js/weabot.js b/static/js/weabot.js
index 428375a..c379ffc 100644
--- a/static/js/weabot.js
+++ b/static/js/weabot.js
@@ -368,7 +368,7 @@ document.addEventListener("DOMContentLoaded", function(e) {
     var head=document.getElementById("main_nav");
     var b=head.getElementsByTagName("a");
     var s=document.createElement("select");
-    for(var i=0;i<b.length;i++) {
+    for(var i=1;i<b.length;i++) {
       var o = document.createElement("option");
       o.value = b[i].href;
       o.textContent = b[i].textContent;
diff --git a/static/js/weabotxt.js b/static/js/weabotxt.js
index 13911da..1301387 100644
--- a/static/js/weabotxt.js
+++ b/static/js/weabotxt.js
@@ -11,6 +11,17 @@ 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*/) {
@@ -203,29 +214,40 @@ document.addEventListener("DOMContentLoaded", function() {
   else weabot = {"name":null,"email":null,"password":null};
 
   board = document.body.dataset.brd;
-  var main = document.getElementById("main_nav");
-  if (main) {
-    var b = main.getElementsByTagName("a");
+  var head = document.getElementById("main_nav");
+  if (head) {
+    var b = head.getElementsByTagName("a");
     for(var i=0; i<b.length; i++) {
       if (b[i].getAttribute("href") == "/"+board+"/") { b[i].className = "cur_brd"; break; }
     }
   }
 
+  var dt = document.getElementsByClassName("date");
   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);
+    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;
     }
-    s.addEventListener("change", function(e){ window.location.href=this.value; });
-    head.className = "mob fix";
-    head.innerHTML = '<a href="/" target="_top">Bienvenido a Internet</a> | ';
-    head.appendChild(s);
   }
 
   var forms = document.getElementsByTagName("form");
@@ -237,7 +259,7 @@ document.addEventListener("DOMContentLoaded", function() {
     styleSelect.value = localStorage.getItem(style_cookie);
   }
 
-  if (document.body.className == "threads") {
+  if (document.body.classList.contains("threads")) {
     var srt = document.getElementsByClassName("l_s");
     for(var i=0;i<srt.length;i++){ srt[i].addEventListener("click",function(e){ e.preventDefault(); opcs.sort=this.textContent; listSort(); }); }
     var dsp = document.getElementsByClassName("l_d");
@@ -250,13 +272,12 @@ document.addEventListener("DOMContentLoaded", function() {
   if(localStorage.hasOwnProperty("hiddenposts"))
     hiddenposts = localStorage.getItem("hiddenposts").split("!");
 
-  var pps = document.getElementsByClassName("date");
-  for(var i=0;i<pps.length;i++) {
-    if(hiddenposts.includes(board+pps[i].dataset.unix)) {
-      console.log(pps[i].dataset.unix);
-      hidepost(pps[i].parentElement.parentElement);
+  for(var i=0;i<dt.length;i++) {
+    if(hiddenposts.includes(board+dt[i].dataset.unix)) {
+      console.log(dt[i].dataset.unix);
+      hidepost(dt[i].parentElement.parentElement);
     }
-    pps[i].parentElement.addEventListener("dblclick", togglepost);
+    dt[i].parentElement.addEventListener("dblclick", togglepost);
   }
 });
 document.addEventListener("click", function(e) {