add i18n'd html templates, newer patch for web.go

1 files changed, 387 insertions, 0 deletions

diff --git a/v0.9.5/views/i18n/honkpage.js b/v0.9.5/views/i18n/honkpage.js
new file mode 100644
index 0000000..49d2cf6
--- /dev/null
+++ b/v0.9.5/views/i18n/honkpage.js
@@ -0,0 +1,387 @@
+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.Duration }}"
+		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"
+
+}