translation updates, images, thanks zzz

webui/src/main/css/muwire.css

@@ -11,7 +11,7 @@
 
 }
 #table-wrapper table * {
-  background:yellow;
+  background: #ceeee8;
   color:black;
 }
 #table-wrapper table thead th .text {

webui/src/main/java/com/muwire/webui/BrowseServlet.java

@@ -85,6 +85,9 @@ public class BrowseServlet extends HttpServlet {
                 sb.append("</Result>");
             });
             sb.append("</Results>");
+        } else {
+            resp.sendError(403, "Bad param");
+            return;
         }
         resp.setContentType("text/xml");
         resp.setCharacterEncoding("UTF-8");

webui/src/main/java/com/muwire/webui/DownloadServlet.java

@@ -55,7 +55,7 @@ public class DownloadServlet extends HttpServlet {
             
             String ETA;
             if (speed == 0)
-                ETA = "Unknown";
+                ETA = Util._t("Unknown");
             else {
                 long remaining = (d.getNPieces() - d.donePieces()) * d.getPieceSize() / speed;
                 ETA = DataHelper.formatDuration(remaining * 1000);
@@ -66,6 +66,7 @@ public class DownloadServlet extends HttpServlet {
             if (d.getNPieces() != 0)
                 percent = (int)(d.donePieces() * 100 / d.getNPieces());
             String totalSize = DataHelper.formatSize2Decimal(d.getLength(), false) + "B";
+            // FIXME translate
             String progress = String.format("%2d", percent) + "% of "+totalSize;
             sb.append("<Progress>").append(progress).append("</Progress>");
             

webui/src/main/java/com/muwire/webui/TrustServlet.java

@@ -65,7 +65,7 @@ public class TrustServlet extends HttpServlet {
                 sb.append("<User>").append(Util.escapeHTMLinXML(list.getPersona().getHumanReadableName())).append("</User>");
                 sb.append("<UserB64>").append(list.getPersona().toBase64()).append("</UserB64>");
                 sb.append("<Status>").append(list.getStatus()).append("</Status>");
-                String timestamp = "Never";
+                String timestamp = Util._t("Never");
                 if (list.getTimestamp() > 0)
                     timestamp = DataHelper.formatTime(list.getTimestamp());
                 sb.append("<Timestamp>").append(timestamp).append("</Timestamp>");

webui/src/main/java/com/muwire/webui/Util.java

@@ -22,28 +22,27 @@ public class Util {
     // if we had a lot of these we could scan for them in the build and generate
     // a file, but it's not worth it for just a handful.
     private static final String[] jsStrings = {
-        _x("Fetching Certificates"),
-        _x("Hide Certificates"),
-        _x("Results For {0}"),
-        _x("View {0} Certificates"),
-        _x("Certify"),
-        _x("Certified"),
-        _x("Import"),
-        _x("Imported"),
-        _x("Unsubscribe"),
+        // alphabetical please
         _x("Actions"),
         _x("Browse"),
         _x("Browsing"),
         _x("Cancel"),
-        _x("Details For {0}"),
+        _x("Certified"),
+        _x("Certify"),
+        _x("Comment"),
+        _x("Details for {0}"),
         _x("Down"),
         _x("Download"),
         _x("Downloading"),
         _x("Enter Reason (Optional)"),
         _x("ETA"),
+        _x("Fetching Certificates"),
         _x("File"),
+        _x("Hide Certificates"),
         _x("Hide Comment"),
         _x("Host"),
+        _x("Import"),
+        _x("Imported"),
         _x("Last Updated"),
         _x("Mark Distrusted"),
         _x("Mark Neutral"),
@@ -54,11 +53,13 @@ public class Util {
         _x("Reason"),
         _x("Refresh"),
         _x("Results"),
-        _x("Results From {0}"),
+        _x("Results for {0}"),
+        _x("Results from {0}"),
         _x("Save"),
         _x("Search"),
         _x("Sender"),
         _x("Senders"),
+        _x("Shared Files"),
         _x("Show Comment"),
         _x("Size"),
         _x("Speed"),
@@ -67,7 +68,10 @@ public class Util {
         _x("Subscribe"),
         _x("Subscribed"),
         _x("Trust"),
+        _x("Unshare"),
+        _x("Unsubscribe"),
         _x("User"),
+        _x("View {0} Certificates"),
         _x("Your Trust"),
     };
 
@@ -116,9 +120,13 @@ public class Util {
      *         HTML-escaped.
      */
     public static String getJSTranslations() {
+        if (Translate.getLanguage(_context).equals("en"))
+            return "{}";
         Map<String, String> map = new HashMap<String, String>(jsStrings.length);
         for (String s : jsStrings) {
-            map.put(s, _t(s));
+            String tx = _t(s);
+            if (!s.equals(tx))
+                map.put(s, tx);
         }
         return JSONObject.toJSONString(map);
     }

webui/src/main/js/conncount.js

@@ -4,12 +4,20 @@ function refreshConnectionsCount() {
 		if (this.readyState == 4) {
 		  var connectionCountSpan = document.getElementById("connectionsCount");
 		  if (this.status == 200) {
+			var image;
 			var connections = this.responseXML.getElementsByTagName("Connections");
 			var count = connections[0].childNodes[0].nodeValue
 			var countString = ""+count;
 			connectionCountSpan.innerHTML = countString;
+			if (count > 0)
+			    image = "connected.png";
+			else
+			    image = "connecting.png";
+			var connectionIcon = document.getElementById("connectionsIcon");
+			connectionIcon.innerHTML = "<img src=\"images/" + image + "\" alt=\"\">";
 		  } else {
 			connectionCountSpan.innerHTML = _t("Down");
+			connectionIcon.innerHTML = "";
 		  }
 		}
 	}

webui/src/main/js/files.js

@@ -77,7 +77,7 @@ function refreshStatus() {
 }
 
 var treeRevision = -1
-var root = new Node("root",null,false,"Shared Files", -1, null, false, -1)
+var root = new Node("root",null,false,_t("Shared Files"), -1, null, false, -1)
 var nodesById = new Map()
 
 function initFiles() {

webui/src/main/js/search.js

@@ -393,7 +393,7 @@ function updateSender(senderName) {
 	sender = senderName;
 	
 	var resultsFromSpan = document.getElementById("resultsFrom");
-	resultsFromSpan.innerHTML = _t("Results From {0}", sender);
+	resultsFromSpan.innerHTML = _t("Results from {0}", sender);
 	
 	var resultsDiv = document.getElementById("bottomTable");
 	var table = "<table><thead><tr><th>" + _t("Name") + "</th><th>" + _t("Size") + "</th><th>" + _t("Download") + "</th></tr></thead><tbody>"
@@ -446,7 +446,7 @@ function updateFile(fileInfoHash) {
 	var searchResults = currentSearchByFile.resultBatches.get(infoHash);
 	
 	var resultsFromSpan = document.getElementById("resultsFrom");
-	resultsFromSpan.innerHTML = "Results For "+searchResults.name;
+	resultsFromSpan.innerHTML = _t("Results for {0}", searchResults.name);
 	
 	var resultsDiv = document.getElementById("bottomTable");
 	var table = "<table><thead><tr><th>" + _t("Sender") + "</th><th>" + _t("Browse") + "</th></tr></thead><tbody>";

webui/src/main/js/search.js.orig

@@ -0,0 +1,706 @@
+class SearchStatus {
+	constructor(xmlNode) {
+		this.revision = xmlNode.getElementsByTagName("Revision")[0].childNodes[0].nodeValue
+		this.query = xmlNode.getElementsByTagName("Query")[0].childNodes[0].nodeValue
+		this.uuid = xmlNode.getElementsByTagName("uuid")[0].childNodes[0].nodeValue
+		this.senders = xmlNode.getElementsByTagName("Senders")[0].childNodes[0].nodeValue
+		this.results = xmlNode.getElementsByTagName("Results")[0].childNodes[0].nodeValue
+	}
+}
+
+class SearchBySender {
+	constructor(xmlNode) {
+		this.resultBatches = new Map();
+		
+		var resultsBySender = xmlNode.getElementsByTagName("ResultsBySender")[0];
+		var resultsFromSenders = resultsBySender.getElementsByTagName("ResultsFromSender");
+		var i;
+		for (i = 0; i < resultsFromSenders.length; i++) {
+			var results = new ResultsBySender(resultsFromSenders[i]);
+			this.resultBatches.set(results.sender, results);
+		}
+	}
+}
+
+class SearchByFile {
+	constructor(xmlNode) {
+		this.resultBatches = new Map();
+		
+		var resultsByFile = xmlNode.getElementsByTagName("ResultsByFile")[0];
+		var resultsForFile = resultsByFile.getElementsByTagName("ResultsForFile");
+		var i;
+		for (i = 0; i < resultsForFile.length; i++) {
+			var results = new ResultsByFile(resultsForFile[i]);
+			this.resultBatches.set(results.infoHash, results);
+		}
+	}
+}
+
+class ResultsBySender {
+	constructor(xmlNode) {
+		this.sender = xmlNode.getElementsByTagName("Sender")[0].childNodes[0].nodeValue;
+		this.senderB64 = xmlNode.getElementsByTagName("SenderB64")[0].childNodes[0].nodeValue;
+		this.browse = xmlNode.getElementsByTagName("Browse")[0].childNodes[0].nodeValue;
+		this.browsing = xmlNode.getElementsByTagName("Browsing")[0].childNodes[0].nodeValue;
+		this.trust = xmlNode.getElementsByTagName("Trust")[0].childNodes[0].nodeValue;
+		this.results = new Map();
+		var resultNodes = xmlNode.getElementsByTagName("Result");
+		var i;
+		for (i = 0 ; i < resultNodes.length; i ++) {
+			var result = new ResultBySender(resultNodes[i]);
+			this.results.set(result.infoHash,result);
+		}
+	}
+	
+	getTrustLinks() {
+		if (this.trust == "NEUTRAL")
+			return this.getTrustLink() + this.getDistrustLink()
+		else if (this.trust == "TRUSTED")
+			return this.getNeutralLink() + this.getDistrustLink()
+		else
+			return this.getTrustLink() + this.getNeutralLink()
+	}
+	
+	getTrustLink() {
+		return "<span id='trusted-link-" + this.senderB64 + "'>" +
+				"<a href='#' onclick='window.markTrusted(\"" + 
+				this.senderB64 + "\"); return false;'>" + _t("Mark Trusted") + "</a></span><span id='trusted-" + 
+				this.senderB64 + "'></span>"
+	}
+	
+	getNeutralLink() {
+		return "<a href'#' onclick='window.markNeutral(\"" + this.senderB64 + "\"); return false;'>" + _t("Mark Neutral") + "</a>"
+	}
+	
+	getDistrustLink() {
+		return "<span id='distrusted-link-" + this.senderB64 + "'>" +
+				"<a href='#' onclick='window.markDistrusted(\"" + 
+				this.senderB64 + "\"); return false;'>" + _t("Mark Distrusted") + "</a></span><span id='distrusted-" + 
+				this.senderB64 + "'></span>"
+	}
+}
+
+class ResultsByFile {
+	constructor(xmlNode) {
+		this.name = xmlNode.getElementsByTagName("Name")[0].childNodes[0].nodeValue;
+		this.infoHash = xmlNode.getElementsByTagName("InfoHash")[0].childNodes[0].nodeValue;
+		this.size = xmlNode.getElementsByTagName("Size")[0].childNodes[0].nodeValue;
+		this.downloading = xmlNode.getElementsByTagName("Downloading")[0].childNodes[0].nodeValue;
+		this.results = new Map();
+		var resultNodes = xmlNode.getElementsByTagName("Result");
+		var i;
+		for (i = 0; i < resultNodes.length; i++) {
+			var result = new ResultByFile(resultNodes[i]);
+			this.results.set(result.sender, result);
+		}
+	}
+}
+
+class ResultBySender {
+	constructor(xmlNode) {
+		this.name = xmlNode.getElementsByTagName("Name")[0].childNodes[0].nodeValue;
+		this.size = xmlNode.getElementsByTagName("Size")[0].childNodes[0].nodeValue;
+		this.infoHash = xmlNode.getElementsByTagName("InfoHash")[0].childNodes[0].nodeValue;
+		this.downloading = xmlNode.getElementsByTagName("Downloading")[0].childNodes[0].nodeValue;
+		this.comment = null;
+		var comment = xmlNode.getElementsByTagName("Comment")
+		if (comment.length == 1) 
+			this.comment = comment[0].childNodes[0].nodeValue;
+		this.certificates = xmlNode.getElementsByTagName("Certificates")[0].childNodes[0].nodeValue
+	}
+	
+	getCertificatesBlock() {
+		if (this.certificates == "0")
+			return ""
+		var linkText = _t("View {0} Certificates", this.certificates)
+		var link = "<a href='#' onclick='window.viewCertificatesBySender(\"" + this.infoHash + "\",\"" + this.certificates + "\");return false;'>" + 
+			linkText + "</a>"
+		var id = senderB64 + "_" + this.infoHash
+		var html = "<div id='certificates-link-" + id +"'>" + link + "</div><div id='certificates-" + id +"'></div>"
+		return html
+	}
+}
+
+class ResultByFile {
+	constructor(xmlNode) {
+		this.sender = xmlNode.getElementsByTagName("Sender")[0].childNodes[0].nodeValue;
+		this.senderB64 = xmlNode.getElementsByTagName("SenderB64")[0].childNodes[0].nodeValue;
+		this.browse = xmlNode.getElementsByTagName("Browse")[0].childNodes[0].nodeValue;
+		this.browsing = xmlNode.getElementsByTagName("Browsing")[0].childNodes[0].nodeValue;
+		this.trust = xmlNode.getElementsByTagName("Trust")[0].childNodes[0].nodeValue;
+		this.comment = null;
+		var comment = xmlNode.getElementsByTagName("Comment")
+		if (comment.length == 1) 
+			this.comment = comment[0].childNodes[0].nodeValue;
+		this.certificates = xmlNode.getElementsByTagName("Certificates")[0].childNodes[0].nodeValue
+	}
+	
+	getCertificatesBlock() {
+		if (this.certificates == "0")
+			return ""
+		var linkText = _t("View {0} Certificates", this.certificates)
+		var link = "<a href='#' onclick='window.viewCertificatesByFile(\"" + this.senderB64 + "\",\"" + this.certificates + "\");return false;'>" + linkText + "</a>"
+		var id = this.senderB64 + "_" + infoHash
+		var html = "<div id='certificates-link-" + id +"'>" + link + "</div><div id='certificates-" + id +"'></div>"
+		return html
+	}
+	
+	getTrustLinks() {
+		if (this.trust == "NEUTRAL")
+			return this.getTrustLink() + this.getDistrustLink()
+		else if (this.trust == "TRUSTED")
+			return this.getNeutralLink() + this.getDistrustLink()
+		else
+			return this.getTrustLink() + this.getNeutralLink()
+	}
+	
+	getTrustLink() {
+		return "<span id='trusted-link-" + this.senderB64 + "'>" +
+				"<a href='#' onclick='window.markTrusted(\"" + 
+				this.senderB64 + "\"); return false;'>" + _t("Mark Trusted") + "</a></span><span id='trusted-" + 
+				this.senderB64 + "'></span>"
+	}
+	
+	getNeutralLink() {
+		return "<a href'#' onclick='window.markNeutral(\"" + this.senderB64 + "\"); return false;'>" + _t("Mark Neutral") + "</a>"
+	}
+	
+	getDistrustLink() {
+		return "<span id='distrusted-link-" + this.senderB64 + "'>" +
+				"<a href='#' onclick='window.markDistrusted(\"" + 
+				this.senderB64 + "\"); return false;'>" + _t("Mark Distrusted") + "</a></span><span id='distrusted-" + 
+				this.senderB64 + "'></span>"
+	}
+}
+
+class Certificate {
+	constructor(xmlNode) {
+		this.issuer = xmlNode.getElementsByTagName("Issuer")[0].childNodes[0].nodeVlue
+		this.name = xmlNode.getElementsByTagName("Name")[0].childNodes[0].nodeVlue
+		this.comment = null
+		try {
+			this.comment = xmlNode.getElementsByTagName("Comment")[0].childNodes[0].nodeVlue
+		} catch(ignore) {}
+		this.timestamp = xmlNode.getElementsByTagName("Timestamp")[0].childNodes[0].nodeVlue
+		this.base64 = xmlNode.getElementsByTagName("Base64")[0].childNodes[0].nodeVlue
+	}
+	
+	renderRow() {
+		var commentPresent = "false"
+		if (this.comment != null)
+			commentPresent = "true"
+		
+		var html = "<tr>"
+		html += "<td>" + this.issuer + "</td>"
+		html += "<td>" + this.name + "</td>"
+		html += "<td>" + commentPresent + "</td>"
+		html += "<td>" + this.timestamp + "</td>"
+		html += "</tr>"
+		return html
+	}
+}
+
+class CertificateResponse {
+	constructor(xmlNode) {
+		this.status = xmlNode.getElementsByTagName("Status")[0].childNodes[0].nodeValue
+		this.total = xmlNode.getElementsByTagName("Total")[0].childNodes[0].nodeValue
+		
+		var certNodes = xmlNode.getElementsByTagName("Certificates")[0].getElementsByTagName("Certificate")
+		var i
+		this.certificates = []
+		for (i = 0; i < certNodes.length; i++) {
+			certificates.push( new Certificate(certNodes[i]))
+		}
+	}
+	
+	renderTable() {
+		var html = _t("Status") + "  " + this.status
+		if (this.certificates.length == 0)
+			return html
+		
+		html += "  "
+		html += _t("Certificates") + "  " + this.certificates.length + "/" + this.total
+		 
+		var headers = [_t("Issuer"), _t("Name"), _t("Comment"), _t("Timestamp")]
+		html += "<br/>"
+		html += "<table><thead><tr><th>" + headers.join("</th><th>") + "</th></thead><tbody>"
+		var i
+		for(i = 0; i < this.certificates.length; i++) {
+			html += this.certificates[i].renderRow()
+		}
+		html += "</tbody></table>"
+		
+		return html
+	}
+}
+
+class CertificateFetch {
+	constructor(senderB64, fileInfoHash) {
+		this.senderB64 = senderB64
+		this.fileInfoHash = fileInfoHash
+		this.divId = senderB64 + "_" + fileInfoHash
+	}
+	
+	updateTable() {
+		var xmlhttp = new XMLHttpRequest()
+		xmlhttp.onreadystatechange = function() {
+			if (this.readyState == 4 && this.status == 200) {
+				
+				var block = document.getElementById("certificates-" + this.divId)
+			}			
+		}
+		xmlhttp.open("GET", "/MuWire/Certificate", true)
+		xmlhttp.send()
+	}
+}
+
+var statusByUUID = new Map()
+var currentSearchBySender = null
+var currentSearchByFile = null
+var currentSender = null
+var currentFile = null
+var expandedComments = new Map();
+var certificateFetches = new Map()
+
+var uuid = null;
+var sender = null;
+var senderB64 = null
+var lastXML = null;
+var infoHash = null;
+
+function showCommentBySender(divId, spanId) {
+	var split = divId.split("_");
+	var commentDiv = document.getElementById(divId);
+	var comment = "<pre>"+ currentSearchBySender.resultBatches.get(split[2]).results.get(split[3]).comment + "</pre>";
+	commentDiv.innerHTML = comment
+	expandedComments.set(divId, comment);
+	var hideLink = "<a href='#' onclick='window.hideComment(\""+divId+"\",\""+spanId+"\",\"Sender\");return false;'>" + _t("Hide Comment") + "</a>";
+    var linkSpan = document.getElementById(spanId);
+	linkSpan.innerHTML = hideLink;
+}
+
+function showCommentByFile(divId, spanId) {
+	var split = divId.split("_");
+	var commentDiv = document.getElementById(divId);
+	var comment = "<pre>"+currentSearchByFile.resultBatches.get(split[2]).results.get(split[3]).comment + "</pre>";
+	commentDiv.innerHTML = comment
+	expandedComments.set(divId, comment);
+	var hideLink = "<a href='#' onclick='window.hideComment(\""+divId+"\",\""+spanId+"\",\"File\");return false;'>" + _t("Hide Comment") + "</a>";
+    var linkSpan = document.getElementById(spanId);
+	linkSpan.innerHTML = hideLink;
+}
+
+function hideComment(divId, spanId, byFile) {
+	expandedComments.delete(divId);
+	var commentDiv = document.getElementById(divId);
+	commentDiv.innerHTML = ""
+	var showLink = "<a href='#' onclick='window.showCommentBy"+byFile+"(\"" + divId + "\",\"" + spanId + "\"); return false;'>" + _t("Show Comment") + "</a>";
+	var linkSpan = document.getElementById(spanId);
+	linkSpan.innerHTML = showLink;
+}
+
+function download(resultInfoHash) {
+	var xmlhttp = new XMLHttpRequest();
+	xmlhttp.onreadystatechange = function() {
+		if (this.readyState == 4 && this.status == 200) {
+			var resultSpan = document.getElementById("download-"+resultInfoHash);
+			resultSpan.innerHTML = _t("Downloading");
+		}
+	}
+	xmlhttp.open("POST", "/MuWire/Download", true);
+	xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+	xmlhttp.send(encodeURI("action=start&infoHash="+resultInfoHash+"&uuid="+uuid));
+}
+
+function markTrusted(host) {
+	var linkSpan = document.getElementById("trusted-link-"+host)
+	linkSpan.innerHTML = ""
+	
+	var textAreaSpan = document.getElementById("trusted-"+host)
+	
+	var textbox = "<textarea id='trust-reason-" + host + "'></textarea>"
+	var submitLink = "<a href='#' onclick='window.submitTrust(\"" + host + "\");return false;'>" + _t("Submit") + "</a>"
+	var cancelLink = "<a href='#' onclick='window.cancelTrust(\"" + host + "\");return false;'>" + _t("Cancel") + "</a>"
+	
+	var html = "<br/>Enter Reason (Optional)<br/>" + textbox + "<br/>" + submitLink + " " + cancelLink + "<br/>"
+	
+	textAreaSpan.innerHTML = html
+}
+
+function markNeutral(host) {
+	publishTrust(host, "", "neutral")
+}
+
+function markDistrusted(host) {
+	var linkSpan = document.getElementById("distrusted-link-"+host)
+	linkSpan.innerHTML = ""
+	
+	var textAreaSpan = document.getElementById("distrusted-"+host)
+	
+	var textbox = "<textarea id='distrust-reason-" + host + "'></textarea>"
+	var submitLink = "<a href='#' onclick='window.submitDistrust(\"" + host + "\");return false;'>" + _t("Submit") + "</a>"
+	var cancelLink = "<a href='#' onclick='window.cancelDistrust(\"" + host + "\");return false;'>" + _t("Cancel") + "</a>"
+	
+	var html = "<br/>Enter Reason (Optional)<br/>" + textbox + "<br/>" + submitLink + " " + cancelLink + "<br/>"
+	
+	textAreaSpan.innerHTML = html
+}
+
+function submitTrust(host) {
+	var reason = document.getElementById("trust-reason-"+host).value
+	publishTrust(host, reason, "trust")
+}
+
+function submitDistrust(host) {
+	var reason = document.getElementById("trust-reason-"+host).value
+	publishTrust(host, reason, "distrust")
+}
+
+function cancelTrust(host) {
+	var textAreaSpan = document.getElementById("trusted-" + host)
+	textAreaSpan.innerHTML = ""
+	
+	var linkSpan = document.getElementById("trusted-link-"+host)
+	var html = "<a href='#' onclick='markTrusted(\"" + host + "\"); return false;'>" + _t("Mark Trusted") + "</a>"
+	linkSpan.innerHTML = html
+}
+
+function cancelDistrust(host) {
+	var textAreaSpan = document.getElementById("distrusted-" + host)
+	textAreaSpan.innerHTML = ""
+	
+	var linkSpan = document.getElementById("distrusted-link-"+host)
+	var html = "<a href='#' onclick='markDistrusted(\"" + host + "\"); return false;'>" + _t("Mark Distrusted") + "</a>"
+	linkSpan.innerHTML = html
+}
+
+function publishTrust(host, reason, trust) {
+	var xmlhttp = new XMLHttpRequest()
+	xmlhttp.onreadystatechange = function() {
+		if (this.readyState == 4 && this.status == 200) {
+			if (refreshType == "Sender")
+				refreshGroupBySender(uuid)
+			else if (refreshType == "File")
+				refreshGroupByFile(uuid)
+		}
+	}
+	xmlhttp.open("POST","/MuWire/Trust", true)
+	xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+	xmlhttp.send("action=" + trust + "&reason=" + reason + "&persona=" + host)
+}
+
+function updateSender(senderName) {
+	sender = senderName;
+	
+	var resultsFromSpan = document.getElementById("resultsFrom");
+	resultsFromSpan.innerHTML = _t("Results From {0}", sender);
+	
+	var resultsDiv = document.getElementById("bottomTable");
+	var table = "<table><thead><tr><th>" + _t("Name") + "</th><th>" + _t("Size") + "</th><th>" + _t("Download") + "</th></tr></thead><tbody>"
+	var x = currentSearchBySender
+	var senderBatch = x.resultBatches.get(sender)
+	senderB64 = senderBatch.senderB64
+	x = senderBatch.results;
+	for (var [resultInfoHash, result] of x) {
+		table += "<tr>";
+		table += "<td>";
+		table += result.name;
+		if (result.comment != null) {
+			var divId = "comment_" + uuid + "_" + senderName + "_" + resultInfoHash;
+			var spanId = "comment-link-"+resultInfoHash + senderName + uuid;
+			var comment = expandedComments.get(divId);
+			if (comment != null) {
+				var link = "<a href='#' onclick='window.hideComment(\""+divId +"\",\"" + spanId + "\",\"Sender\");return false;'>" + _t("Hide Comment") + "</a>";
+				table += "<br/><span id='"+spanId+"'>" + link + "</span><br/>";
+				table += "<div id='" + divId + "'>"+comment+"</div>";				
+			} else {
+				var link = "<a href='#' onclick='window.showCommentBySender(\"" + divId +
+					"\",\""+spanId+"\");"+
+					"return false;'>" + _t("Show Comment") + "</a>"; 			
+				table += "<br/><span id='"+spanId+"'>"+link+"</span>";
+				table += "<div id='"+divId+"'></div>";
+			}
+		}
+		table += result.getCertificatesBlock()
+		table += "</td>";
+		table += "<td>";
+		table += result.size;
+		table += "</td>";
+		table += "<td>";
+		if (result.downloading == "false") {
+			table += "<span id='download-"+ resultInfoHash+"'><a href='#' onclick='window.download(\"" + resultInfoHash + "\");return false;'>" + _t("Download") + "</a></span>";
+		} else {
+			table += _t("Downloading");
+		}
+		table += "</td>";
+		table += "</tr>";
+	}
+	table += "</tbody></table>";
+	if (x.size > 0)
+		resultsDiv.innerHTML = table;
+}
+
+function updateFile(fileInfoHash) {
+	infoHash = fileInfoHash;
+	
+	var searchResults = currentSearchByFile.resultBatches.get(infoHash);
+	
+	var resultsFromSpan = document.getElementById("resultsFrom");
+	resultsFromSpan.innerHTML = "Results For "+searchResults.name;
+	
+	var resultsDiv = document.getElementById("bottomTable");
+	var table = "<table><thead><tr><th>" + _t("Sender") + "</th><th>" + _t("Browse") + "</th></tr></thead><tbody>";
+	var i;
+	for (var [senderName, result] of searchResults.results) {
+		table += "<tr>";
+		table += "<td>";
+		table += senderName
+		if (result.comment != null) {
+			var divId = "comment_" + uuid + "_" + fileInfoHash + "_" + senderName;
+			var spanId = "comment-link-" + fileInfoHash + senderName + uuid;
+			var comment = expandedComments.get(divId);
+			if (comment != null) {
+				var link = "<a href='#' onclick='window.hideComment(\""+divId +"\",\"" + spanId + "\",\"File\");return false;'>" + _t("Hide Comment") + "</a>";
+				table += "<br/><span id='"+spanId+"'>" + link + "</span><br/>";
+				table += "<div id='" + divId + "'>"+comment+"</div>";
+			} else {
+				var link = "<a href='#' onclick='window.showCommentByFile(\"" + divId +
+					"\",\""+spanId+"\");"+
+					"return false;'>" + _t("Show Comment") + "</a>"; 			
+				table += "<br/><span id='"+spanId+"'>"+link+"</span>";
+				table += "<div id='"+divId+"'></div>";
+			}
+		}
+		table += result.getCertificatesBlock()
+		table += "</td>";
+		if (result.browse == "true") {
+			if (result.browsing == "true")
+				table += "<td>" + _t("Browsing") + "</td>"
+			else {
+				table += "<td><span id='browse-link-" + result.senderB64 + "'>" + getBrowseLink(result.senderB64) + "</span></td>"
+			}
+		}
+		table += "<td>" + result.trust + " " + result.getTrustLinks() + "</td>"
+		table += "</tr>";
+	}
+	table += "</tbody></table>";
+	if (searchResults.results.size > 0)
+		resultsDiv.innerHTML = table;
+}			
+
+function updateUUIDBySender(resultUUID) {
+	uuid = resultUUID;
+	
+	var currentStatus = statusByUUID.get(uuid)
+	
+	var currentSearchSpan = document.getElementById("currentSearch");
+	currentSearchSpan.innerHTML = currentStatus.query + " Results";
+	
+	var sendersDiv = document.getElementById("topTable");
+	var table = "<table><thead><tr><th>" + _t("Sender") + "</th><th>" + _t("Browse") + "</th><th>" + _t("Trust") + "</th></tr></thead><tbody>";
+	var x = currentSearchBySender.resultBatches;
+	for (var [senderName, senderBatch] of x) {
+		table += "<tr><td><a href='#' onclick='updateSender(\""+senderName+"\");return false;'>"
+		table += senderName;
+		table += "</a></td>";
+		if (senderBatch.browse == "true") {
+			if (senderBatch.browsing == "true") 
+				table += "<td>" + _t("Browsing") + "</td>"
+			else 
+				table += "<td><span id='browse-link-" + senderBatch.senderB64 + "'>" + getBrowseLink(senderBatch.senderB64) + "</span></td>"
+		} 
+		table += "<td>" + senderBatch.trust + " "+senderBatch.getTrustLinks() + "</td>"
+		table += "</tr>";
+	}
+	table += "</tbody></table>";
+	if (x.size > 0)
+		sendersDiv.innerHTML = table;
+	if (sender != null)
+		updateSender(sender);
+}
+
+function updateUUIDByFile(resultUUID) {
+	uuid = resultUUID;
+	
+	var currentStatus = statusByUUID.get(uuid)
+	
+	var currentSearchSpan = document.getElementById("currentSearch");
+	currentSearchSpan.innerHTML = _t("Results for {0}", currentStatus.query)
+	
+	var topTableDiv = document.getElementById("topTable");
+	var table = "<table><thead><tr><th>" + _t("Name") + "</th><th>" + _t("Size") + "</th><th>" + _t("Download") + "</th></tr></thead><tbody>";
+	var x = currentSearchByFile.resultBatches;
+	for (var [fileInfoHash, file] of x) {
+		table += "<tr><td><a href='#' onclick='updateFile(\""+fileInfoHash+"\");return false;'>";
+		table += file.name;
+		table += "</a></td>";
+		table += "<td>";
+		table += file.size;
+		table += "</td>";
+		table += "<td>";
+		if (file.downloading == "false") 
+			table += "<span id='download-"+fileInfoHash+"'><a href='#' onclick='window.download(\""+fileInfoHash+"\"); return false;'>" + _t("Download") + "</a></span>";
+		else
+			table += _t("Downloading");
+		table += "</td></tr>";
+	}
+	table += "</tbody></table>";
+	if (x.size > 0) 
+		topTableDiv.innerHTML = table;
+	if (infoHash != null)
+		updateFile(infoHash);
+}
+
+function refreshGroupBySender(searchUUID) {
+	var xmlhttp = new XMLHttpRequest();
+	xmlhttp.onreadystatechange = function () {
+		if (this.readyState == 4 && this.status == 200) {
+			var xmlDoc = this.responseXML;
+			currentSearchBySender = new SearchBySender(xmlDoc)
+			updateUUIDBySender(searchUUID);
+		}
+	}
+	xmlhttp.open("GET", "/MuWire/Search?section=groupBySender&uuid="+searchUUID, true);
+	xmlhttp.send();
+}
+
+function refreshGroupByFile(searchUUID) {
+	var xmlhttp = new XMLHttpRequest();
+	xmlhttp.onreadystatechange = function () {
+		if (this.readyState == 4 && this.status == 200) {
+			var xmlDoc = this.responseXML;
+			
+			currentSearchByFile = new SearchByFile(xmlDoc)
+			updateUUIDByFile(searchUUID)
+		}
+	}
+	xmlhttp.open("GET", "/MuWire/Search?section=groupByFile&uuid="+searchUUID, true);
+	xmlhttp.send();
+}
+
+function getBrowseLink(host) {
+	return "<a href='#' onclick='window.browse(\"" + host + "\"); return false;'>" + _t("Browse") + "</a>"
+}
+
+function browse(host) {
+	var xmlhttp = new XMLHttpRequest()
+	xmlhttp.onreadystatechange = function() {
+		if (this.readyState == 4 && this.status == 200) {
+			var linkSpan = document.getElementById("browse-link-"+host)
+			linkSpan.innerHTML = _t("Browsing");
+		}
+	}
+	xmlhttp.open("POST", "/MuWire/Browse", true)
+	xmlhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+	xmlhttp.send("action=browse&host="+host)
+}
+
+function viewCertificatesByFile(fileSenderB64, count) {
+	var fetch = new CertificateFetch(fileSenderB64, infoHash)
+	certificateFetches.set(fetch.divId, fetch)
+	
+	var linkSpan = document.getElementById("certificates-link-" + fetch.divId)
+	var hideLink = "<a href='#' onclick='window.hideCertificatesByFile(\"" + fileSenderB64 + "\",\"" + count + "\");return false;'>" + _t("Hide Certificates") + "</a>"
+	linkSpan.innerHTML = hideLink
+	
+	var fetchSpan = document.getElementById("certificates-" + fetch.divId)
+	fetchSpan.innerHTML = _t("Fetching Certificates")
+}
+
+function hideCertificatesByFile(fileSenderB64, count) {
+	var id = fileSenderB64 + "_" + infoHash
+	certificateFetches.delete(id)  // TODO: propagate cancel to core
+	
+	var fetchSpan = document.getElementById("certificates-" + id)
+	fetchSpan.innerHTML = ""
+	
+	var linkSpan = document.getElementById("certificates-link-" + id)
+	var linkText = _t("View {0} Certificates", count)
+	var showLink = "<a href='#' onclick='window.viewCertificatesByFile(\"" + fileSenderB64 + "\",\"" + count + "\");return false;'>" + linkText + "</a>"
+	linkSpan.innerHTML = showLink
+}
+
+function viewCertificatesBySender(fileInfoHash, count) {
+	var fetch = new CertificateFetch(senderB64, fileInfoHash)
+	certificateFetches.set(fetch.divId, fetch)
+	
+	var linkSpan = document.getElementById("certificates-link-" + fetch.divId)
+	var hideLink = "<a href='#' onclick='window.hideCertificatesBySender(\"" + fileInfoHash + "\",\"" + count + "\");return false;'>" +
+		_t("Hide Certificates") + "</a>"
+	linkSpan.innerHTML = hideLink
+	
+	var fetchSpan = document.getElementById("certificates-" + fetch.divId)
+	fetchSpan.innerHTML = _t("Fetching Certificates")
+}
+
+function hideCertificatesBySender(fileInfoHash, count) {
+	var id = senderB64 + "_" + fileInfoHash
+	certificateFetches.delete(id) // TODO: propagate cancel to core
+	
+	var fetchSpan = document.getElementById("certificates-" + id)
+	fetchSpan.innerHTML = ""
+	
+	var linkSpan = document.getElementById("certificates-link-" + id)
+	var linkText = _t("View {0} Certificates", count)
+	var showLink = "<a href='#' onclick='window.viewCertificatesBySender(\"" + fileInfoHash + "\",\"" + count + "\");return false;'>" +
+		linkText + "</a>"
+	linkSpan.innerHTML = showLink
+}
+
+function refreshStatus() {
+	var xmlhttp = new XMLHttpRequest()
+	xmlhttp.onreadystatechange = function() {
+		if (this.readyState == 4 && this.status == 200) {
+			var currentSearch = null
+			if (uuid != null)
+				currentSearch = statusByUUID.get(uuid)
+			statusByUUID.clear()
+			
+			var activeSearches = this.responseXML.getElementsByTagName("Search")
+			var i
+			for(i = 0; i < activeSearches.length; i++) {
+				var searchStatus = new SearchStatus(activeSearches[i])
+				statusByUUID.set(searchStatus.uuid, searchStatus)
+			}
+			
+			
+			var table = "<table><thead><tr><th>" + _t("Query") + "</th><th>" + _t("Senders") + "</th><th>" + _t("Results") + "</th></tr></thead><tbody>"
+			for (var [searchUUID, status] of statusByUUID) {
+				table += "<tr>"
+				table += "<td>" + "<a href='#' onclick='refreshGroupBy" + refreshType + "(\"" + searchUUID + "\");return false;'>" + status.query + "</a></td>"
+				table += "<td>" + status.senders + "</td>"
+				table += "<td>" + status.results + "</td>"
+				table += "</tr>"
+			}
+			table += "</tbody></table>"
+			
+			var activeDiv = document.getElementById("activeSearches")
+			activeDiv.innerHTML = table
+			
+			if (uuid != null) {
+				var newStatus = statusByUUID.get(uuid)
+				if (newStatus.revision > currentSearch.revision)
+					refreshFunction(uuid)
+			}
+		}
+	}
+	xmlhttp.open("GET", "/MuWire/Search?section=status", true)
+	xmlhttp.send()
+}
+
+var refreshFunction = null
+var refreshType = null
+
+function initGroupBySender() {
+	refreshFunction = refreshGroupBySender
+	refreshType = "Sender"
+	setInterval(refreshStatus, 3000);
+	setTimeout(refreshStatus, 1);
+}
+
+function initGroupByFile() {
+	refreshFunction = refreshGroupByFile
+	refreshType = "File"
+	setInterval ( refreshStatus, 3000);
+	setTimeout ( refreshStatus, 1);
+}

webui/src/main/js/translate.js

@@ -21,10 +21,9 @@ function _t(s) {
 // p will replace {0}
 function _t(s, p) {
     var rv = translations.get(s);
-    if (rv != null) {
-        rv = rv.replace("{0}", p);
-    } else {
+    if (rv == null) {
         rv = s;
     }
+    rv = rv.replace("{0}", p);
     return rv;
 }

webui/src/main/webapp/sidebar.jsi

@@ -1,8 +1,12 @@
             <div class="menubox-divider"></div>
             <div class="menubox">
                 <h2><%=Util._t("Status")%></h2>
-                <div class="menu-icon"></div>
-                <div class="menu-text"><%=Util._t("Connections")%>: <span id="connectionsCount">0</span></div>
+                <div class="menuitem">
+                    <div class="menu-icon" id="connectionsIcon">
+                         <img src="images/not_started.png" alt="">
+                    </div>
+                    <%=Util._t("Connections")%>: <span id="connectionsCount">0</span>
+                </div>
             </div>
             <div class="menubox-divider"></div>
             <div class="menubox">