web client: set the status/current class on the <li> element

So we get tabs that looks like tabs.
Also, append the 'current' class so we get both changed/invalid classes
and the 'current'.

1 files changed, 4 insertions, 5 deletions

diff --git a/web/client.js b/web/client.js
index cde1bb3..5ba3fa6 100644
--- a/web/client.js
+++ b/web/client.js
@@ -437,12 +437,11 @@ $(function() {
 
 		    _.each(data.meta.fields, function(field) {
 			var el = $("<li>");
-			var link = Path.format(
-			    data.get(field.name),
-			    field.name == current ?
-				"current" : data.status(field.name)
-			);
+			var link = Path.format(data.get(field.name));
 			link.text(field["ui-name"]);
+			el.prop("class", data.status(field.name));
+			if (field.name == current)
+			    el.addClass("current");
 			el.append(link);
 			target.append(el);
 		    });