added copyable clientid display to client table

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

@@ -194,6 +194,8 @@ var ClientView = Backbone.View.extend({
         
         $('.client-more-info-block', this.el).html(this.moreInfoTemplate({client: this.model.toJSON()}));
         
+        $('.clientid-full', this.el).hide();
+        
         this.$('.dynamically-registered').tooltip({title: 'This client was dynamically registered'});
         
         return this;
@@ -203,7 +205,8 @@ var ClientView = Backbone.View.extend({
         "click .btn-edit":"editClient",
         "click .btn-delete":"deleteClient",
         "click .btn-whitelist":"whiteListClient",
-		'click .toggleMoreInformation': 'toggleMoreInformation'
+		'click .toggleMoreInformation': 'toggleMoreInformation',
+        "click .clientid-substring":"showClientId"
     },
 
     editClient:function (e) {
@@ -277,6 +280,13 @@ var ClientView = Backbone.View.extend({
 		}
 	},
 	
+	showClientId:function(e) {
+		e.preventDefault();
+		
+		$('.clientid-full', this.el).show();
+		
+	},
+	
 	close:function () {
         $(this.el).unbind();
         $(this.el).empty();

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

@@ -29,7 +29,10 @@
 
     <td>
 		<div>
-	        <span title="<%= client.clientId %>"><%= client.clientName != null ? client.clientName : ( client.clientId.substr(0,8) + '...' ) %></span>
+	        <span class="clientid-substring" title="<%= client.clientId %> (click to display client ID)"><%= client.clientName != null ? client.clientName : ( client.clientId.substr(0,8) + '...' ) %></span>
+		</div>
+		<div>
+			<input type="text" readonly style="cursor: text" class="clientid-full input-xxlarge" value="<%= client.clientId %>" />
 		</div>
 		<div>
 			<% if (client.dynamicallyRegistered) { %>