Merge branch 'feature/user-meta-jsonview' into 'master'

View user metadata in user edit view

- Use JSONView JS library to visually represent User metadata in user edit view.
- Fix rare case of HostnameFilter's MDC logging context initialization throwing a NullPointerException if GlassFish default security realm is wrong (or anonymous principal cannot be set for some reason).

See merge request !129

code/moya-web/WebContent/resources/cditools/user/edit.xhtml

@@ -154,6 +154,24 @@
 		       <p:commandButton rendered="#{cc.attrs.creating or userView.canSave}" id="commitbtn" action="#{cc.attrs.commitaction}" ajax="false" value="#{cc.attrs.commitvalue}" onerror="location.reload(true);" />
 		   </p:fieldset>
 		</h:form>
+		
+		<ui:fragment rendered="#{not empty userView.meta}">
+			<h:outputScript target="head" library="script" name="jsonview.js" />
+			<h:outputScript target="head">
+				window.onload = function() {
+					jsonView('#usermetaview');
+				}
+			</h:outputScript>
+			<h:form id="usermetaform" enctype="multipart/form-data">
+		  		<p:fieldset legend="#{i18n['user.meta.box.legend']}">
+					<p:panelGrid columns="1" cellpadding="1">
+						<div id="usermetaview">#{userView.meta}</div>
+					</p:panelGrid>
+		  		</p:fieldset>
+			</h:form>
+		</ui:fragment>
+			
+		
 		<h:form>
 			<p:fieldset legend="#{i18n['user.userSelectableRoles']}" rendered="#{userView.showUserSelectableRoles and cc.attrs.showRoles}">
 		   		<p:panelGrid columns="2" styleClass="noBorders">

code/moya-web/WebContent/resources/script/jsonview.js

