user profile display improvements

openid-connect-server-webapp/src/main/webapp/resources/js/admin.js

@@ -317,6 +317,9 @@ var UserProfileView = Backbone.View.extend({
 	tagName: 'span',
 	
 	initialize:function() {
+        if (!this.template) {
+            this.template = _.template($('#tmpl-user-profile-element').html());
+        }
 	},
 	
 	render:function() {
@@ -324,34 +327,17 @@ var UserProfileView = Backbone.View.extend({
         $(this.el).html($('#tmpl-user-profile').html());
 
         _.each(this.model, function (value, key) {
-            $("fieldset",this.el).append(
+        	if (key && value) {
-            		new UserProfileElementView({
+	            $('dl', this.el).append(
-            				model:{key: key, value: value}
+	            		this.template({key: key, value: value})
-            			}).render().el);
+	            	);
+        	}
         }, this);
 		
 		return this;
 	}
 });
 
-var UserProfileElementView = Backbone.View.extend({
-	tagName: 'div',
-	
-	initialize:function() {
-        if (!this.template) {
-            this.template = _.template($('#tmpl-user-profile-element').html());
-        }
-	},
-	
-	render:function() {
-
-		$(this.el).html(this.template(this.model));
-		
-		return this;
-	}
-	
-});
-
 // Router
 var AppRouter = Backbone.Router.extend({
 

openid-connect-server-webapp/src/main/webapp/resources/template/admin.html

@@ -78,21 +78,14 @@
 <!-- user profile -->
 <script type="text/html" id="tmpl-user-profile">
 
-    <form class="form-horizontal">
+    <dl class="dl-horizontal">
-        <fieldset>
+    </dl>
-
-        </fieldset>
-    </form>
 
 </script>
 
 <script type="text/html" id="tmpl-user-profile-element">
 
-            <div class="control-group">
+            <dt><%= key %></dt>
-                <label class="control-label"><%= key %></label>
+            <dd><%= value %></dd>
-                <div class="controls">
-					<div><%= value %></div>
-                </div>
-            </div>
 
 </script>