diff options
author | Miquel Lionel <lionel@les-miquelots.net> | 2021-06-17 22:30:49 +0100 |
---|---|---|
committer | Miquel Lionel <lionel@les-miquelots.net> | 2021-06-17 22:31:25 +0100 |
commit | 015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30 (patch) | |
tree | 81cf315da47e263a79a892428240502cf0f7d079 /i18n_views/honkpage.js | |
parent | bf1a991d4337ebc15ed4e52176c8acf382ef0701 (diff) | |
download | honk_custom-015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30.tar.gz honk_custom-015a31a14f5de5a1c7aa3dc71175eb0c2fe58b30.zip |
shorter patch names, updated README.md, new Makefile
Diffstat (limited to 'i18n_views/honkpage.js')
-rw-r--r-- | i18n_views/honkpage.js | 390 |
1 files changed, 390 insertions, 0 deletions
diff --git a/i18n_views/honkpage.js b/i18n_views/honkpage.js new file mode 100644 index 0000000..351cde4 --- /dev/null +++ b/i18n_views/honkpage.js @@ -0,0 +1,390 @@ +function getCookie(name){ + if(document.cookie.length == 0) + return null; + + var regSepCookie = new RegExp('(; )', 'g'); + var cookies = document.cookie.split(regSepCookie); + + for(var i = 0; i < cookies.length; i++){ + var regInfo = new RegExp('=', 'g'); + var infos = cookies[i].split(regInfo); + if(infos[0] == name){ + return unescape(infos[1]); + } + } + return null; +} + + +function encode(hash) { + var s = [] + for (var key in hash) { + var val = hash[key] + s.push(escape(key) + "=" + escape(val)) + } + return s.join("&") +} +function post(url, data) { + var x = new XMLHttpRequest() + x.open("POST", url) + x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded") + x.send(data) +} +function get(url, whendone) { + var x = new XMLHttpRequest() + x.open("GET", url) + x.responseType = "document" + x.onload = function() { whendone(x) } + x.send() +} +function bonk(el, xid) { + el.innerHTML = i18n_bonked + el.disabled = true + post("/bonk", encode({"js": "2", "CSRF": csrftoken, "xid": xid})) + return false +} +function unbonk(el, xid) { + el.innerHTML = i18n_unbonked + el.disabled = true + post("/zonkit", encode({"CSRF": csrftoken, "wherefore": "unbonk", "what": xid})) +} +function muteit(el, convoy) { + el.innerHTML = i18n_muted + el.disabled = true + post("/zonkit", encode({"CSRF": csrftoken, "wherefore": "zonvoy", "what": convoy})) + var els = document.querySelectorAll('article.honk') + for (var i = 0; i < els.length; i++) { + var e = els[i] + if (e.getAttribute("data-convoy") == convoy) { + e.remove() + } + } +} +function zonkit(el, xid) { + el.innerHTML = i18n_zonked + el.disabled = true + post("/zonkit", encode({"CSRF": csrftoken, "wherefore": "zonk", "what": xid})) + var p = el + while (p && p.tagName != "ARTICLE") { + p = p.parentElement + } + if (p) { + p.remove() + } +} +function flogit(el, how, xid) { + var s = how + if (honklang == 'en') { + if (s[s.length-1] != "e") { s += "e" } + s += "d" + if (s == "untaged") s = i18n_untagged + if (s == "reacted") s = i18n_badonked + } else { + if (s == "deack") s = i18n_deack + if (s == "ack") s = i18n_ack + if (s == "unsave") s = i18n_unsave + if (s == "save") s = i18n_save + if (s == "untag") s = i18n_untagged + if (s == "react") s = i18n_badonked + } + + el.innerHTML = s + el.disabled = true + post("/zonkit", encode({"CSRF": csrftoken, "wherefore": how, "what": xid})) +} + +var lehonkform = document.getElementById("honkform") +var lehonkbutton = document.getElementById("honkingtime") + +function oldestnewest(btn) { + var els = document.getElementsByClassName("glow") + if (els.length) { + els[els.length-1].scrollIntoView() + } +} +function removeglow() { + var els = document.getElementsByClassName("glow") + while (els.length) { + els[0].classList.remove("glow") + } +} + +function fillinhonks(xhr, glowit) { + var doc = xhr.responseXML + var stash = curpagestate.name + ":" + curpagestate.arg + tophid[stash] = doc.children[0].children[1].children[0].innerText + var srvmsg = doc.children[0].children[1].children[1] + var honks = doc.children[0].children[1].children[2].children + + var srvel = document.getElementById("srvmsg") + while (srvel.children[0]) { + srvel.children[0].remove() + } + srvel.prepend(srvmsg) + + var frontload = true + if (curpagestate.name == "convoy") { + frontload = false + } + + var honksonpage = document.getElementById("honksonpage") + var holder = honksonpage.children[0] + var lenhonks = honks.length + for (var i = honks.length; i > 0; i--) { + var h = honks[i-1] + if (glowit) + h.classList.add("glow") + if (frontload) { + holder.prepend(h) + } else { + holder.append(h) + } + + } + relinklinks() + return lenhonks +} +function hydrargs() { + var name = curpagestate.name + var arg = curpagestate.arg + var args = { "page" : name } + if (name == "convoy") { + args["c"] = arg + } else if (name == "combo") { + args["c"] = arg + } else if (name == "honker") { + args["xid"] = arg + } + return args +} +function refreshupdate(msg) { + var el = document.querySelector("#refreshbox p span") + if (el) { + el.innerHTML = msg + } +} +function refreshhonks(btn) { + removeglow() + btn.innerHTML = i18n_refreshing + btn.disabled = true + var args = hydrargs() + var stash = curpagestate.name + ":" + curpagestate.arg + args["tophid"] = tophid[stash] + get("/hydra?" + encode(args), function(xhr) { + var lenhonks = fillinhonks(xhr, true) + btn.innerHTML = i18n_refreshing + btn.disabled = false + refreshupdate(" " + lenhonks + " new") + }) +} +function statechanger(evt) { + var data = evt.state + if (!data) { + return + } + switchtopage(data.name, data.arg) +} +function switchtopage(name, arg) { + var stash = curpagestate.name + ":" + curpagestate.arg + var honksonpage = document.getElementById("honksonpage") + var holder = honksonpage.children[0] + holder.remove() + var srvel = document.getElementById("srvmsg") + var msg = srvel.children[0] + if (msg) { + msg.remove() + servermsgs[stash] = msg + } + showelement("refreshbox") + + honksforpage[stash] = holder + + curpagestate.name = name + curpagestate.arg = arg + // get the holder for the target page + var stash = name + ":" + arg + holder = honksforpage[stash] + if (holder) { + honksonpage.prepend(holder) + msg = servermsgs[stash] + if (msg) { + srvel.prepend(msg) + } + } else { + // or create one and fill it + honksonpage.prepend(document.createElement("div")) + var args = hydrargs() + get("/hydra?" + encode(args), function(xhr) { fillinhonks(xhr, false) }) + } + refreshupdate("") +} +function newpagestate(name, arg) { + return { "name": name, "arg": arg } +} +function pageswitcher(name, arg) { + return function(evt) { + var topmenu = document.getElementById("topmenu") + topmenu.open = false + if (name == curpagestate.name && arg == curpagestate.arg) { + return false + } + switchtopage(name, arg) + var url = evt.srcElement.href + if (!url) { + url = evt.srcElement.parentElement.href + } + history.pushState(newpagestate(name, arg), "some title", url) + window.scrollTo(0, 0) + return false + } +} +function relinklinks() { + var els = document.getElementsByClassName("convoylink") + while (els.length) { + els[0].onclick = pageswitcher("convoy", els[0].text) + els[0].classList.remove("convoylink") + } + els = document.getElementsByClassName("combolink") + while (els.length) { + els[0].onclick = pageswitcher("combo", els[0].text) + els[0].classList.remove("combolink") + } + els = document.getElementsByClassName("honkerlink") + while (els.length) { + var el = els[0] + var xid = el.getAttribute("data-xid") + el.onclick = pageswitcher("honker", xid) + el.classList.remove("honkerlink") + } +} +(function() { + var el = document.getElementById("homelink") + el.onclick = pageswitcher("home", "") + el = document.getElementById("atmelink") + el.onclick = pageswitcher("atme", "") + el = document.getElementById("firstlink") + el.onclick = pageswitcher("first", "") + el = document.getElementById("savedlink") + el.onclick = pageswitcher("saved", "") + el = document.getElementById("longagolink") + el.onclick = pageswitcher("longago", "") + relinklinks() + window.onpopstate = statechanger + history.replaceState(curpagestate, "some title", "") +})(); +(function() { + hideelement("donkdescriptor") +})(); +function showhonkform(elem, rid, hname) { + var form = lehonkform + form.style = "display: block" + if (elem) { + form.remove() + elem.parentElement.parentElement.parentElement.insertAdjacentElement('beforebegin', form) + } else { + hideelement(lehonkbutton) + elem = document.getElementById("honkformhost") + elem.insertAdjacentElement('afterend', form) + } + var ridinput = document.getElementById("ridinput") + if (rid) { + ridinput.value = rid + honknoise.value = hname + " " + } else { + ridinput.value = "" + honknoise.value = "" + } + var updateinput = document.getElementById("updatexidinput") + updateinput.value = "" + document.getElementById("honknoise").focus() + return false +} +function cancelhonking() { + hideelement(lehonkform) + showelement(lehonkbutton) +} +function showelement(el) { + if (typeof(el) == "string") + el = document.getElementById(el) + if (!el) return + el.style.display = "block" +} +function hideelement(el) { + if (typeof(el) == "string") + el = document.getElementById(el) + if (!el) return + el.style.display = "none" +} +function updatedonker() { + var el = document.getElementById("donker") + el.children[1].textContent = el.children[0].value.slice(-20) + var el = document.getElementById("donkdescriptor") + el.style.display = "" + var el = document.getElementById("saveddonkxid") + el.value = "" +} +var checkinprec = 100.0 +var gpsoptions = { + enableHighAccuracy: false, + timeout: 1000, + maximumAge: 0 +}; +function fillcheckin() { + if (navigator.geolocation) { + navigator.geolocation.getCurrentPosition(function(pos) { + showelement("placedescriptor") + var el = document.getElementById("placelatinput") + el.value = Math.round(pos.coords.latitude * checkinprec) / checkinprec + el = document.getElementById("placelonginput") + el.value = Math.round(pos.coords.longitude * checkinprec) / checkinprec + checkinprec = 10000.0 + gpsoptions.enableHighAccuracy = true + gpsoptions.timeout = 2000 + }, function(err) { + showelement("placedescriptor") + el = document.getElementById("placenameinput") + el.value = err.message + }, gpsoptions) + } +} + +window.getCookie = function(name) { + var match = document.cookie.match(new RegExp('(^| )' + name + '=([^;]+)')); + if (match) return match[2]; +} + +var honklang = getCookie('lang') +switch(honklang) { + case "fr": + var i18n_deack = "marqué non lu" + var i18n_ack = "marqué lu" + var i18n_unsave = "oublié" + var i18n_save = "sauvegardé" + + var i18n_bonked = "reposté" + var i18n_unbonked = "départagé" + var i18n_muted = "mis en sourdine" + var i18n_badonked = "réagi" + var i18n_zonked = "supprimé" + var i18n_untagged = "débalisé" + var i18n_refreshing = "rafraîchissement" + break; + + default: + var i18n_deack = "deacked" + var i18n_ack = "ack" + var i18n_unsave = "unsave" + var i18n_save = "save" + + var i18n_bonked = "bonked" + var i18n_unbonked = "unbonked" + var i18n_muted = "muted" + var i18n_badonked = "badonked" + var i18n_untagged = "untagged" + var i18n_zonked = "zonked" + var i18n_refreshing = "refreshing" + +} + +//console.log("i18n_bonked: "+ i18n_bonked + "\n"+ "cookie: "+ getCookie("lang")) + |