+/*
+ * ViewJSON
+ * Version 1.0
+ * A Google Chrome extension to display JSON in a user-friendly format
+ *
+ * This is a chromeified version of the JSONView Firefox extension by Ben Hollis:
+ * http://jsonview.com
+ * http://code.google.com/p/jsonview
+ *
+ * Also based on the XMLTree Chrome extension by Moonty & alan.stroop
+ * https://chrome.google.com/extensions/detail/gbammbheopgpmaagmckhpjbfgdfkpadb
+ *
+ * port by Jamie Wilkinson (@jamiew) | http://jamiedubs.com | http://github.com/jamiew
+ * MIT license / copyfree (f) F.A.T. Lab http://fffff.at
+ * Speed Project Approved: 2h
+ */
+
+function collapse(evt) {
+	var collapser = evt.target;
+	var target = collapser.parentNode.getElementsByClassName('collapsible');
+	if (!target.length) {
+		return;
+	}
+	target = target[0];
+	if (target.style.display == 'none') {
+		var ellipsis = target.parentNode.getElementsByClassName('ellipsis')[0];
+		target.parentNode.removeChild(ellipsis);
+		target.style.display = '';
+	} else {
+		target.style.display = 'none';
+		var ellipsis = document.createElement('span');
+		ellipsis.className = 'ellipsis';
+		ellipsis.innerHTML = ' … ';
+		target.parentNode.insertBefore(ellipsis, target);
+	}
+	collapser.innerHTML = (collapser.innerHTML == '-') ? '+' : '-';
+}
+
+function addCollapser(item) {
+	// This mainly filters out the root object (which shouldn't be collapsible)
+	if (item.nodeName != 'LI') {
+		return;
+	}
+	var collapser = document.createElement('div');
+	collapser.className = 'collapser';
+	collapser.innerHTML = '-';
+	collapser.addEventListener('click', collapse, false);
+	item.insertBefore(collapser, item.firstChild);
+}
+
+function jsonView(id) {
+	this.debug = false;
+	if (id.indexOf("#") != -1) {
+		this.idType = "id";
+		this.id = id.replace('#', '');
+	} else if (id.indexOf(".") != -1) {
+		this.idType = "class";
+		this.id = id.replace('.', '');
+	} else {
+		if (this.debug)
+			console.log("Can't find that element");
+		return;
+	}
+	this.data = document.getElementById(this.id).innerHTML;
+	// Note: now using "*.json*" URI matching rather than these page regexes -- save CPU cycles!
+	// var is_json = /^\s*(\{.*\})\s*$/.test(this.data);
+	// var is_jsonp = /^.*\(\s*(\{.*\})\s*\)$/.test(this.data);
+	// if(is_json || is_jsonp){
+	// Our manifest specifies that we only do URLs matching '.json', so attempt to sanitize any HTML
+	// added by Chrome's "text/plain" or "text/html" handlers
+	if (/^\<pre.*\>(.*)\<\/pre\>$/.test(this.data)) {
+		if (this.debug)
+			console.log("JSONView: data is wrapped in <pre>...</pre>, stripping HTML...");
+		this.data = this.data.replace(/<(?:.|\s)*?>/g, ''); //Aggressively strip HTML.
+	}
+	// Test if what remains is JSON or JSONp
+	var json_regex = /^\s*([\[\{].*[\}\]])\s*$/; // Ghetto, but it works
+	var jsonp_regex = /^[\s\u200B\uFEFF]*([\w$\[\]\.]+)[\s\u200B\uFEFF]*\([\s\u200B\uFEFF]*([\[{][\s\S]*[\]}])[\s\u200B\uFEFF]*\);?[\s\u200B\uFEFF]*$/;
+	var jsonp_regex2 = /([\[\{][\s\S]*[\]\}])\);/ // more liberal support... this allows us to pass the jsonp.json & jsonp2.json tests
+	var is_json = json_regex.test(this.data);
+	var is_jsonp = jsonp_regex.test(this.data);
+	if (this.debug)
+		console.log("JSONView: is_json=" + is_json + " is_jsonp=" + is_jsonp);
+	if (is_json || is_jsonp) {
+		if (this.debug)
+			console.log("JSONView: sexytime!");
+		// JSONFormatter json->HTML prototype straight from Firefox JSONView
+		// For reference: http://code.google.com/p/jsonview
+
+		function JSONFormatter() {
+			// No magic required.
+		}
+		JSONFormatter.prototype = {
+			htmlEncode: function(t) {
+				return t != null ? t.toString().replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;") : '';
+			},
+			decorateWithSpan: function(value, className) {
+				return '<span class="' + className + '">' + this.htmlEncode(value) + '</span>';
+			},
+			// Convert a basic JSON datatype (number, string, boolean, null, object, array) into an HTML fragment.
+			valueToHTML: function(value) {
+				var valueType = typeof value;
+				var output = "";
+				if (value == null) {
+					output += this.decorateWithSpan('null', 'null');
+				} else if (value && value.constructor == Array) {
+					output += this.arrayToHTML(value);
+				} else if (valueType == 'object') {
+					output += this.objectToHTML(value);
+				} else if (valueType == 'number') {
+					output += this.decorateWithSpan(value, 'num');
+				} else if (valueType == 'string') {
+					if (/^(http|https):\/\/[^\s]+$/.test(value)) {
+						output += '<a href="' + value + '">' + this.htmlEncode(value) + '</a>';
+					} else {
+						output += this.decorateWithSpan('"' + value + '"', 'string');
+					}
+				} else if (valueType == 'boolean') {
+					output += this.decorateWithSpan(value, 'bool');
+				}
+				return output;
+			},
+			// Convert an array into an HTML fragment
+			arrayToHTML: function(json) {
+				var output = '[<ul class="array collapsible">';
+				var hasContents = false;
+				for (var prop in json) {
+					hasContents = true;
+					output += '<li>';
+					output += this.valueToHTML(json[prop]);
+					output += '</li>';
+				}
+				output += '</ul>]';
+				if (!hasContents) {
+					output = "[ ]";
+				}
+				return output;
+			},
+			// Convert a JSON object to an HTML fragment
+			objectToHTML: function(json) {
+				var output = '{<ul class="obj collapsible">';
+				var hasContents = false;
+				for (var prop in json) {
+					hasContents = true;
+					output += '<li>';
+					output += '<span class="prop">' + this.htmlEncode(prop) + '</span>: ';
+					output += this.valueToHTML(json[prop]);
+					output += '</li>';
+				}
+				output += '</ul>}';
+				if (!hasContents) {
+					output = "{ }";
+				}
+				return output;
+			},
+			// Convert a whole JSON object into a formatted HTML document.
+			jsonToHTML: function(json, callback, uri) {
+				var output = '';
+				if (callback) {
+					output += '<div class="callback">' + callback + ' (</div>';
+					output += '<div id="json">';
+				} else {
+					output += '<div id="json">';
+				}
+				output += this.valueToHTML(json);
+				output += '</div>';
+				if (callback) {
+					output += '<div class="callback">)</div>';
+				}
+				return this.toHTML(output, uri);
+			},
+			// Produce an error document for when parsing fails.
+			errorPage: function(error, data, uri) {
+				// var output = '<div id="error">' + this.stringbundle.GetStringFromName('errorParsing') + '</div>';
+				// output += '<h1>' + this.stringbundle.GetStringFromName('docContents') + ':</h1>';
+				var output = '<div id="error">Error parsing JSON: ' + error.message + '</div>';
+				output += '<h1>' + error.stack + ':</h1>';
+				output += '<div id="json">' + this.htmlEncode(data) + '</div>';
+				return this.toHTML(output, uri + ' - Error');
+			},
+			// Wrap the HTML fragment in a full document. Used by jsonToHTML and errorPage.
+			toHTML: function(content, title) {
+				return content;
+			}
+		};
+		// Sanitize & output -- all magic from JSONView Firefox
+		this.jsonFormatter = new JSONFormatter();
+		// This regex attempts to match a JSONP structure:
+		//    * Any amount of whitespace (including unicode nonbreaking spaces) between the start of the file and the callback name
+		//    * Callback name (any valid JavaScript function name according to ECMA-262 Edition 3 spec)
+		//    * Any amount of whitespace (including unicode nonbreaking spaces)
+		//    * Open parentheses
+		//    * Any amount of whitespace (including unicode nonbreaking spaces)
+		//    * Either { or [, the only two valid characters to start a JSON string.
+		//    * Any character, any number of times
+		//    * Either } or ], the only two valid closing characters of a JSON string.
+		//    * Any amount of whitespace (including unicode nonbreaking spaces)
+		//    * A closing parenthesis, an optional semicolon, and any amount of whitespace (including unicode nonbreaking spaces) until the end of the file.
+		// This will miss anything that has comments, or more than one callback, or requires modification before use.
+		var outputDoc = '';
+		// text = text.match(jsonp_regex)[1]; 
+		var cleanData = '',
+			callback = '';
+		var callback_results = jsonp_regex.exec(this.data);
+		if (callback_results && callback_results.length == 3) {
+			if (this.debug)
+				console.log("THIS IS JSONp");
+			callback = callback_results[1];
+			cleanData = callback_results[2];
+		} else {
+			if (this.debug)
+				console.log("Vanilla JSON");
+			cleanData = this.data;
+		}
+		if (this.debug)
+			console.log(cleanData);
+		// Covert, and catch exceptions on failure
+		try {
+			// var jsonObj = this.nativeJSON.decode(cleanData);
+			var jsonObj = JSON.parse(cleanData);
+			if (jsonObj) {
+				outputDoc = this.jsonFormatter.jsonToHTML(jsonObj, callback);
+			} else {
+				throw "There was no object!";
+			}
+		} catch (e) {
+			if (this.debug)
+				console.log(e);
+			outputDoc = this.jsonFormatter.errorPage(e, this.data);
+		}
+		var links = '<style type="text/css">body{font-family:sans-serif;}.prop{font-weight:700;}.null{color:red;}.string{color:green;}.collapser{position:absolute;left:-1em;cursor:pointer;}li{position:relative;}li:after{content:\',\';}li:last-child:after{content:\'\';}#error{-moz-border-radius:8px;border:1px solid #970000;background-color:#F7E8E8;margin:.5em;padding:.5em;}.errormessage{font-family:monospace;}#json{font-family:monospace;font-size:1.1em;}ul{list-style:none;margin:0 0 0 2em;padding:0;}h1{font-size:1.2em;}.callback + #json{padding-left:1em;}.callback{font-family:monospace;color:#A52A2A;}.bool,.num{color:blue;}</style>';
+		if (this.idType == "class") {
+			document.getElementsByClassName(this.id).innerHTML = links + outputDoc;
+		} else if (this.idType == "id") {
+			document.getElementById(this.id).innerHTML = links + outputDoc;
+		}
+		var items = document.getElementsByClassName('collapsible');
+		for (var i = 0; i < items.length; i++) {
+			addCollapser(items[i].parentNode);
+		}
+	} else {
+		// console.log("JSONView: this is not json, not formatting.");
+	}
+}
\ No newline at end of file

