From 1be13d9767879789a93d0d14dc0d3025a3132563 Mon Sep 17 00:00:00 2001
From: Michael Jumper <mike.jumper@guac-dev.org>
Date: Tue, 19 Feb 2013 01:15:51 -0800
Subject: [PATCH] Paginate connection list in user edit dialog.

---
 guacamole/src/main/webapp/scripts/admin-ui.js | 31 ++++++++++++++++---
 guacamole/src/main/webapp/styles/ui.css       |  5 +++
 2 files changed, 32 insertions(+), 4 deletions(-)

diff --git a/guacamole/src/main/webapp/scripts/admin-ui.js b/guacamole/src/main/webapp/scripts/admin-ui.js
index a0f2ea5e4..1d760b0be 100644
--- a/guacamole/src/main/webapp/scripts/admin-ui.js
+++ b/guacamole/src/main/webapp/scripts/admin-ui.js
@@ -410,13 +410,28 @@ GuacAdmin.addUser = function(name) {
             // Add fields for per-connection checkboxes
             var connections_header = GuacUI.createChildElement(sections, "dt");
             connections_header.textContent = "Connections:";
+
+            var connections_section = GuacUI.createChildElement(sections, "dd");
+
+            // Actual paged connections list
             var connections = GuacUI.createChildElement(
-                GuacUI.createChildElement(sections, "dd"),
-                "div", "list");
+                connections_section, "div", "list");
 
-            for (var conn in GuacAdmin.cached_permissions.administer_connection) {
+            // Button div
+            var connections_buttons = GuacUI.createChildElement(
+                connections_section, "div", "list-pager-buttons");
 
-                var connection       = GuacUI.createChildElement(connections, "div", "connection");
+            // Create pager which populates list
+            var connections_pager = new GuacUI.Pager(connections);
+
+            // Add connections to pager
+            var available_connections =
+                Object.keys(GuacAdmin.cached_permissions.administer_connection).sort();
+            for (var i=0; i<available_connections.length; i++) {
+
+                var conn = available_connections[i];
+
+                var connection       = GuacUI.createElement("div", "connection");
                 var connection_field = GuacUI.createChildElement(connection, "input");
                 var connection_name  = GuacUI.createChildElement(connection, "span", "name");
 
@@ -438,9 +453,17 @@ GuacAdmin.addUser = function(name) {
                 };
 
                 connection_name.textContent = conn;
+                connections_pager.addElement(connection);
 
             }
 
+            // If more than one page, show buttons
+            if (connections_pager.last_page != 0)
+                connections_buttons.appendChild(connections_pager.getElement());
+
+            // Start at page 0
+            connections_pager.setPage(0);
+
         }
 
         // Add buttons
diff --git a/guacamole/src/main/webapp/styles/ui.css b/guacamole/src/main/webapp/styles/ui.css
index 4339a0ddd..4dfa161ef 100644
--- a/guacamole/src/main/webapp/styles/ui.css
+++ b/guacamole/src/main/webapp/styles/ui.css
@@ -433,3 +433,8 @@ div#logout-panel {
     text-align: center;
     margin: 1em;
 }
+
+.list-pager-buttons {
+    text-align: center;
+    margin: 1em;
+}
\ No newline at end of file