var are_filters = false; var hide_word = new Set() var hide_name = new Set(); var hide_id = new Set(); var shobon_ver = "v0.4+"; function shobon() { console.log("Running shobon " + shobon_ver); boardName = document.getElementsByName("board")[0].value; var inThread = document.getElementsByTagName("body")[0].className == "threadpage"; var newRepliesCounter = 0; if(!inThread) { /* Create settings link */ var box = document.getElementsByClassName("links")[0]; box.appendChild(document.createTextNode(" | ")); var slnk = document.createElement("a"); slnk.href = "#"; slnk.innerHTML = "Configuración"; slnk.addEventListener("click", shobonSettings); box.appendChild(slnk); } if(localStorage.getItem("shobon_on") == "false") { console.log("Shutting down Shobon"); return; } if (localStorage.getItem("shobon_usefilters") != "false") { loadFilters(); } var threadList = document.getElementsByClassName("thread"); for (var i = 0; i < threadList.length; i++) { var threadId; var thread = threadList[i]; var replyList = thread.getElementsByClassName("reply"); if (inThread) { threadId = document.getElementsByName("parent")[0].value; } else { threadId = thread.getElementsByTagName("input").parent.value; } var lastReplyN = replyList[replyList.length - 1].attributes["data-n"].value; if (localStorage.getItem(boardName + "_" + threadId) == null) { localStorage.setItem(boardName + "_" + threadId, lastReplyN); } var lastSeen = localStorage.getItem(boardName + "_" + threadId); var newRepliesInThread = 0; for (var e = 0; e < replyList.length; e++) { var reply = replyList[e]; var message = reply.getElementsByClassName("msg")[0]; if(localStorage.getItem("shobon_newposts") == "true") { var replyId = reply.attributes["data-n"].value; var isNewReply = parseInt(lastSeen) < parseInt(replyId); if (isNewReply) { newRepliesCounter++; newRepliesInThread++; reply.children[0].innerHTML += " NUEVO!"; } } // ocultar mensajes que tienen palabras en la blacklist if(are_filters) { checkBlackList(reply); } // reemplaza los codigos iso de los paises por el nombre completo if (localStorage.getItem("shobon_country") == "true" && boardName == "world") { replaceCountryName(reply) } // colorea los id's if(localStorage.getItem("shobon_ids") != "false") { paintIds(reply); } // deja la barra superior fija if(localStorage.getItem("shobon_navbar") == "true") { fixedNav(); } } if (newRepliesInThread > 0 && !inThread) { thread.getElementsByClassName("threadlinks")[0].innerHTML += "Marcar como leido"; } } if (newRepliesCounter > 0 && !inThread) { var banner = document.createElement("span"); banner.onclick = function() { this.hidden = true; }; banner.setAttribute("style", "font-weight: bold; background: #8c9440; padding: 8px; border-radius: 30px; float: right; position: fixed; bottom: 10px; right: 10px"); banner.textContent = "Nuevas respuestas: " + newRepliesCounter; document.body.appendChild(banner); } if (inThread) { localStorage.setItem(boardName + "_" + threadId, lastReplyN); } } function on_checked(e) { localStorage.setItem(e.target.id, e.target.checked); } function createCheckbox(name, label, def) { var lbl = document.createElement("label"); var chk = document.createElement("input"); chk.type = "checkbox"; chk.id = name; chk.onchange = on_checked; lbl.appendChild(chk); lbl.insertAdjacentHTML("beforeend", " "+label+" "); var checked = localStorage.getItem(name); if(checked !== null) { chk.checked = (checked == "true"); } else { chk.checked = def; } return lbl; } function createOption(name, label) { var opt = document.createElement("option"); opt.value = name; opt.text = label; return opt; } function createButton(label, func) { var btn = document.createElement("button"); btn.type = "button"; btn.textContent = label; btn.onclick = func; return btn; } function createTh(label, w) { var th = document.createElement("th"); th.textContent = label; th.width = w; return th; } function loadFilters() { var filters = JSON.parse(localStorage.getItem("shobon_filters")); if(filters) { are_filters = true; hide_word = new Set(filters.word); hide_name = new Set(filters.name); hide_id = new Set(filters.id); } } function saveFilters() { var filters = { "word": Array.from(hide_word), "name": Array.from(hide_name), "id": Array.from(hide_id) }; localStorage.setItem("shobon_filters", JSON.stringify(filters)); } function deleteFilter(e) { var tr = this.parentElement.parentElement; var name = tr.dataset.name; var type = tr.dataset.type; switch(type) { case "word": hide_word.delete(name); break; case "name": hide_name.delete(name); break; case "id": hide_id.delete(name); break; } saveFilters(); tr.remove(); } function addFilter(e) { var name = document.getElementById("txt_filter").value; var type = document.getElementById("lst_type").value; if(!name) { return; } switch(type) { case "word": hide_word.add(name); break; case "name": hide_name.add(name); break; case "id": hide_id.add(name); break; } addToFilterTable(name, type); saveFilters(); document.getElementById("txt_filter").value = ""; } function addToFilterTable(name, type) { var dict = {"word": "Palabra", "name": "Nombre/Tripcode", "id": "ID"}; var table = document.getElementById("tbl_filters"); var td_type = document.createElement("td"); td_type.textContent = dict[type]; var td_name = document.createElement("td"); td_name.textContent = name; var td_btn = document.createElement("td"); td_btn.appendChild(createButton("X", deleteFilter)); var tr = document.createElement("tr"); tr.dataset.type = type; tr.dataset.name = name; tr.appendChild(td_type); tr.appendChild(td_name); tr.appendChild(td_btn); table.appendChild(tr); } function shobonSettings(e) { e.preventDefault(); var titlebox = document.getElementById("titlebox"); var box = document.getElementById("settings"); if(box) { box.hidden = !box.hidden; } else { box = document.createElement("div"); box.id = "settings"; box.className = "innerbox"; box.style.textAlign = "center"; var p = document.createElement("div"); p.appendChild(createCheckbox("shobon_on", "Activar extensión", true)); p.appendChild(createCheckbox("shobon_navbar", "Fijar barra superior", false)); p.appendChild(createCheckbox("shobon_ids", "Colorear IDs", true)); 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.innerText = "[Editar filtros]"; a.addEventListener("click", function() { var x = document.getElementById("filters"); x.hidden = !x.hidden; }); p.appendChild(a);*/ box.appendChild(p); var title2 = document.createElement("h6"); title2.textContent = "Filtros"; title2.style.fontSize = "18px"; title2.style.margin = "0.5em 0"; box.appendChild(title2); box.appendChild(document.createTextNode("Filtrar mensajes por: ")); var lst_type = document.createElement("select"); lst_type.id = "lst_type"; lst_type.appendChild(createOption("word", "Palabra")); lst_type.appendChild(createOption("name", "Nombre/Tripcode")); lst_type.appendChild(createOption("id", "ID")); box.appendChild(lst_type); var txt_filter = document.createElement("input"); txt_filter.id = "txt_filter"; txt_filter.type = "text"; box.appendChild(txt_filter); box.appendChild(createButton("Agregar", addFilter)); var tbl_filters = document.createElement("table"); tbl_filters.id = "tbl_filters"; tbl_filters.border = "1"; tbl_filters.style.margin = "0 auto"; var row = document.createElement("tr"); row.appendChild(createTh("Tipo", 150)); row.appendChild(createTh("Filtro", 300)); row.appendChild(createTh("", 75)); tbl_filters.appendChild(row); box.appendChild(tbl_filters); var msg = document.createElement("a"); msg.style.display = "block"; msg.href = "#"; msg.textContent = "Actualizar página para ver cambios"; msg.style.marginTop = "1em"; msg.addEventListener("click", function() { location.reload(); }); box.appendChild(msg); titlebox.appendChild(box); var i; hide_word.forEach(v => { addToFilterTable(v, "word") }); hide_name.forEach(v => { addToFilterTable(v, "name") }); hide_id.forEach(v => { addToFilterTable(v, "id") }); } } 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 + ")"; } function checkBlackList(reply) { var i; // Check words var low = reply.children[1].innerText.toLowerCase(); hide_word.forEach(v => { console.log(v); if (low.includes(v.toLowerCase())) { hidepost(reply); } }); // Check name/trip var msg_name = reply.firstElementChild.getElementsByClassName("name")[0].textContent.toLowerCase(); hide_name.forEach(v => { if (msg_name.includes(hide_name[i])) { hidepost(reply); } }); // Check ID var date_div = reply.firstElementChild.getElementsByClassName("date")[0].textContent; var id_index = date_div.indexOf("ID:"); if(id_index != -1) { var id = date_div.substr(id_index+3); hide_id.forEach(v => { if(id.includes(v)) { hidepost(reply); } }); } } 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]; var idColor = toHex(userId).substring(0, 6); var reverseColor = invertColor(idColor); var lastChar = userId.substring(userId.length-1, userId.length); dateId.innerHTML = postDate + "ID:" + userId + ""; } } function toHex(str) { var hex = ''; for (var i = 0; i < str.length; i++) { hex += '' + (str.charCodeAt(i) + 125).toString(16); } return hex; } function invertColor(hex) { if (hex.indexOf('#') === 0) { hex = hex.slice(1); } // convert 3-digit hex to 6-digits. if (hex.length === 3) { hex = hex[0] + hex[0] + hex[1] + hex[1] + hex[2] + hex[2]; } if (hex.length !== 6) { throw new Error('Invalid HEX color.'); } // invert color components var r = (255 - parseInt(hex.slice(0, 2), 16)).toString(16), g = (255 - parseInt(hex.slice(2, 4), 16)).toString(16), b = (255 - parseInt(hex.slice(4, 6), 16)).toString(16); // pad each with zeros and return return padZero(r) + padZero(g) + padZero(b); } function padZero(str, len) { len = len || 2; var zeros = new Array(len).join('0'); return (zeros + str).slice(-len); } function fixedNav() { if (document.body.className === "mainpage" || document.body.className === "threads") { document.getElementById("main_nav").style.position = "fixed"; document.getElementById("main_nav").style.top = "0"; document.body.style.marginTop = "2em"; } } document.addEventListener('DOMContentLoaded', shobon, false);