code/moya-web/src/main/java/fi/codecrew/moya/HostnameFilter.java

@@ -20,6 +20,7 @@ package fi.codecrew.moya;
 
 import java.io.IOException;
 import java.io.PrintWriter;
+import java.security.Principal;
 
 import javax.ejb.EJB;
 import javax.faces.application.ProjectStage;
@@ -33,7 +34,6 @@ import javax.servlet.ServletResponse;
 import javax.servlet.http.HttpServletRequest;
 import javax.servlet.http.HttpServletResponse;
 
-import org.apache.http.HttpRequest;
 import org.slf4j.Logger;
 import org.slf4j.LoggerFactory;
 import org.slf4j.MDC;
@@ -99,9 +99,15 @@ public class HostnameFilter implements Filter {
 	 * @param authType
 	 */
 	void insertLoggingContext(HttpServletRequest request, AuthType authType) {
-		String userString = request.getUserPrincipal().getName();
+		Principal userPrincipal = request.getUserPrincipal();
+		if (userPrincipal != null) {
+			String userString = userPrincipal.getName();
 			MDC.put("user", userString);
-		MDC.put("authtype", authType.name());
+			MDC.put("authtype", authType != null ? authType.name() : "null");
+		} else {
+			MDC.put("user", "null");
+			MDC.put("authtype", "null");
+		}
 	}
 
 	/**
@@ -154,7 +160,7 @@ public class HostnameFilter implements Filter {
 		}
 		// pass the request along the filter chain
 		try {
-			insertLoggingContext((HttpServletRequest)request, authtype);
+			insertLoggingContext((HttpServletRequest) request, authtype);
 			chain.doFilter(request, response);
 		} catch (Throwable t) {
 			if (AuthType.REST == authtype) {

code/moya-web/src/main/java/fi/codecrew/moya/web/cdiview/user/UserView.java

@@ -31,7 +31,7 @@ import javax.faces.application.FacesMessage;
 import javax.faces.context.FacesContext;
 import javax.inject.Inject;
 import javax.inject.Named;
-import javax.management.RuntimeErrorException;
+import javax.json.JsonObject;
 
 import org.primefaces.event.CaptureEvent;
 import org.primefaces.event.FileUploadEvent;
@@ -597,4 +597,25 @@ public class UserView extends GenericCDIView {
 		return shirtEnabled;
 	}
 
+	/**
+	 * Get metadata from the User (not EventUser). The data is shown in ui.
+	 * 
+	 * @return
+	 */
+	public String getMeta() {
+		EventUser eventUser = getSelectedUser();
+		if (eventUser != null) {
+			User user = eventUser.getUser();
+			if (user != null) {
+				JsonObject meta = user.getMeta();
+				if (meta != null) {
+					if (meta.keySet().size() > 0) {
+						return meta.toString();
+					}
+				}
+			}
+		}
+		return "";
+	}
+
 }

code/moya-web/src/main/resources/fi/codecrew/moya/resources/i18n.properties

@@ -388,6 +388,7 @@ topnavi.userlectures  = Kurssit ja luennot
 user.cropImage = Crop
 user.imageUpload.imageNotFound = Select image to upload
 user.info      = K\u00E4ytt\u00E4j\u00E4
+user.meta.box.title = Metadata
 user.saveUserSelectableRoles = Tallenna
 user.shirt.L   = Unisex L
 user.shirt.LadyL = Ladyfit L

code/moya-web/src/main/resources/fi/codecrew/moya/resources/i18n_fi.properties

@@ -1455,6 +1455,7 @@ user.invitemail     = S\u00E4hk\u00F6postiosoite
 user.lastName       = Sukunimi
 user.login          = K\u00E4ytt\u00E4j\u00E4tunnus
 user.logout         = Kirjaudu ulos
+user.meta.box.title = Metatiedot
 user.myPlaces       = Omat konepaikat
 user.myProperties   = Omat tiedot
 user.nick           = Nick